/*global
----------------------------------------- */

*{margin:0; padding:0; }
a,a:visited{ color: #808285; text-decoration: none; outline: none; }
a.linkA { text-decoration: underline; }
a img{ border: 0; }
h1, h2, h3, h4, h5, h6, p, address, dl{ margin: 0 0 1em; }
h1{ font-size: 1.8em; color: #20b4d2; font-weight: normal; }
h2{ font-size: 1.4em; margin-bottom: .5em; }
label{ display: block; }

html, body{ margin:0!important; padding:0!important; font: 12px Arial, Helvetica, sans-serif; }

#page-container{ width: 940px; margin: 0 auto; }

#header{ width: 100%; float: left; height: 120px; position: relative; font-size: 1.1em; }

#logo{ position: absolute;  top: 25px; margin: 0; }
#logo a{ width: 277px; height: 52px;  text-indent: -9999px; display: block; background: url("images/logo.gif") no-repeat center center; }

#content{ width: 100%; float: left; margin-top: 4px; }

#text{ width: 765px; float: right; color: #808285; }


/*header & navigation
----------------------------------------- */

#nav-main{ background: #b4bfc2; width: 100%; float: left; font-size: 1.2em; }
#nav-main li{ display: block; list-style: none; float: left; padding: 4px 35px; color: #fff; }
#nav-main li.special{ float: right; font-weight: bold;}
#nav-main li a{ color: #fff; }
#nav-main li a:hover,#nav-main li a.on{ color: #00245d;  }

#nav-cart{ position: absolute; right: 0; top: 5px; }
#nav-cart li, #nav-colors li{ border-left: 1px solid #9eb3be; padding: 0 10px; display: block; float: left; list-style: none; }
#nav-cart li{background: url("images/menu-sep1.gif") no-repeat left center; border: 0; }
#nav-cart li.first{ background: none; }
#nav-cart li a{ color: #9eb3be; padding: 8px 0; display: block; }
#nav-cart a.view-basket{ background:  url( "images/icon-basket.gif" ) no-repeat left top; padding-left: 35px; }


/*content
----------------------------------------- */


/*image
----------------------------------------- */
img.fltr { float: right; margin: 0 0 10px 10px; }
img.fltl { float: left; margin: 0 10px 10px 0; }


/*sidebar(s)
----------------------------------------- */

#sidebar{ width: 145px; background: #c3c9cb; padding: 15px 5px 10px 25px; font-size: 1.2em; float: left; }
#sidebar ul{ padding: 34px 0;}
#sidebar ul li{ display: block; list-style: none; float: left; width: 100%; margin: 7px 0; }
#sidebar ul li a{ color: #fff;  }
#sidebar ul li a:hover,#sidebar ul li a.on{ color: #00245d;  }
#sidebar ul li ul li{ display: block; list-style: none; float: left; width: 100px; margin: 7px 0; }
#sidebar form input.text{ width: 70px; }
#sidebar form input.submit{ background: none; border: none; color: #8193a6; }


/*footer
----------------------------------------- */
#footer{ width: 100%; float: left;  margin-top: 5px; }
#footer p{ float: left; clear: both; text-align: right; color: #808285; width: 100%; }
#footer ul{ float: right; width: 100%;  clear: both; }
#footer #nav-colors{ width: 100%;  padding: 5px 0 5px 5px  ;text-align:center; }
#footer ul li{ float: left; color: #180f5e; border-left: 1px solid #180f5e; list-style: none; display: block; padding: 0 10px; }
#footer ul li.first{ border: 0; }
#footer ul li a{  color: #180f5e; }
#footer ul li a:hover{  text-decoration: underline; }
#footer ul li.special{ float: right; border: 0; font-size: 0.9em; color:#B4BFC2;}
#footer ul li.special a { color:#B4BFC2;}
#footer #nav-colors li{ padding: 0 3px; border: 0; }
#footer #nav-colors li h6 {font-weight:normal; font-size:10px}

#footer .color1 a{ color: #542785; }
#footer .color2 a{ color: #00a651; }
#footer .color3 a{ color: #ed145b; }
#footer .color4 a{ color: #f26522; }
#footer .color5 a{ color: #8dc63f; }
#footer .color6 a{ color: #ffcb05; }
#footer .color7 a{ color: #00aeef; }

#footer .color1 h6{ color: #542785; }
#footer .color2 h6{ color: #00a651; }
#footer .color3 h6{ color: #ed145b; }
#footer .color4 h6{ color: #f26522; }
#footer .color5 h6{ color: #8dc63f; }
#footer .color6 h6{ color: #ffcb05; }
#footer .color7 h6{ color: #00aeef; }


/*____________________________________________*/
/*clearfix
----------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} .clearfix {display: block;}
/* End hide from IE-mac */



/*site-wide classes
----------------------------------------- */
.clear{ clear: both; }
.b{ font-weight: bold; }
.frImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flImg{ float:left; margin: 0 8px 8px 0; clear: left; }
.fl{ float: left; } .fr{ float: right; }
.no-margin{ margin: 0; }
.blue{ color: #20b4d2; }
/*________________________________PAGES_______*/
/*PAGE: home ( )
----------------------------------------- */

.page-home #content{ background:  url("images/sidebar.gif") repeat-y left; }

.page-home #text{ background:  url("images/home_pic3.jpg") no-repeat right top; }
.page-home #text h1{ background:  url("images/home_pic1.jpg") no-repeat left top; float: left; width: 403px; height: 77px; margin: 0; color: #180f5e; font-size: 1.2em; font-weight: normal; padding: 30px 50px 30px; }
.page-home #text h2{ background:  url("images/home_pic2.jpg") no-repeat left top; float: left; width: 503px; height: 276px; margin: 0; }
.page-home #text h2 a{ display: block; width: 133px; height: 129px; float: right; text-indent: -9999px; }


/*Main Products Page
----------------------------------------- */

#main-products{ float: right; }
#main-products li{ display: block; list-style: none; float: left; padding-left: 17px; margin-bottom: 5px; width: 238px; }
#main-products li img{ display: block; border: 0; }
#main-products li h2{ background: #b4bfc2; color: #fff; text-align: center; font-size: 1.2em; margin: 2px 0 0; padding: 2px 0; font-weight: normal; }
#main-products li h2 a{ color: #fff; }
#main-products li h2 a:hover{ color: #00245d; }

/*Specific Products Page
----------------------------------------- */

/* .top10{ float: right; width: 114px; background: #a1d0e0; padding: 5px 5px 0 5px} */
.top10{ float: right; width: 110px; background: #a1d0e0; padding: 5px 5px 0 5px}
.top10 ul{ padding: 0 15px 40px; }
.top10 li{ float: left; display: block; width: 100%; background: #b4bfc2; margin-bottom: 9px; list-style: none; text-align: center; }
.top10 li img{ display: block; }
.top10 h2{ color: #fff; font-size: 1.1em; text-align: center; }


.product-display{ padding: 40px 0 0 20px; width: 525px; }

.product-display .pic, .product-display .info{ float: left; width: 200px; }
.product-display .info{ width: 300px; padding-left: 20px; }
.product-display .pic a img{ border: 1px solid #36527f; display: block; }
.product-display .features li{ list-style: none; display: block; float: left; width: 100%; margin: 3px 0; }
.product-display label{ font-size: 1.5em; margin: 1em 0; float: none; }
.product-display label input{ float: none; }
.product-display label span{ color: #20b4d2; float: none; width: auto; }
.product-display .submit{ float: right; position: relative; top: -35px; }
a.btn-zoom{ background:  url("images/icon-enlarge.gif") no-repeat left center; padding: 3px 0 3px 25px; position: relative; top: 5px; color: #6d6e71; }

.product-display .pic ul li{ display: inline; list-style: none; }
.product-display .pic a.thumb{ position: relative; top: 15px;  }
.product-display .pic a.thumb img{ border: 1px solid #a5adba; display: inline; width: 96px; }

.product-display img {border: 1px solid #36527f;}
.product-display p.back {text-align: center; width:450px; }
.product-display p.back a {color:#808285; text-decoration: underline;}
/*forms
----------------------------------------- */

form.standard{ padding: 30px 45px; font-size:12px; zoom: 1; }
form.standard .fieldset{ margin-bottom: 20px;  }

form.standard label,form.standard .label{ display: block; padding: 5px 0; float: left; clear: left; width: 440px; }
form.standard label span, form.standard .label span, form.standard label input.text{ display: block; float: left;  }
form.standard label span, form.standard .label span{ display: block; float: left; width: 100px; padding-right: 5px; text-align: right; padding-top: 1px; }
form.standard label input.text{ display: block; float: left; width: 310px;}
form.standard .helper{ float: left; padding-left: 105px; width: 310px; }
form.standard .helper a{ font-style: italic; color: #808285; font-size: 1.1em; text-decoration: underline; }
form.sign-in .fieldset{ padding-left: 150px; padding-top: 20px; }
form.sign-in .submit{ float: right; position: relative; right: 50px; margin-top: -7px; }
form.standard .submit input {}

form.sign-in h1{  margin: 0 0 0 -150px; }
form.sign-in h1 *{ float: left; }
form.sign-in h1 span{ width: 250px; text-align: right; margin-right: 7px; }
form.sign-in h1 small{ color: #808285; font-size: .8em; padding-top: 4px; }

form.sign-in input.text{border:1px solid #b4bfc2;padding-top: 2px; padding-bottom:2px}
form.checkout input.text {border:1px solid #b4bfc2;padding-top: 2px; padding-bottom:2px}
form.options input.text {border:1px solid #b4bfc2;padding-top: 2px; padding-bottom:2px}

form.contact label, form.contact .label { padding: 10px 0 20px; }
form.contact label input.text, form.contact label textarea { width: 310px; }
form.contact label textarea { height: 80px; }
form.contact .buttons { clear: both; width: 420px; text-align: right; }


label.checkbox input, label.checkbox span{ float: left; }
form label.checkbox span{ width: 400px; text-align: left; padding:1px 0 0 7px; }


/*products
----------------------------------------- */
.products{ }
.products li{ display: block; float: left; list-style: none; margin: 0 23px 15px 0; border: 1px solid #516a8f; background: #d2d3d3; text-align: center; }
.products li.end-of-row{ margin-right: 0; }
.products li a,.products li big{display: block;}

#text .inner{ padding: 20px 0 0 20px; }

h1.basket{ background:  url("images/icon-checkout.gif") no-repeat right bottom; padding-top: 45px;  font-size: 2.7em; margin: 0 0 5px 0; }

/*tables
----------------------------------------- */

table{ border-collapse: collapse; width: 100%;  font-size: 1.2em; }
table thead th{ background: #b4bfc2; color: #fff; }
table td, table th{ padding: 4px 10px; text-align: left; }
table td{ padding: 6px 10px; text-align: left; }
table tfoot td{ text-align: right; }
table tfoot td .price{ float: right; width: 230px; text-align: right; }

table.classic { margin-bottom: 1em; }
table.classic td, table.classic th { padding: 0 10px 10px 0; }

form.basket .submit{ text-align: right; margin: 20px 0; padding-right: 10px; }

.dropdown {margin: 0 0 0 30px; padding: 0; color: #e00; }