@charset "utf-8";
/* CSS Document */

/* reset */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* clear */

html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* custom text */

body { font: 12px Arial, Helvetica, sans-serif; color: #000; }
.maincontent p, .maincontent ul, .maincontent ol, .maincontent h1, .maincontent h2, .maincontent h3, .maincontent h4, .maincontent h5, .maincontent h6, .maincontent h7 {margin: 10px 0;}
.maincontent h1.heading { font-size: 30px; font-weight: normal; color: #ee1818; letter-spacing: -1px;}
a {color: #285774;}
.hide {display: none;}
.red {color: #c00;}

/* layout */

body { background: #fff url(images/body-bg.png) repeat-x center top; }
#wrapper { width: 830px; margin: 0 auto; background: url(images/banner.jpg) no-repeat;  }
#colwrapper {margin: 0 auto; padding-top: 0;}

#colwrapper .leftcol {width: 180px; padding-left: 0; float: left;}
#colwrapper .midcol {width: 640px; float: right; margin-left: 0; overflow: hidden;}
#colwrapper .rightcol {width: 180px; float: right; margin-right: 0;display: none;}

#footer { width: 830px; margin: 40px 0; border-top: 1px solid #8a8a8a; clear: both;}

/* banner */

#banner { height: 100px; width: 830px; position: relative; background: url(images/banner-bg.png) no-repeat center top; }
h1#logo {width: 400px; height: 65px; float: left;}
h1#logo a {width: 400px; height: 65px; display: block; text-indent: -9999px;}

.languagebox { position:absolute; left: 430px; top: 8px; height: 30px; width: 250px; line-height: 30px; font-size: 11px; color: #edd1a2; }
.currencybox { position:absolute; left: 430px; top: 33px; height: 30px; width: 250px; line-height: 30px; font-size: 11px; color: #edd1a2; }
.languagebox img, .currencybox img, .cartbox img {vertical-align: middle;}
.languagebox a, .currencybox a, .cartbox a {color: #fff;}

.cartbox { position:absolute; left: 724px; top: 30px; height: 60px; width: 100px; line-height: 1.5; font-size: 11px; }
a.checkout_btn {background-color: #285774; text-decoration: none; text-transform: uppercase; padding: 2px; font-size: 11px;-moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 5px; }

/* nav */

#nav { width: 640px; height: 30px; background-color: #8a8a8a; margin-top: 1px;}
#nav ul, #nav li {list-style: none; background-color: #285774;height: 30px; display: inline}
#nav ul {}
#nav li { display: block; float: left; font-size: 14px; font-weight: normal; color: #1d2430; text-transform: uppercase; text-shadow: 1px 1px 0 #000;}
#nav a { height: 30px; line-height: 30px; color: #fff; text-decoration: none; padding: 0 15px; display: block; float: left; }
#nav a:hover { background: #ee1818;}
.borderlast {border-right: 1px solid #fff;}

/* leftcol */

.leftcol {}
.leftcol .box {background-color: #8a8a8a; margin-bottom: 1px;}
.leftcol .main {padding: 0 10px 10px 10px; color: #fff;}
.leftcol a {color: #fff;}

.leftcol .main.index ul, .leftcol .main.index ul li {list-style: none;}
.leftcol .main.index ul li {display: inline; text-align: center;}
.leftcol .main.index ul li a {display: block; float: left; padding: 4px; text-decoration: none; color: #fff; font-weight: bold; font-size: 14px;}

#categories ul li {display: block; text-align: left;}
#categories ul li a {display: block; float: none;}
#categories ul ul li {display: block;}
#categories ul ul li a {display: block; float: none; font-size: 90%}

.leftcol .box.works {background-color: #285774;}
.leftcol .main.worksbox {padding-top: 10px; margin-bottom: 20px;}

/* rightcol */

/* footer */

.footertext { margin: 0; padding-top: 50px; text-align: left; color: #747474;}
.footertext a {color: #285774;}

/* home */

.promo1 { position: absolute; left: 130px; top: 180px; width: 400px; height: 110px; font-weight: bold; color: #412c1f; }
.promo2 { position: absolute; left: 130px; top: 320px; width: 400px; height: 50px; font-size: 14px; color: #412c1f; }
.promo3 { position: absolute; left: 130px; top: 430px; width: 400px; height: 50px; font-size: 14px; color: #412c1f; }

.promo1 .big, .promo1 .big a { font-size: 36px; color: #8b502c; font-style: italic; text-shadow: 0 2px 0 #ffe8a3; text-decoration: none; }
.promo2 a, .promo3 a { font-size: 18px; color: #fff; }

.homebox { background: url(images/homebox-bg.jpg) no-repeat; width: 830px; height: 207px;}
.homebox .box {float: left; width: 259px; height: 187px; margin-right: 12px; position: relative; padding: 10px;}
.homebox .box.last {width: 250px; margin-right: 0;}

.homebox .box h3 { font-size: 18px; color: #42473f; margin-top: 0px; }
.homebox .box h4 { font-size: 24px; color: #426ac0;}
.homebox .box a { font-size: 14px; color: #ff4e00;}

.hometext {margin: 20px 0;}
.hometext .leftcol2 { float: left; width: 555px; border-right: 1px solid #dcddd2; padding-right: 20px; }
.hometext .rightcol2 {float: right; width: 265px;}
.hometext h3 { font-size: 16px; color: #426ac0; }

/* maincontent */

.productbox { width: auto; height: auto; overflow: hidden; float: none; margin: 0 0 10px 0; padding: 10px; background: #eff4ec; }
.productbox .productphoto {margin: 0; text-align: center; width: 70px; float: left;}
.productbox .price { color: #cc0000; font-size: 18px; display: inline; padding: 0 10px 0 0; }
.productbox .price small { font-size: 11px; display: none;}
.productbox .brandname { font-size: 14px;margin-left: 100px; margin-bottom: 10px;}
.productbox .brandname a {color: #285774;}
.productbox .genericname {display: none;}

.productbox .shortdescription { color: #5C5C5C; font-size: 12px; margin: 0 0 20px 100px; height: auto; overflow: auto;}
.productbox .button  {margin-left: 100px;}
.productbox .button a  {color: #285774;}


/* product page */

h2.h_productname { font-size: 18px; color: #285774; margin-bottom: 10px; }
h2.h_productname a {color: #285774; }
h3.packagename {padding: 5px; margin: 0;color: #285774; font-size: 18px;}
#productpagedescription .productphoto {float: left; text-align: center; width: 100px;}
#productpagedescription .shortdescription {margin-left: 120px;}
#productpagedescription .shortdescription .purpose {margin-bottom: 20px;}
#productpagedescription .promobox {margin: 10px 0;}

#productoptionsbox {margin: 40px 0;}
.producttable {width: 100%; margin-bottom: 20px;}
.producttable th, .producttable td {padding: 5px;}
.producttable th { text-align: center; text-transform: uppercase; font-weight: normal; color: #285774; font-size: 14px;vertical-align: middle;border-bottom: 1px solid #285774; }
.producttable th.price {color: #067682;}
.producttable td { vertical-align: middle; font-size: 14px; border-bottom: 1px dotted #285774; text-align: center; }
.producttable td.last {border-right: none;}
.producttable td.productname {font-size: 14px; text-align: left;}
.producttable td small {font-size: 11px; color: #C00;}
.producttable a {color: #C00;}
.producttable .pillprice, .producttable .quantity {white-space: nowrap;}

/* tabs */

div.tabs ul.tabmenu { padding: 0; list-style: none;}
div.tabs ul.tabmenu li { display: inline; float: left; height: 30px; font-size: 11px; font-weight: bold; }
div.tabs ul.tabmenu li a { padding: 8px 0; display: block; outline: 0; color: #8a8a8a; width: 150px; text-align: center; text-decoration: none;}
div.tabs ul.tabmenu li a.selected { background-color: #8a8a8a; color: #fff; }
div.tabs div.tab { background-color: #8a8a8a; color: #fff; padding: 10px; clear: both; }

/* cart table */

table.cart {width: 100%; margin-bottom: 20px;}
table.cart th, table.cart td {padding: 5px;border-bottom: 1px dotted #285774;}
table.cart th {  text-align: left; text-transform: uppercase; font-weight: normal; color: #285774; font-size: 14px;vertical-align: middle; }
table.cart td { vertical-align: middle; font-size: 11px; border-right: 1px dotted #999;border-bottom: 1px dotted #999; text-align: center; }
table.cart td.last {border-right: none;}
table.cart td .package { font-weight: bold; }
table.cart td .peritem { font-weight: bold; color: #285774; font-size: 11px; }
table.cart td .savings { font-weight: bold; color: #285774; font-size: 11px; }
table.cart td .ppi { color:#285774; font-size:11px; font-weight: bold; }
table.cart td .itemPrice { color:#285774; font-family:arial; font-size:14px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; width:85px; }
table.cart td small { color: #333; font-size: 10px; }
table.cart td sup { font-size: 10px; }

/* home table */

#hometable {width: 100%;border: 1px solid #c3d5d6; margin: 20px 0;}
#hometable th {background-color: #8a8a8a; color: #fff; font-size: 14px; text-align: center; padding: 5px;}
#hometable td {padding: 5px; text-align: center; vertical-align: middle; }
#hometable td.border-right {border-right: 1px solid #c3d5d6;}
#hometable td.grey-bg {background-color: #c3d5d6;}
#hometable td.darkgrey-bg {background-color: #285774; color: #fff;}