* {color: #282828; font-size:13px; font-family:Arial; padding:0px; margin:0px;}
span {color:inherit;}
input, textarea, ul, li, p, span, td, a {font-size:13px;}
body {background-color: white; width: 1020px; margin: 0px auto; padding: 0px;}
a {color: black;}
a:hover {color:#FF3300;}
p {margin: 10px 0px;}
ul {margin: 10px 0px 0px 20px;}
img {border-width:0px; margin: 10px; }
h1 {font-size:25px; margin: 5px 0px; color: #1c3e95;}
h3 {display:block; font-size:18px; width:100%; color: #1c3e95;}
strong {color:inherit;}
a.rss {float:right; background-image:url('pics/icon-rss.gif'); background-repeat:no-repeat;  padding: 2px 0px 2px 25px; display:block; color: #1C3E95;}
a#share {margin-top:-10px;}

.loadingimg {display:none; width: 15px; margin:0px auto;}
.errorMsg {color: red; display:block; float:left;}
.errorMsgBox { margin-bottom: 20px; display:block; float:none; clear:both; padding:8px 15px; margin-top:10px; color: #FF0000; border:1px solid #FF0000; background-color:#FADCE2; font-weight:bold;}
.savedMsg { margin-bottom: 20px; display:block; float:none; clear:both; padding:8px 15px; margin-top:10px; color: #009900; border:1px solid #009900; background-color:#D9FFDD; font-weight:bold;}
.hide {display:none;}
.success { display:block; float:none; clear:both; padding:8px 15px; margin-top:10px; color: #009900; border:1px solid #009900; background-color:#D9FFDD; font-weight:bold;}
.formfield {display:none;} /*a confusing class name to fool spam bots*/

/* Standard Form Elements */
input,textarea {padding: 1px 1px; border:1px solid #CCCCCC;}
input, textarea, select { margin-top: -12px; margin-top: -12px\9;}

input.button {background: url(pics/addtocart.jpg) repeat-x; color:White; padding: 0px 10px; height: 22px; font-size: 13px; width:auto; border:0px solid #BD0400;}
input.button:hover {background: url(pics/addtocart-hover.jpg) repeat-x;}
input.delete {margin-right: 50px}
fieldset {border:0px; margin: 10px 0px;}
/*fieldset input {margin-left: 105px; width: 60%; height: 20px; font-size: 15px;}
fieldset select {margin-left: 105px;}
fieldset textarea {width: 60%; height: 70px; margin-left: 105px;}*/
.standard_label {float: left; width: 120px;vertical-align:middle;margin:auto;}
.standard_input_double_length {float: left; width: 550px;vertical-align:middle;margin:auto;}
.standard_input_single_length {float: left; width: 200px;vertical-align:middle;margin:auto;}
fieldset legend {display:block; margin-bottom: -20px;  height: 30px;} 
fieldset input.chkbox {width: 15px; height: 15px; border: none; margin-right: 5px; position: relative; top: 0px; top: 2px\9;}
fieldset.pass-field .errorMsg { display: block; float: none; clear: both;}

/* Standard Form */
form.standard {margin-left: 0px; margin-bottom:15px;float:left;}
form.standard h1 {margin-bottom: 20px;}
form.standard h3 {margin: 20px 0px 0px 0px; display:block; clear:both; float:none;}
form.standard h3 a {display:block; font-size:15px; width:100%; color: #1c3e95; text-decoration:none;}
form.standard .form-panel {width: 350px; float:left;}
/*form.standard .form-panel input,
form.standard .form-panel select,
form.standard .form-panel textarea
{margin-left: 105px; width: 60%;}*/
form.standard .button {display:block; clear:both; float:none; margin-top: 10px; margin-left:0px;}
form.form-password tr td {padding-bottom: 5px;}
form.form-password tr td input,
form.form-password tr td select { margin-top: 0px; }
form.form-password tr td .errorMsg { display: block; float: none; clear: both; } 


/* banner */
#banner {background: url(pics/banner.jpg) no-repeat; width: 1020px; height: 118px;}
#banner span {color: black; font-size: 12;}
#banner a {text-decoration: none; color: #5d5d5f; font-size: 12px;}
#banner a.home {width: 515px; height: 118px; float: left;}
#banner h2 {display: none;}
#banner h4 a {    background-color: white; float: right; color: #1C3E95; margin: 10px 15px 13px 0px; font-size: 28px;}

/* shopping cart and myaccount anchors on the banner */
#banner ul {float: left; list-style: none; width: 280px;}
#banner ul li {float: right; margin-right: 5px;}
#banner ul li.vertical-bar {color: #c5cde0; padding: 0px;}

/* login/logout box */
form#login {float: left; text-align: right; height: 30px; width: 495px; padding: 0px 10px 0px 0px;}
form#login a, 
form#login span {float:right; display:block; padding: 2px 5px;font-size:13px;}
form#login a.rss {padding-left: 25px; padding-right: 10px; }
form#search {float: left; text-align: right; height: 20px; width: 192px; margin: 0px;}
form#search fieldset input {margin-left: 0px; width: 144px; padding: 0px; padding-left: 5px; position: relative; top: -8px; top:-5px; left:3px;}
form#search fieldset input.search-button {width: 18px; height: 18px; margin: 0px 0px 0px 3px; border: none; top: -4px;}

/* the shopping-cart page, order status page, and the user edit page */
.user-control-panel {float: left; width: 750px;  margin: 0px 0px 20px 20px; _margin:0px 0px 20px 0px;}
.prod-name {width: 200px;}

td {padding: 5px 10px;}
td.label {vertical-align:top;}
thead {font-weight:bold;}
table {padding-bottom: 10px; max-width: 740px;}
table td {vertical-align:top;}
fieldset#country_state, fieldset#country_province, fieldset#country_region, fieldset#ship_country_province, fieldset#ship_country_state, fieldset#ship_country_region {display:none;}

/* cart page */
form#cart {float:left; width: 600px;}
form#cart table{float:left; width: 100%; border-spacing:0px;}
form#cart table thead td {border-bottom:1px solid #282828;}
form#cart table tr#cart0 td {padding-top:10px;}
form#cart input.button {background: url(pics/addtocart.jpg) repeat-x; color: white; border: none; padding:0px 10px 13px 10px; height:35px; }
form#cart input.button:hover {background: url(pics/addtocart-hover.jpg) repeat-x;}
form#cart input.remove-button {background: url(pics/addtocart.jpg) repeat-x; color: white; border: none; padding: 5px 10px; margin-left: 20px; float:right;}
form#cart input.remove-button:hover {margin-left: 20px;background: url(pics/addtocart-hover.jpg) repeat-x;}
form#cart input.save-button {background: url(pics/addtocart.jpg) repeat-x; margin-right: 10px;float:left; color: white; border: none; padding: 5px 10px;}
form#cart input.save-button:hover {background: url(pics/addtocart-hover.jpg) repeat-x;}
form#cart input.checkout-button {background: url(pics/addtocart-hover.jpg) repeat-x; color: white; border: none; padding: 5px 10px; float:right;}
form#cart input.checkout-button:hover {background: url(pics/addtocart.jpg) repeat-x;}
form#cart .subtotal td {padding:10px inherit; font-weight:bold;}
form#cart .subtotal tr.first td {border-top:1px solid #CCCCCC;}
form#cart .subtotal strong {text-align:right; display:block;}
form#cart .errorMsg {text-align:right; font-weight: strong;}
form#cart textarea {width: 100%; height: 80px;}
form#cart img { margin:0px 10px;}
input.qty-input {width: 30px; height: 18px;}


/* Profile and sign up page */
.presignup {text-decoration:none;}
.presignup input {display:block; margin-top: 20px; text-decoration:none;}
#same_as {display:block; float:none; clear:both;}
#same_as input {margin-left:0px;}
/* Confirm Profile Page */
a.edit-profile {color: #43A842; padding-left: 20px;}
a#edit-pst {float:right; padding-top:5px;}


/* main navi bar */
ul#nav-main {background: #1c3e95; list-style:none; width: 1020px; height: 30px; padding: 0px; margin: 0px; text-align: center; overflow: hidden; display:flex;}
ul#nav-main li:hover {background-color: #6fb43f;}
/*ul#nav-main li:hover a {border-right: 1px solid #6fb43f;} */
ul#nav-main li a {text-decoration: none; font-size: 12px; font-weight: bold; display:block; color: white; padding: 4px 0px; border-right: solid white 1px; margin: 4px 0px;}
ul#nav-main li.active {background-color: #6fb43f;}
ul#nav-main li.active a {border-right: 1px solid #6fb43f;}
ul#nav-main li{width: 20%;}

#breadcrumbs {display:none;list-style:none; font-size:11px; padding: 0px 10px 15px 10px; margin: 0px; text-align: left; overflow: hidden;}

#main-canvas {background-color: white; width: 1020px; float: left; padding: 20px 0px;}

/* side nav-bar */
.left-pod {float: left; background-color: #f8f8f8; width: 199px; margin: 0px 30px 0px 0px; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; overflow: hidden;}
.left-pod h3 {background-color:#6fb43f; width: 199px; height: 39px;}
.left-pod h3 span {display: block; color:white; font-size:14px; padding: 12px 0px 0px 15px;}
.left-pod a {text-decoration: none; color: black;}
#nav-cat1 {list-style: none; float:left; margin: 0px; width: 199px;}
#nav-cat1 ul {list-style-type: none; padding: 0px; margin: 0px; width: 199px;}
#nav-cat1 a {display: block; width: 199px; padding: 4px 0px 4px 15px; border-bottom: 1px solid #dbdbdb;}
#nav-cat1 a.active {background: url(pics/leftpod-cat1-active.jpg) no-repeat; font-weight: bold; color: white;}
#nav-cat1 a:hover {background: url(pics/nav-cat1-hover.jpg) no-repeat; color: black;}

#nav-cat2 a {background: url(pics/side-arrow-normal.gif) no-repeat 20px 6px; padding-left: 35px;}
#nav-cat2 a:hover {background: #e7e8ea url(pics/side-arrow-hover.gif) no-repeat 20px 6px;}
#nav-cat2 a.active {background: url(pics/down-arrow.gif) no-repeat 20px 7px; color: black;} 

#nav-cat3 a {background: transparent; padding-left: 55px;}
#nav-cat3 a:hover {background: #e7e8ea url(pics/circle.gif) no-repeat 40px 10px;}
#nav-cat3 a.active {background: url(pics/circle.gif) no-repeat 40px 10px; color: black;}

/* welcome display */
.welcome {float: left; width: 385px; min-height: 30px; margin-right: 50px; padding-left: 20px;}
a.seemore {background: url(pics/view-more.jpg) no-repeat; display: block; float: right; padding-top: 10px; background-position: 0px 8px; padding-left: 27px; padding-bottom: 10px;}

/* lates news display(main page) */
.main-news {float: left; width: 265px;}
div.item-canvas div.main-news ul {float:none; margin:0px; clear:both; list-style:square; color:#1C3E95; }
.main-news li {padding:5px 3px 5px 10px;color:#1C3E95;display:block; height:20px; width:100%; }
.main-news li a {float:left;}
.main-news li span {float:right; }
.main-news a {display:block;clear:both; padding-left: 10px;float:none; text-align:left;}

/* news page */
.news { margin: 10px 0px 10px 0px; clear: both;}
.item-canvas .news h3 {margin-top: 10px; float:none; clear:both;}
.news p {padding-left: 10px;}
.news .metainfo {padding-top: 5px; padding-left: 10px; display:block;}

/* contact display */

/* static page */
.description {float: left; width: 600px ;padding: 0px 10px;}

/* Display Item Gallery */
.item-canvas {overflow: hidden; width: 780px; float: left;}
.item-canvas h1 {padding-left: 10px; padding-bottom: 2px; width: 750px; border-bottom: 2px solid #6fb43f;}
.item-canvas h1.category {width: 750px; border: none; margin-left: 0px;}
.item-canvas h3 {color: #1c3e95; padding-left: 10px; padding-bottom: 3px; width: 789px; margin-top: 10px; border-bottom: 1px solid #dedede;}
.item-canvas h3.item-page {float:left; border-top: 1px solid #dedede; padding:30px 0px 3px 10px;}
.item-canvas h3.home {float:left;}
.item-canvas ul {margin-left: 10px;}
.item-canvas span.catalogue-path {color: #a1a1a3; font-size: 10px; width: 789px;}

.item-canvas div.latest-news {width: 780px; float: left; margin-top: 20px;}
.item-canvas div.latest-news .pic {float: left; background-color: #e2e3e5; width: 179px; height: 116px; margin-right: 30px; border-right: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8;}
.item-canvas div.latest-news .content {float: left; width: 568px; min-height: 115px; border: 1px solid #f8f8f8;}

.item-canvas div.custom-promo-banner {background: url(pics/custom-promo.jpg) no-repeat; width: 776px; height: 221px; margin: 0px 2px 10px 2px;}
.item-canvas div.custom-promo-banner h1 {display: none;}
.item-canvas div.custom-promo-banner span {display: none;}

.display-row {overflow: hidden; float: left; width: 789px; height: 256px; border-bottom: 1px solid #dedede;}
.item {float: left; width: 195px; height: 230px; text-align: center; margin: 13px 0px; _margin: 13px 27px 13px 0px; border-right: 1px solid #dedede;}
.last {border: none;}
.item .product {width: 185px; height: 185px; margin: 10px 5px 0px 5px; text-align: left;}
.item .product p {display:block; padding: 0px 15px; margin-top: 5px; font-weight: bold;}
.item a {display:block; padding: 0px 15px; text-decoration: none;}
.item span.title{display:block; padding: 0px 15px; text-decoration: none;}
.item .product a.img {display:table; margin:0px auto 5px auto; float:none; width:150px; height:112px; border:1px solid #CCCCCC; padding:0px; }
.item .product a.img span {display:table-cell; vertical-align:middle;}
.item .product a.img img {display:block; vertical-align:middle; margin: 0px auto; float:none;}
.item .addFailed {background-color: #FADCE2; border: 1px solid #FF0000; color: #FF0000; display: block; font-weight: bold; margin: 160px 3px 3px; position: absolute; width: 185px;}
.item .addSuccessful {font-style: italic;}
.item form {width: 185px; margin: 0px 0px 0px 16px; text-align: left;}
.item input.img {border-width: 0px; display: block; padding: 0px; margin: -26px 0px 0px 75px; background-image:none;}
.item label {margin-right: 5px;}
/* .item input.img:hover {background: url(pics/addtocart_sm-hover.jpg) no-repeat;} */

.story-item {height: 100px; margin: 10px 0px 20px 0px;}
.story-item img {width: 75px; float:left;}
.story-item h3 {margin-bottom: 10px; font-size: 15px; }
.story-item p {float:left; width: 350px; margin-left: 20px; }

/* Single Item Page */
.prod-number {float: left; font-size: 15px; margin: 7px 0px 12px 10px; display:block; width: 100%;}
.prod-desc {float: left; background-color: #f6f6f6; width: 400px; height: 214px; border: 1px solid #bdbdbd; padding: 10px 20px;}
.prod-desc p {height: 120px;}
.prod-desc .price {font-size: 25px; font-weight: bold;}
.prod-desc .price-break {font-size:11px; font-style:italic; display:block;margin:5px 0px 10px 0px;}
.prod-desc .upc {display:block; float:none; clear:both; margin-top: 5px;}
.prod-desc .addFailed {background-color: #FADCE2; border: 1px solid #FF0000; color: #FF0000; display: block; font-weight: bold; margin: -50px 3px 3px; position: absolute; width: 185px;}
a.prod-img {width:250px; height:250px; float: left; display:table; margin: 0px 20px 0px 10px; border: 1px solid #f2f2f2}
a.prod-img span {display:table-cell; vertical-align:middle;}
img.prod-img {margin:0px;}
form.add-item {float: left;}
form.add-item span {float:left; display:block; padding-top:3px;}
form.add-item .qty-input {margin-left: 3px; display:block; height: 19px; padding-top:2px; float: left; margin-top:0px;}
form.add-item input.img { background-color:none; background-image:none;margin-left: 3px; margin-top:0px; padding:0px; display:block; float:left;font-weight: bold; height: 24px; vertical-align: middle; border: 0px;}

/* RSS page */
ul.rss {list-style:none;}
ul.rss li {padding: 2px 0px 2px 25px; background-image: url('pics/icon-rss.gif'); background-repeat:no-repeat;}

/* Pagination */
/*
.pagination {list-style:none; width:100%; height:20px; margin:20px 0px; float:none; clear:both;}
.pagination li {background-color: white; float:left; color:#0066FF; font-weight:bold; padding:2px 4px; margin-left: 5px; border: 1px solid #e4e4e4;}
.pagination li.active {background-color: #8bc44f; color: white; border: 1px solid white;}
.pagination li.first {background-color: #f2f2f2; color:#282828; font-weight:normal; border: none;}
.pagination li a {color:#282828; font-weight:normal; text-decoration: none;}
*/

.pagination-top {list-style: none; width: 780px; height: 25px; margin: 0px; float: left; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; padding: 3px 0px;}
.pagination-bottom {list-style: none; width: 780px; height: 25px; margin: 0px; float: left; border-bottom: 1px solid #dedede; padding:3px 0px;}

.pagination-top span,
.pagination-bottom span {float: left; margin-left: 10px; margin-top: 5px; font-weight: bold;}
.pagination-top form,
.pagination-bottom form {float:right;}
.pagination-top label,
.pagination-bottom label {padding-left: 5px;}

ul.pagination {list-style: none; min-width: 1px; height: 20px; margin: 3px 10px 0px 0px; float: right;}
.pagination li {background-color: white; float: left; color:#0066FF; font-weight:bold; padding:2px 4px; margin-left: 5px; border: 1px solid #e4e4e4;}
.pagination li.active {background-color: #6fb43f; color: white;}
.pagination li.first {color:#282828; font-weight:normal; border: none;}
.pagination li a {color:#282828; font-weight:normal; text-decoration: none;}

/* Footer */
#footer {background: url(pics/footer.jpg) no-repeat; float: left; width: 1030px; height: 140px;}
#footer ul {list-style-type: disc; font-size: 10px; padding-top: 3px;}
#footer ul.shop-footer {float: left; margin-left: 110px;}
#footer ul.order-footer {float: left; margin-left: 60px;}
#footer ul.about-footer {float: left; margin-left: 60px;}
#footer ul li.title {list-style-type: none; font-size: 14px; font-weight: bold; margin: 0px 0px 5px -15px; _margin-left: 0px; padding-bottom: 3px; color: #4b4b4d; border-bottom: 1px solid #adadaf}
#footer ul li a {color: black; text-decoration: none;}
#footer ul li {font-size: 10px; margin-top: 3px;}
#footer p {background:url(pics/footer.jpg); background-position: 200px -10px; float:left; margin-left: 250px; padding-top: 5px; _margin-left:120px;}
#footer p * {display:block; float:none; clear:both;}
#footer p span {font-weight:bold; font-size:14px;}
#footer p span.phone {color:#3366FF;}
#footer p span.address {font-weight:normal; margin-top: 18px; font-size: 13px; display:block; float:none; clear:both;}
#footer img {margin: 5px 15px;}

span.copywrite {float: left;margin-left: 27px;margin-top: -27px;}

/* CMS iFrame */
#cms-window {padding: 15px; background-image:url('pics/bg-pod.png');}
#cms-iframe {border-width:0px; background-color:White;}