body{margin:0px; padding:0; font-family:Arial, Helvetica, sans-serif; background:#6d6d6d url('../images/bg_tile.jpg') repeat-x; min-width:850px}

#header, .content, .footer, #wrapper {width:90%; min-width:975px;}

#wrapper{position:relative; margin:auto;}
#header{position:relative; height:100px; margin:0 auto; background:#344f81 url('../images/header_bg.jpg') repeat-x; padding:15px;
border-bottom:3px solid #000000; border-left:2px solid #000000; border-right:2px solid #000000;}
#logo{position:absolute; top:0; left:0px;}


#menu{position:absolute; bottom:0px; left:0px; border-top:1px #5572ad solid;}
#menu ul, #submenu ul, #catmenu ul {list-style:none; margin:0; padding:0;}
#menu li {float: left; border-right:1px #003366 solid; /*height:25px;*/}
#menu li a{display:block; text-decoration:none; color:#FFFFFF; padding-left:10px; padding-right:10px; line-height:30px; font-size:0.9em}
#menu li a:hover{text-decoration:underline;background:#213b68; }
#menu li.selected{background:#213b68; }

#submenu{background:#333; padding:8px; overflow:hidden; }
#submenu li { float:left; border-bottom:1px solid #003366; border-right:1px solid #003366; height:28px; background:#003399 url('../images/sm_grad_bg.gif') repeat-x 0px 0px; width:180px; margin:4px;}
#submenu li a{display:block; font-size:0.9em; text-decoration:none; height:28px; color:#FFFFFF; padding-left:10px; padding-right:10px; line-height:28px; margin:0;}
#submenu li a:hover{text-decoration:underline; background:#213b68 url('../images/sm_grad_bg.gif') repeat-x 0px -36px; }
#submenu li.selected{background:#213b68; }

#catmenu{float:left; width:20%;min-width:180px; margin-top:30px; margin-right:2%;}

#catmenu li {
background: #4869ac; /* Old browsers */
background: -moz-linear-gradient(top,  #6b8cd1 0%, #1a3b7e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6b8cd1 0%,#1a3b7e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6b8cd1 0%,#1a3b7e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b8cd1', endColorstr='#1a3b7e',GradientType=0 ); /* IE6-9 */
}

#catmenu li {/*background:#003399 url('../images/sm_grad_bg.gif') repeat-x 0px -8px; */ border-right:1px solid #003366;}
#catmenu li a {color:#FFFFFF; font-weight:bold; display:block; font-size:0.8em; text-decoration:none; /*height:25px;*/ line-height:25px; text-indent:5px; padding:0.5em 0.25em;}
#catmenu li a:hover {
background: #344a73; /* Old browsers */
background: -moz-linear-gradient(top,  #4d6490 0%, #0c1d3b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4d6490 0%,#0c1d3b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4d6490 0%,#0c1d3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d6490', endColorstr='#0c1d3b',GradientType=0 ); /* IE6-9 */
text-decoration:underline;}
#catmenu li.catrow a {font-weight:normal; color:#000000; /*background:#003399 url('../images/sm_grad_bg.gif') repeat-x 0px -64px;*/ text-indent:15px;  overflow:hidden;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7b96e5+1,6483ba+100 */
background: #7b96e5; /* Old browsers */
background: -moz-linear-gradient(top,  #7b96e5 1%, #6483ba 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7b96e5 1%,#6483ba 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7b96e5 1%,#6483ba 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b96e5', endColorstr='#6483ba',GradientType=0 ); /* IE6-9 */
}
#catmenu li.catrow a:hover {color:#FFFFFF;  /*background:#213b68 url('../images/sm_grad_bg.gif') repeat-x 0px -36px;*/
background: #344a73; /* Old browsers */
background: -moz-linear-gradient(top,  #4d6490 0%, #0c1d3b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4d6490 0%,#0c1d3b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4d6490 0%,#0c1d3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d6490', endColorstr='#0c1d3b',GradientType=0 ); /* IE6-9 */

 }

#datebox{ position:absolute; height:80px; width:100px; top:0; right:5px; border:1px #333333 solid; background:#FFFFFF url('../images/datebox.gif') no-repeat;}
#datebox .day, #datebox .date, #datebox .month, #datebox .year{text-align:center;}
#datebox .day{font-size:0.7em; height:15px }
#datebox .month{font-size:0.8em; height:15px; }
#datebox .date{font-size:1.7em; height:30px; padding-top:2px;}
#datebox .year{font-size:0.8em; letter-spacing:5px; padding-top:3px;}
p{font-size:0.8em}

.button {padding:6px; border:1px #999999 solid; background:#CCC; color:#000; margin:6px;}
.content{position:relative; margin:0 auto;  padding:15px; border-left:2px #000000 solid; border-right:2px #000000 solid; border-bottom:3px #000000 solid; background:#FFFFFF; overflow:hidden; min-height:600px; margin-bottom:15px; border-radius: 0px 0px 15px 15px; 	}
.content h1{font-size:1.4em; text-align:center; margin:0; margin-bottom:15px;}
.content h2{font-size:1em; text-align:center; margin:0; margin-bottom:15px;}

.footer{ text-align:center; font-size:0.7em;  border:3px #000000 solid; background:#FFFFFF;margin:0 auto;padding:15px; border-radius: 15px 15px 15px 15px; }


.c2_top, .c2_bottom{margin:0 auto; width:856px;}
.c2 {text-align:center; position:relative;}
.c2_top{margin-top:20px;}

.comp_info {position:absolute; left:15px; top:-12px; border:0px #CCCCCC solid; width:200px; height: 100px; font-size:0.7em; text-align:left;}
.comp_add {position:absolute; right:15px; top:-12px; border:0px #CCCCCC solid; width:200px; height: 100px; font-size:0.7em; text-align:right;}
.comp_info p, .comp_add p {margin:0; margin-bottom:10px;}


table.frm_tbl{border-collapse:collapse; margin:0 auto;}
table.frm_tbl th{font-size:1em; background:#333333; }
table.frm_tbl td {padding:2px 5px 2px 5px; color:#000000;font-size:0.8em;}

.form-options input, .form-options select{ padding:0.5em; margin:0.5em;}
.input-10 {width:10%;}
.input-20 {width:20%;}
.input-25 {width:25%;}
.input-30 {width:30%;}
.input-40 {width:40%;}
.input-50 {width:50%;}
.input-75 {width:75%;}

.product_buttons{margin:0 auto; border:0px #666666 solid; text-align:center; width:930px; overflow:hidden;}
.product_buttons a{width:125px; height:25px; line-height:25px; margin-right:10px; display:block; text-decoration:none; color:#FFFFFF; float:left;}

.tbl_vouchers{border-collapse:collapse; border:1px #000000 solid; width:98%; margin:0 auto; }
.tbl_vouchers a {text-decoration:none; color:#000;}
.tbl_vouchers th a {font-weight:bold;  color:#FFF;}
.tbl_vouchers td a{display:block;}
.tbl_vouchers td {border-bottom:1px #999999 solid; border-right:1px #999999 solid; padding: 5px;}

table.tbl_users{border-collapse:collapse; border:1px #000000 solid; width:70%;min-width:560px; margin-left:20px;}
/* WIDTH OF ALL TABLES  */
table.tbl_customers, table.tbl_brands, table.tbl_info {border-collapse:collapse; width:96%; min-width:935px; margin-left:2%;}

table.tbl_customers{ border:1px #000000 solid;}
.tbl_customers th a {color:#FFF; text-decoration:none;} 
table.tbl_brands{border:1px #000000 solid;}
table.tbl_products{border-collapse:collapse; border:1px #000000 solid; width:76%;	min-width:750px; margin-left:200px;}
table.tbl_info{ border:1px #000000 solid; margin-left:23px;}

.edit-row {display:none; }

table.tbl_users th, table.tbl_customers th, table.tbl_brands th, table.tbl_products th, table.tbl_info th, .tbl_vouchers th
{background:#003366; color:#FFF; font-size:1em; height:25px; line-height:25px; border-right:1px #999 solid;}
table.tbl_info th a, table.tbl_products th a {display:block; color:#FFFFFF; text-decoration:none;}

.shopping_cart {width:100%;}
.shopping_cart th, .shopping_cart td{padding:0.5em}
.shopping_cart td{font-size:100%!important;}
 
table.tbl_info th a:hover { text-decoration:underline;}
table.tbl_info td {padding: 3px 3px 3px 3px; min-height:20px;}
table.tbl_info td a {padding: 8px 3px 8px 3px; text-decoration:none; color:#333;}
table.tbl_info td a:hover {padding: 8px 3px 8px 3px; text-decoration:none; color:#333;}

table.tbl_users td, table.tbl_customers td, table.tbl_brands td, table.tbl_products td, table.tbl_info td
{border-bottom:1px #999999 solid; border-right:1px #999999 solid; padding: 5px; font-size:0.8em}

table.tbl_users img, table.tbl_customers img, table.tbl_products img {border:0px none;}
 
.imgfl{float:left; margin-right:2px; margin-left:-5px;} 
 
table.tbl_customers td p {margin:3px; font-weight:bold; font-size:0.9em;}
table.tbl_products td p {margin:3px;  font-size:90%;}

table.tbl_users td a, table.tbl_customers td a, table.tbl_brands td a, table.tbl_products td a
{color:#000000; text-decoration:none; display:block; padding:2px;}

table.tbl_users tr.bg1, table.tbl_customers tr.bg1, table.tbl_brands tr.bg1, table.tbl_products tr.bg1, table.tbl_vouchers tr.bg1
{background:#CCCCCC;}
table.tbl_users tr.bg2, table.tbl_customers tr.bg2, table.tbl_brands tr.bg2, table.tbl_products tr.bg2, table.tbl_vouchers tr.bg2
{background:#FFFFFF;}
table.tbl_users tr.highlight, table.tbl_customers tr.highlight, table.tbl_brands tr.highlight, table.tbl_products tr.highlight, table.tbl_vouchers tr.highlight
 {background:#66FFFF; }
 
.subrow {display:none;}

/* PAGE CONTROL */
.pagecontrol {width:77%; min-width:750px; position:relative; margin:0 auto; border:0px #03C solid; margin-left:200px; margin-bottom:5px; margin-top:5px; overflow:hidden;}
.pagecontrol img {border:0;}
.pages {float:right; margin-right:-120px;}
.pagelinks { border:1px #003399 solid; float:left; margin: 0px 2px 2px 2px; }

.pagelinks a {display:block; text-decoration:none; color:#003399; padding:2px 3px; width:20px; height:18px; text-align:center; font-size:0.8em}
.pagelinks a:hover {background:#CCCCCC; text-decoration:underline}
.pagelinks a.selected {background:#003399; color:#FFF;}


#add_user {position:absolute; top:36px; right:20px; width:230px; height:150px; border:1px #000000 solid; background:#CCCCCC;}
#add_user h2{background:#333333; color:#FFFFFF; text-align:center; font-size:1.2em;margin:0; padding:5px 0px 5px 0px;}
#add_user form, .popup_box form {margin:0;}

.email_address {border:5px #666666 solid; width:150px; height:50px;}

.loading {text-align:center; position:absolute; display:none; border:2px #003399 solid; color:#FFFFFF; width:126px; height:126px; background: #999999;}
.popup_box{border:6px #003399 solid; color:#FFFFFF; width:360px; height:190px; position:fixed; top:20%; left:50%; margin-left:-180px; display:none;  background: #999999; border-radius:8px;}
.popup_box h3{margin:0 auto; background:#003399 url('../images/sm_grad_bg.jpg') repeat-x 0px 0px; color:#FFFFFF; text-align:center;  }
.popup_box h3 a{color:#FFFFFF; text-decoration:none; display:block; }
.popup_box h3 a:hover { background:#0066FF url('../images/sm_grad_bg.jpg') repeat-x 0px -42px;}

.popup_box h4{margin:0 auto; text-align:center; padding:6px; }


.imgleft {float:left; margin-right:10px; margin-left:20px;}
.acenter {text-align:center;}
.aright {text-align:right;}
.aleft {text-align:left;}
.fleft {float:left;}
.fright {float:right;}
.bggrey{background:#CCCCCC;}
.bgred, table th.bgred{background:#FF0000;}
.bggreen, table th.bggreen{background:#00FF00;}


#admin-data {margin:0 auto; text-align:center; width:800px;}
.stat-pod {width:579px; height:35px; margin-bottom:10px; background:#6d89ca url('../images/admin-data.gif') no-repeat; line-height:35px;}
.stat-pod p {font-size:1em; text-align:left; text-indent:20px; margin:0; font-weight:bold;}
.stat-pod .data {float:right; padding-right:15px; font-size:1em; color:#FFFFFF; font-weight:bold;}

table.stat-table {width:580px; border-radius:8px; border:2px 18325d solid;}
table.stat-table th {background:#18325d; color:#FFFFFF;}
table.stat-table td {background:#6d89ca; padding: 0.75em; font-size:0.8em; border-bottom:1px #18325d solid; border-left:1px #18325d solid; border-right:1px #18325d solid;}