.container {min-height:600px; width:960px; margin:auto; padding:30px 0 60px 0;}

.green {color:#8ad600;}
.blue {color:#2b4973;}

.s14 { font-size:14px !important;line-height:14px !important; }
.s15 { font-size:15px !important;line-height:15px !important; }
.s16 { font-size:16px !important;line-height:16px !important; }
.s17 { font-size:17px !important;line-height:17px !important; }
.s18 { font-size:18px !important;line-height:18px !important; }
.s19 { font-size:19px !important;line-height:19px !important; }
.s20 { font-size:20px !important;line-height:20px !important; }
.s21 { font-size:21px !important;line-height:21px !important; }
.s22 { font-size:22px !important;line-height:22px !important; }
.s23 { font-size:23px !important;line-height:23px !important; }
.s24 { font-size:24px !important;line-height:24px !important; }

.clk { cursor:pointer; }

.topbar {height:90px; width:960px; margin:auto; padding-top:30px; }
.logo {display: block; float:left;}
.contact-details {float:right; width:480px; font-size: 15px; text-align: right; font-weight: bold;}

.nav-container {width:100%; height:40px;
background: #30507b;
background: -moz-linear-gradient(top,  #30507b 0%, #172c4a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#30507b), color-stop(100%,#172c4a));
background: -webkit-linear-gradient(top,  #30507b 0%,#172c4a 100%);
background: -o-linear-gradient(top,  #30507b 0%,#172c4a 100%);
background: -ms-linear-gradient(top,  #30507b 0%,#172c4a 100%);
background: linear-gradient(to bottom,  #30507b 0%,#172c4a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#30507b', endColorstr='#172c4a',GradientType=0 );
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.3);   
        box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.nav-container ul {width:960px; margin:0 auto ; padding: 0; list-style: none; list-style-image: none;}
.nav-container ul li {float:left; height:28px; padding: 6px 0;}
.nav-container ul li.end {float:right;}
.nav-container ul li a {color:#fff; text-align: center; padding: 0 20px; line-height: 28px; border-right:solid 1px #0e1e33; border-left: solid 1px #2d4c76; display: block; font-size: 13px;}
.nav-container ul li:hover {background: #8ad600;
background: -moz-linear-gradient(top,  #8ad600 0%, #7dc002 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ad600), color-stop(100%,#7dc002));
background: -webkit-linear-gradient(top,  #8ad600 0%,#7dc002 100%);
background: -o-linear-gradient(top,  #8ad600 0%,#7dc002 100%);
background: -ms-linear-gradient(top,  #8ad600 0%,#7dc002 100%);
background: linear-gradient(to bottom,  #8ad600 0%,#7dc002 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ad600', endColorstr='#7dc002',GradientType=0 );
-webkit-box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.3);   
        box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.3);}
.nav-container ul li:hover a {border-color: #7dc002;}

.left-col {width:230px; float:left;}
.right-col {width:679px; float:right;}

.right-col.detail {border:solid 2px #ccc; width:658px; padding:10px 15px 15px 15px}

.greybtn { border:none; background:#666; -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px; font-weight: bold; color:#fff !important; font-size:13px; text-align: center;  padding: 0 20px; line-height: 25px; box-sizing: border-box; display:inline-block; *display:inline; *zoom:1;}
.greybtn:hover {background:#2b4973;}


.bluebtn { border:none; background:#2b4973; -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px; font-weight: bold; color:#fff !important; font-size:13px; text-align: center; display: block; width:100%; line-height: 35px; margin:15px 0 0 0 ; box-sizing: border-box;}
.bluebtn:hover {background:#666;}

.prod-container { width:678px; border-left:solid 1px #ccc; margin:0 0 20px 0; padding: 0 0 0 0px;  list-style: none; list-style-image: none;}
.prod-container li {float:left; display:block;}
.prod-container li a {display:block; width:205px; padding: 10px 10px 0 10px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; height:265px; cursor: pointer;}
.prod-container li a:hover .greybtn {background:#2b4973;}
.prod-container li a img {width:190px; height:143px;}
.prod-container li a h3 {font-size:13px; color:#444; font-weight: bold; line-height: 18px; height:54px; margin: 10px 0; padding:0; text-align: center;}
.prod-container li a .greybtn {width:60%; margin:0px auto; font-size: 13px; font-weight: normal; line-height: 30px; display: block }

.prod-container.news li a {display:block; width:205px; padding: 10px 10px 0 10px; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; height:105px; }
.prod-container.news li a h3 {text-align: left; height:72px; margin-top:0;}
.readmore {text-align: right; font-size: 12px; font-style: italic;}
.prod-container.news li a:hover {background:#f1f1f1 !important;}

.results-container {margin:0 0 30px 0; padding:0;  list-style: none; list-style-image: none;}
.results-container li {padding: 15px 0; border-bottom:solid 1px #ccc;}
.results-container li .image {width:100px; margin-right:15px; float:left;}
.results-container li .desc {width:330px; float:left; font-size: 12px}
.results-container li .desc h3 {margin:0 0 3px 0; color:#666}
.results-container li .action {width:220px; float:right; text-align: right;}
.results-container li .action a {width:110px; line-height: 29px; font-weight: normal; font-size: 13px; float:right;}

.footer-container {width:100%; background:#eaeaea; min-height:120px;}
.footer-content {width:960px; margin:auto;}

h1 { font-family: Arial, Helvetica, sans-serif; font-size:21px; font-weight: bold; color:#2b4973; display:block; line-height: 25px; padding:0; margin: 0; text-align:left; }

h2 { font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight: bold; color:#fff; display:block; line-height: 35px; padding:0 0 0 10px; margin: 0; text-align:left;
background: #8ad600;
background: -moz-linear-gradient(top,  #8ad600 0%, #7dc002 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ad600), color-stop(100%,#7dc002));
background: -webkit-linear-gradient(top,  #8ad600 0%,#7dc002 100%);
background: -o-linear-gradient(top,  #8ad600 0%,#7dc002 100%);
background: -ms-linear-gradient(top,  #8ad600 0%,#7dc002 100%);
background: linear-gradient(to bottom,  #8ad600 0%,#7dc002 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ad600', endColorstr='#7dc002',GradientType=0 );
}

.searchbox {width:100%; background:#6a6a6a; text-align: center; color:#fff; font-size:13px; padding-bottom: 20px; margin-bottom:30px;}
.search-container {width:190px; background:#fff; margin: auto; padding:5px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; }
.searchfield {border:none !important; width:130px !important; outline: none;}
.seachbtn {display:inline; background: none; border:none; color:#8ad600; width:50px;}

.menubox {width:100%; }
.menu { margin:0 auto ; padding: 0; list-style: none; list-style-image: none; }
.menu li { border:solid 1px #ccc; border-top:none;}
.menu li a { font-size: 13px; line-height: 28px; display: block;  padding-left:10px;  font-weight: bold; }
.menu i {color: #ccc;}
.menu li ul {display:none; padding-bottom:5px !important;}
.menu li ul li ul {display:block;}
.menu li ul,  .menu li ul li ul { margin:0 auto ; padding: 0; list-style: none; list-style-image: none; }
.menu li ul li, .menu li ul li ul li {border:none;}
.menu li ul li a { font-size: 13px; padding-left:31px; color:#222; font-weight: bold; line-height: 22px;}
.menu li ul li ul li a { font-size: 12px; padding-left:41px; color:#444; font-weight: normal; line-height: 20px;}
.menu li ul li ul li a:hover {text-decoration: underline;}

.crumbs {font-size: 12px; color:#999; margin-bottom:10px; width:100%; float:left; line-height: 16px; padding:3px 0;}
.pagination {float: right; width: 33%; margin-bottom:15px; text-align: right;}
.pagination a { display:inline-block; *display:inline; *zoom:1; padding: 3px 8px; background:#f1f1f1; margin-left:2px; font-size: 12px; line-height: 16px; }
.pagination a:hover {background:#ccc;}
.pagination a.current {background:#ccc; cursor: default;}

.detail-left {width:430px; float: left;}
.detail-right {width:180px; float: right; background:#fafafa; padding:12px 10px 10px 10px; font-size: 11px;}

.detail-right p {line-height: 1.3em; padding:0 0 5px 0; margin:0;}

.description {font-size: 13px; padding: 15px 0; margin:15px 0; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; }
.specs {float:left; width:230px;margin-bottom: 30px;}
.specs h3 {color:#2b4973; margin:0; padding:0 0 10px 0}
.specs a {text-decoration: underline;}
.image {float:right; width:190px;}

.ordernow {font-size:15px !important; color:#8ad600; font-weight: bold; text-align: center; border-bottom: solid 1px #ccc; padding:0 0 10px 0 !important; margin:0;}
.qty {border-bottom: solid 1px #ccc; padding:10px 0 10px 0 !important; margin:0 0 10px 0 !important; font-size: 12px !important}
.qty-table {width:100%; font-size: 12px; margin-top:10px; border-top: solid 1px #ccc; margin-bottom:15px;}
.qty-table td {padding: 2px 0; border-bottom: solid 1px #f1f1f1}

.qtyfield {width:80px; margin-left:15px; display:inline; padding:5px; border:solid 1px #ccc; background:#fff;  font-family: Arial, Helvetica, sans-serif; overflow: visible;}


.related-items {width:430px; margin:0 auto; overflow:hidden; height:170px;}
.related {list-style:none; float:left; width:430px; margin:0; padding:0; height:170px;}
.related li {float:left; width:90px; margin:0 6px; height:170px; position:relative;text-align:center; line-height:15px; display:block;}
.related li a {font-size:11px; color:#666; text-align:center; width:90px; line-height:13px;}
#currentSlide { position:absolute; top:7px; right:42px; font-size:12px; color:#999; text-align:left; }

.reltitle {position: relative; display: block;border-bottom: solid 1px #ccc; padding-bottom:5px; margin-bottom: 10px; margin-top:20px;}
.reltitle .sig-prev, .reltitle .sig-next {position: absolute; top:0; font-size:14px; right:0;}
.reltitle .sig-prev {right:20px;}

.quickadd {background: #f1f1f1; border:solid 1px #ccc;  padding:20px; margin:30px 0;}
.errorbox {background: #fff; border:solid 1px #ff0000;  padding:5px 20px 5px 20px; margin:20px 0; color:#ff0000}
.successbox {background: #fff; border:solid 1px #43d926;  padding:5px 20px 5px 20px; margin:20px 0; color:#43d926}

.cart-table {width:100%; margin-bottom:20px; }
.cart-table tr:first-child {font-size: 11px; text-transform: uppercase;}
.cart-table td {padding: 10px 0; border-bottom: solid 1px #ccc;}
.qytupdate {width:50px; text-align: center;}
.qtyupdate-btn {background: none; border:none; font-size: 11px; color:#2b4973; width:62px; text-align: center;}
.remove {font-size:11px;}
.promocode {width:50%; float:left;}
.cart-total {width:50%; float:right; text-align: right; font-size:16px; }

.shipping {background: #f6ecd5; border:solid 1px #edbe9e;  padding:10px 20px 15px 20px; margin:30px 0;}
.cont-shopping { float:left; line-height:35px;; font-size:14px; display:block}

.checkout-left {width:580px; float: left; margin-top:30px;}
.checkout-right {width:290px; float: right; margin-top:30px; border:solid 1px #ccc; padding:20px; position: relative;}

.checkout-right h3 {color:#2b4973;}

.greybox {width:538px; border:solid 1px #ccc; background:#f1f1f1; padding:20px; margin-bottom: 15px; }
.tabbtn {width:200px; padding:10px 20px; display: block; margin-right:10px; float: left; border:solid 1px #ccc; border-bottom:none; font-size:12px}
.tabbtn h3 {color:#2b4973; margin:0; padding:0;}
.tabbtn.active {background: #f1f1f1; cursor: default; color:#222 !important;}
.returning-cust {display:none;}

.greybox h3 {color:#2b4973; margin: 0 0 10px 0; }

.greybox.save {background:#ddd;}

.form-table {width:100%; }
.form-table td {padding: 3px 0;}
.form-table input[type="text"] {width:70%;  box-sizing: border-box;}
.form-table input[type="password"] {width:70%;  box-sizing: border-box;}
.form-table select {width:70%;  box-sizing: border-box; padding:3px;}
.form-table.cc td {padding:6px 0 ;}


#ship-address {display:none;}
#carrier {display:none;}

.summary-table {width:100%}
.summary-table td {padding:10px 0; border-bottom: solid 1px #ccc; vertical-align: bottom;}
.summary-table td h3 {margin:0; padding:0;}

.editcart {position:absolute; top:20px; right:20px; text-align: right;}

.confirm h3 { width:200px; float:left; margin:0; padding:0; color:#2b4973;}
.confirm a { float:right; display: inline; text-align: right; text-decoration: underline;}
.confirm {padding-bottom:10px; border-bottom:solid 1px #ccc; margin:20px 0;}

.confirm-l {float:left; width:49%; }
.confirm-r {float:right; width:49%; }

.heightfix {width:100%; clear:both; height:0px;}

.ico {float:left; font-size: 30px; color:#2b4973; width:60px;}

.wherebuy { width:305px; text-align: center; padding:20px 0; border:solid 1px #ccc; margin-right:30px; float:left; font-size:18px; color:#2b4973;}
.wherebuy h3 {font-size:13px}

.acc-menu {margin-top:20px;}
.acc-menu a { font-size:14px; line-height:38px; border-bottom: solid 1px #ccc; display:block; color:#444;}
.acc-menu a:hover {color:#2b4973}
.acc-menu a:last-child {border-bottom: none}

.history-table {width:100%; font-size: 12px;}
.history-table td {padding: 10px 0; border-bottom:solid 1px #ccc;}
.toprow td {border-bottom:solid 1px #444; font-weight: bold;}
.history-table .bluebtn {font-size:12px; line-height: 20px; width:100%; margin: 0; font-weight: normal}

.news-item {width:100%; margin-bottom:20px; padding-bottom:20px; border-bottom:dotted 1px #ccc;}
.news-image {width:130px; float: left;}
.news-ex {width:520px; float:right;}
.news-ex h3 {margin: 0 0 5px 0; }
.news-ex p.date { font-size:11px; font-style: italic; margin: 0 0 5px 0; }

.news-nav {margin-bottom: 20px;}

.cat {display:block; padding:10px 0 5px 0; margin-top: 5px; border-top:solid 1px #ccc; font-size:14px; cursor:pointer;}
.article {display:none; padding-top:1px;}
.article a {display:block; font-size:12px; padding:3px 0;}

.gal-wrap { width:100%; height:170px; background: #8ad600;
background: -moz-linear-gradient(top,  #8ad600 0%, #7dc002 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ad600), color-stop(100%,#7dc002));
background: -webkit-linear-gradient(top,  #8ad600 0%,#7dc002 100%);
background: -o-linear-gradient(top,  #8ad600 0%,#7dc002 100%);
background: -ms-linear-gradient(top,  #8ad600 0%,#7dc002 100%);
background: linear-gradient(to bottom,  #8ad600 0%,#7dc002 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ad600', endColorstr='#7dc002',GradientType=0 );}
.home-gal {width:960px; position: relative; height: 170px; overflow: none; margin: auto;}
.home-gal .slide {width:960px; height:170px; display:none;}

.home-gal .slide .image {text-align: right; width:400px; margin-left:40px; margin-right:20px;margin-top:10px; float:left;}
.home-gal .slide .desc {text-align: left; width:400px; margin-right:100px; float: right;} 

.home-gal .slide .desc h1 {font-size: 30px; font-weight: normal; color:#fff; text-align: left; line-height: 24px; margin:23px 0 5px 0;}
.home-gal .slide .desc p {font-size: 14px; font-weight: normal; color:#fff; text-align: left; font-style:italic}
.home-gal .slide .desc a {color:#fff; padding:5px 10px; border:solid 1px #fff; margin:3px; display: inline-block; *display:inline; *zoom:1 }

/* HTML5 Boilerplate  */




article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 13px; line-height: 18px }

.detail-left a:hover { color: #666;text-decoration: underline; }

a { color: #222; text-decoration: none;}
/*a:visited { color: #222; }
a:hover { color: #666; }
a:focus { outline: none;}
a:hover, a:active { outline: 0; }*/
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0 0 20px 0; padding: 0 0 0 17px;}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; max-width: 100%;}
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical;  box-sizing: border-box; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

input[type="text"] {display:inline; padding:5px; border:solid 1px #ccc; background:#fff;  font-family: Arial, Helvetica, sans-serif; overflow: visible;}
input[type="password"] {display:inline; padding:5px; border:solid 1px #ccc; background:#fff;  font-family: Arial, Helvetica, sans-serif; overflow: visible;}

table { border-collapse: collapse; border-spacing: 0; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.heightfix {clear:both; width:100%; margin:30px 0 ;height:1px;}

.round {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; }

.psft { width:150px; display:inline-block; padding:9px 0; }
.psfo { width:150px; padding:5px; vertical-align:middle; background:#f2f2f2; cursor:pointer; }
.psfo:hover { background:#e6e6e6; }

a.blue {color:blue;}
a.blue:hover {color:blue;}