/* MAIN HTML */
* {margin:0;padding:0}
body {background:#117ca1;color:#333;font-family:arial,verdana,sans-serif; font-size:12px;}
	
/* LINKS */
a,a:hover {color:#117ca1;background:transparent;text-decoration:none;cursor:pointer} 
a:hover{color:#2fb9e9} 
.golink,.golink:hover {padding-left:18px;background:url(../_images/layout/green-arrow-right.png) no-repeat 0 0;}
.backlink,.backlink:hover {padding-left:18px;background:url(../_images/layout/green-arrow-left.png) no-repeat 0 0;}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 10px}
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px;margin:10px 0 3px 0;color:#666;padding-bottom:4px}
h1 {font-size: 196%;margin-bottom:10px;color:#117ca1}
h2 {font-size: 136%;border-bottom:1px dashed #c0eaf8;margin-top:15px;color:#16a0cf;padding-bottom:2px}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#f77121}
.subdued {color:#999}
.caption {color:#999;font-size:11px}
.date {font-weight:bold;color:#ccc;display:block;letter-spacing:1px}
.small {font-size:11px}
.redbold {color:#c11c22;font-weight:bold}
h2.orange {background:url(../_images/layout/h2homebg.gif) no-repeat;color:#fff;border-bottom:1px dashed #f77121;padding:4px 0 3px 10px;margin-bottom:8px;}

/* RESPONSES */
.error, .info, .success {padding:5px 10px 5px 35px;font-weight:bold;margin:15px 0;}
.error {color:#fd0000;border:1px solid #fd0000;background:#fff url(../_images/icons/cancel.png) no-repeat 10px 4px;}
.info {color:#357ebf;border:1px solid #357ebf;background:#fff url(../_images/icons/information.png) no-repeat 10px 4px;}
.success {color:#4bb426;border:1px solid #4bb426;background:#fff url(../_images/icons/accept.png) no-repeat 10px 4px;}

/* GENERAL */
ul {list-style-type:none}
img {border:none}
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
* html .clear {height:1%;}
.clear {display:block;}
.hide {display:none;}
.show {display:block;}
.pclear {clear:both;margin-bottom:-4px;content:".";}

/* WRAP */
#wraphdr {width:986px;padding:0 7px;margin:6px auto 0 auto;height:10px;background:#117ca1 url(../_images/layout/headertopbg.gif) no-repeat;}
#wrapftr {width:986px;padding:0 7px;margin:0 auto 6px auto;height:10px;background:#117ca1 url(../_images/layout/footerbg.gif) no-repeat;}
#wrap {width:986px;padding:0 7px;margin:0 auto;background:#fff url(../_images/layout/wrapbg.gif) repeat-y;}

/* HEADER */
#header {height:95px;background:url(../_images/layout/headerbg.gif) repeat-x bottom left;border-bottom:5px solid #ffe533;}

/* CART & USER */
#cart, #user {float:right;width:385px;text-align:right;line-height:17px;}
#cart a, #user a {font-weight:bold;text-decoration:underline;}
#cart {background:#fff url(../_images/layout/cart-icon.gif) no-repeat 400px 2px;height:30px;padding:4px 60px 5px 8px;}
#user {background:#fff url(../_images/layout/user-icon.gif) no-repeat 400px 7px;height:25px;padding:18px 60px 2px 8px;}

/* LOGO */
#logo {float:left;width:390px;height:82px;padding:3px 5px 3px 15px;}

/* NAV */
#nav {font-weight:bold;min-height:25px;width:986px;text-align:left;margin:0;background:url(../_images/layout/navbg.gif) repeat-x;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#nav li {float:left;display:block;margin:0;border-right:1px solid #fff;padding:0;}
#nav a {text-decoration:none;cursor:pointer;color:#fff;display:block;padding:4px 12px 6px;}
#nav a:hover {color:#f77121;margin:0;}
#nav li:hover, #nav li.hover {position:static;}
#nav li ul {border-top:1px solid #fff;background:#f9d852;width:180px;font-size:90%;margin-top:0;position:absolute;left:-999em}
#nav li:hover ul, #nav li.sfhover ul {left:auto;z-index:99999}
#nav li li {background:none;float:none;border:none;border:1px solid #fff;border-top:none;border-left:none;padding-left:0}
#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#666;padding:5px 10px 4px;width:159px}
#nav li li a:hover {color:#fff;background:#f77121}
/* hide from IE mac \*/
#nav li {width:auto}
/* end hiding from IE5 mac */
	
/* CONTENT */	
#content-wrap {min-height:500px;height:auto !important;height:500px;border-bottom:1px solid #ccc;}
#content {float:left;width:625px;font-size:12px;padding:0 20px 20px 20px;}
#content ul {margin:0 0 0 40px;list-style-type:square;}
#content p a {border-bottom:1px dashed #999;}
#fullcontent {padding:0 20px 20px 20px;}
.pad10 {padding:10px}

/* HEADING */
#pageheader {border-top:2px solid #2fb9e9;}
.breadcrumb {padding:0 0 10px 0;font-weight:bold;font-size:11px;color:#ccc;}
.breadcrumb a {color:#999;}

/* UTILITY */
#utility {color:#333;width:300px;float:left;font-size:11px;margin:20px 20px 20px 0;}
#utility h2{color:#16a0cf;margin:0;background:#dafb59 url(../_images/layout/utilityh2bg.gif) no-repeat;padding:8px 8px 15px 35px;letter-spacing:0.005em;border:none;}
.utheader {height:8px;background:#fff url(../_images/layout/utilityhdrbg.gif) no-repeat;}
.utfooter {height:8px;background:#fff url(../_images/layout/utilityftrbg.gif) no-repeat;margin-bottom:10px;}
.utbody {padding:10px 10px 0 10px;border-right:10px solid #dafb59;border-left:10px solid #dafb59;border-bottom:10px solid #dafb59;}
.utbodygreen {border-right:10px solid #dafb59;border-left:10px solid #dafb59;}

/* SUBNAV */	
.subnav {border:1px solid #bae806;margin:0;padding:0;background:#fff;list-style-type:none;border-bottom:none;}
.subnav li {padding:7px 7px 7px 20px;border-bottom:1px solid #bae806;background:#fff url(../_images/layout/blue-arrow-right.gif) no-repeat 8px 8px;}
.subnav li a {padding:5px;color:#16a0cf;font-weight:bold;text-decoration:none;border:0;}
.subnav li a:hover {color:#ccc;text-decoration:underline}

/* FOOTER */
#footer {padding:20px 20px 0 20px;color:#999;height:40px;font-size:11px;}
#footer a {color:#999;font-weight:bold}
#footer a:hover {color:#666;}
#footer .left {float:left;width:450px;}
#footer .right {float:right;width:450px;text-align:right;}

/* TABLES */
th {padding:10px;border-right:1px solid #fff}
td {padding:5px 3px;border-right:1px solid #fff}
td input {font-size:11px;padding:1px 2px;}
.infotable th {font-weight:bold;color:#fff;background:#f79b1c;padding:3px 8px}
.infotable td {background:#e7e7e7;padding:3px;}
.infotable td.grey {background:#ddd;padding:3px;text-align:center;}

/* GRID */
.grid {margin:10px 0;background:#fff}
.gridaltrow {background:#f7f7f7;}
.gridheader {background:#c0eaf8 url(../_images/layout/gridhdrbg.gif) repeat-x;padding:10px;}
.empty {color:#c00;font-weight:bold;}
.gridsubtotal {padding:5px;text-align:right;background:#eee;font-weight:bold;border-bottom:1px solid #ddd;border-top:1px solid #fff}
.gridtotal {padding:8px 5px;text-align:right;background:#ccc;font-weight:bold;margin:0 0 10px 0;border-top:1px solid #999;font-size:14px;}

/* FORMS */
form {margin:0;}
fieldset {border:1px solid #e7e7e7;padding:15px 10px 10px 10px;background:#f7f7f7;margin:10px 0;display:block;}
.fieldset:after {content:"."; display:block; height:0; clear:both;visibility:hidden;}
* html fieldset {height:1%;}
fieldset br {clear: left;}
fieldset h2 {border-bottom:1px dashed #fff; margin:10px 0;}
fieldset label {display:block;width:170px;float:left;margin:1px 0 10px 0;text-align: right;padding-right:15px;font-weight:bold;}
fieldset textarea {width:300px;margin-bottom:3px;}
fieldset input {color:#333;font-size:11px;border:1px solid #333333;padding:2px 4px 2px 4px;}
fieldset select {color:#333;font-size:11px;padding:1px 0;}
fieldset .tip {font-size:11px;color:#666;padding:0 5px;}
.checkbox {text-align:center;padding-right:10px;text-align:left;}
.checkbox input  {border:none;}
.button {margin:5px 0 0 198px;}
.imgbutton {margin:5px 0 0 195px;}
.fieldbutton {margin:10px 0 0 160px;}
.insetbutton {margin:0 0 0 5px;}
.delbutton {margin:0 0 0 5px;text-align:right;}
.button input {color:#383838;font-weight:bold;width:120px;background:#ddd;border:1px solid #b2b2b2;}
.inbutton {color:#383838;font-size:11px;padding:2px;font-weight:bold;width:120px;background:#ddd;border:1px solid #b2b2b2;}
.valsummary {border:1px solid #c00;background:#fff;margin:10px;padding:8px}
.valsummary ul {margin-top:5px;}
.valsummary li {padding:2px 0 2px 25px;background:#fff url(../_images/icons/bullet_delete.png) no-repeat 5px 0;}
.indent {margin-left:185px}
.radio {text-align:left;}
.radio label {display:inline;float:none;width:auto;font-size:11px;font-weight:normal;margin:0;}
.radio input {border:none;background-color:Transparent;width:auto;}

/* CURVED BOXES */
dl.curved {background:#117ca1 url(../_images/layout/cblue-tl.gif) top left no-repeat; margin:10px 0 5px 0; padding:0; width:100%;}
dl.curved dt {background:transparent url(../_images/layout/cblue-tr.gif) top right no-repeat; padding:10px 10px 5px 10px; text-align:left; color:#fff;font-weight:bold;font-size:14px;}
dl.curved dd {background:#c0eaf8 url(../_images/layout/cblue-bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p {margin:0; padding:5px 10px 10px 10px; line-height:1.3em;}
dl.curved dd p.last {background:transparent url(../_images/layout/cblue-br.gif) bottom right no-repeat; }

/* IMAGES */
.imgl {border:1px solid #aaa;float:left;margin:4px 25px 18px 4px;}
.imglnb {float:left;margin:4px 25px 18px 4px;}

/* LISTS */
.arrow li {padding:3px 0 3px 30px;background:#fff url(../_images/icons/arrow_right.png) no-repeat 5px 2px;}

.alert {border-bottom:1px solid #ccc;padding:5px 5px 0 35px;margin:15px 0;background:#eee url(../_images/icons/alert.png) no-repeat 15px 15px;}

/* PRODUCTS */
.product {width:620px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px dashed #f77121}
.product h2 {margin-top:5px;float:left;width:430px;}
.producttable {width:430px;float:left;}
.producttable th {font-weight:bold;color:#fff;background:#f79b1c;padding:3px 8px;}
.producttable td {text-align:center;background:#f7f7f7;padding:3px 8px;}
.product ul {padding:4px 0;float:left;margin-bottom:10px;}
.product li {padding:3px 0 3px 30px;background:#fff url(../_images/icons/bullet_star.png) no-repeat 10px 4px;}
.product .reference {margin-bottom:3px;text-align:left;}
.product .price {font-size:14px;}

/* PRODUCT FLAGS */
.outofstock, .newproduct, .special {padding:5px 10px 5px 35px;font-weight:bold;margin:0 5px 5px 0;float:left}
.outofstock {color:#f52404;border:1px solid #f52404;background:#fff url(../_images/icons/flag_red.png) no-repeat 10px 4px;}
.newproduct {color:#0487f5;border:1px solid #0487f5;background:#fff url(../_images/icons/flag_blue.png) no-repeat 10px 4px;}
.special {color:#4ca631;border:1px solid #4ca631;background:#fff url(../_images/icons/flag_green.png) no-repeat 10px 4px;}

/* ADS */
.ad300 {float:left;margin:0 0 4px;padding-bottom:11px;background:#fff url(../_images/layout/adbg.gif) no-repeat bottom right;}

/* COMPETITIONS */
.competitionpanel h2 {background:url(../_images/layout/h2homebg.gif) no-repeat;color:#fff;border-bottom:1px dashed #f77121;padding:4px 0 3px 10px}
.competition {padding-bottom:15px;border-bottom:1px dashed #999;min-height:100px;height:auto !important;height:100px;margin:0 0 10px 0}
.competition a {text-decoration:none;border:none;}
.competition a img {margin-left:5px;}
.competition a img.imgl {margin:0 15px 18px 4px;}

/* AWARDS */
.first, .second, .third, .more {padding:5px 10px 5px 35px;}
.first {background:url(../_images/icons/gold.png) no-repeat 10px 4px;}
.second {background:url(../_images/icons/silver.png) no-repeat 10px 4px;}
.third {background:url(../_images/icons/bronze.png) no-repeat 10px 4px;}
.more {background:url(../_images/icons/arrow_right.png) no-repeat 10px 4px;}

/* WINNERS */
.winners h2 {background:url(../_images/layout/h2homebg.gif) no-repeat;color:#fff;border-bottom:1px dashed #f77121;padding:4px 0 3px 10px}
.winner1, .winner2, .winner3 {width:300px;float:left;}
.winner1 h3, .winner2 h3, .winner3 h3 {padding-left:20px}
.winner1 h3 {background:url(../_images/icons/gold.png) no-repeat top left;}
.winner2 h3 {background:url(../_images/icons/silver.png) no-repeat top left;}
.winner3 h3 {background:url(../_images/icons/bronze.png) no-repeat top left;}

/* BANNER */
.banner {background:#16a0cf url(../_images/home/bannerbg.gif) repeat-x;height:230px;margin-top:-3px;color:#fff}
.bannerpanel, .homelogin {width:220px;float:left;margin-left:22px;vertical-align:top;}
.bannerpanel h2, .homelogin h2 {border:none;font-size:20px;color:#fff}
.bannerpanel a, .homelogin a {color:#fff;text-decoration:underline;}

/* LOGIN */
.homelogin {padding:0 0 20px 20px;margin-left:20px;background:url(../_images/home/homeloginbg.gif) repeat-y top left;}
.homelogin input {color:#333;font-size:11px;border:1px solid #333333;padding:2px 4px 2px 4px;}
.homelogin label {margin:4px 0 4px 0;display:block;float:left;width:75px;font-weight:bold;}
.homelogin br {clear:left;}
.homelogin .loginbtn {padding:10px 0;}
.homelogin .loginbtn input {border:none;padding:0;}