/* Copyright (c) 2007 August Ash Inc. (http://www.augustash.com)
   Screen Style Sheet
   Version: $Id: screen.css 85 2009-05-22 18:55:19Z eanderson $
--------------------------------------------------------------- */

/* 	=============================
	Colors:
	
	=============================	*/

body {
	background:#cecece;
	text-align:left;
	color:#777;
	font:normal 13px/17px Helvetica, Arial, sans-serif;
}
body.page-popup {background: #fff;}

p, table {margin:1em 0;}
img {border:0;}
.access, hr {display:none;}
.clearer {clear:both; height:1%; line-height:1%; font-size:1%;}
.required, .error {font-weight:bold; color:#C30000;}
a:link, a:visited {color:#006aae; font-weight: normal; text-decoration:underline;}
a:hover, a:active {text-decoration:none; outline:none;}

/* TYPE
----------------------------------------------- */
strong, dfn {font-weight:bold;}
em, dfn {font-style:italic;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
pre, code {white-space:pre; font-family:'andale mono','lucida console',monospace; line-height:1.5;}

/* HEADINGS
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {font-weight: bold; color:#494949;}
h1 {font-size:21px;}
h2 {font-size:19px;}
h3 {font-size:17px;}
h4 {font-size:15px;}
h5 {font-size:13px;}
h6 {font-size:11px;}

/* LISTS
----------------------------------------------- */
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ul, ol {list-style-position:outside; margin:1em 0 0 0; padding:0 0 0 2em;}
ul ul, ol ol, ul ol, ol ul{list-style-type:square; list-style-position:outside;}
ol, ol ol, ul ol{list-style-type:decimal;}
dl {margin:1em 0;}
dl dt {font-weight:bold;}
dl dd {margin:0 0 0 1.5em;}

/* BASE LAYOUT
----------------------------------------------- */
div#header-repeat {background: url(../img/tpl/bg-header-repeat.jpg) repeat-x top left;}
div#header-wrap {background: url(../img/tpl/bg-header-wrap.jpg) no-repeat top center; min-width: 960px;}
div#header {position:relative; width:960px; height:108px; background:none; margin:0 auto;}
div#wrap-repeat {background: #efefef url(../img/tpl/bg-wrap-repeat.jpg) repeat-x top left;}
div#wrap-shadow {background: url(../img/tpl/bg-wrap-shadow.jpg) no-repeat top center; min-width: 960px;}
div#wrap-bottom-repeat {background: url(../img/tpl/bg-wrap-bottom-repeat.jpg) repeat-x bottom left;}
div#wrap-bottom {background: url(../img/tpl/bg-wrap-bottom.jpg) no-repeat bottom center; min-width:960px;}
div#wrap {position:relative; width:960px; margin:0 auto; text-align:left; padding: 15px 0 35px;}
div#cwrap {width:958px; background:#fff url(../img/tpl/bg-cwrap-top.jpg) no-repeat top left; border: 1px solid #e8e8e8;}
div#cwrap-bottom {background: url(../img/tpl/bg-cwrap-bottom.jpg) no-repeat bottom left; min-height:500px;  padding:10px;}
div#side {float:left; display:inline; width:210px; background:#00558c url(../img/tpl/bg-side.jpg) no-repeat top left; color:#A5DEFF;}
div#main {float:right; display:inline; width:705px; padding-top: 10px;}
body.cms-home div#main {padding-top:0;}
.side-right div#side {float:right;}
.side-right div#main {float:left;}
div#main-full {float:right; display:inline; width:938px; padding-top: 10px;}
#footer-wrap {background: url(../img/tpl/bg-footer-wrap.jpg) repeat-x top left; clear:both; padding:0; margin:0;}
div#footer {margin: 0 auto; background: none; width: 910px; padding:15px 25px; height:90px;}

/* HEADER
----------------------------------------------- */
div#header h2 {width:370px; float: left;}
div#header h2 a:link, div#header h2 a:visited {
	background: url(../img/tpl/logo.png) no-repeat top left;
	display:block;
	position:relative;
	width:370px;
	height:0px;
	padding-top:108px;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	text-decoration:none;
}
div#header h1 a:hover, div#header h1 a:active {border:0;text-decoration:none;}

form#search_mini_form {float: right; clear: right; margin-top: 40px; width:400px; padding-right:10px;}
form#search_mini_form label {display: none;}
form#search_mini_form fieldset.form-search {background: url(../img/tpl/input-search.jpg) no-repeat 0 2px; height: 32px; float: right;}
form#search_mini_form input#search {background: none; border:none; padding:5px 5px 4px; width: 273px; color:#999898; font-style: italic; font-size:14px;}
form#search_mini_form button.button {background: url(../img/tpl/search-btn.jpg) no-repeat top left; padding:3px 0; height: 27px; margin-left: 6px;}
form#search_mini_form button.button span {padding:0 16px 0; color:#fff;}

/* Navigation
---------------------- */
ul.links {position:relative; float: right; padding:0 10px 0 0;}
ul.links li {display:inline; float: left; font-size:11px;}
ul.links li a:link, ul.links li a:visited {padding:0 5px; color:#fff; display: block; text-decoration: none;}
ul.links li a:hover {text-decoration: underline;}

/* MAIN
----------------------------------------------- */
div.breadcrumbs ul {margin:0; padding:0;}
div.breadcrumbs ul li {color:#737373; font-size:11px; font-weight: normal;}
#main .featured {clear: both;}
#main .featured .pager, #main .featured .sorter {display: none;}
#main .featured h2 {font-weight: normal; border-bottom: 1px solid #ddd; padding-top:15px;}
#main .featured h3.product-name {font-size:12px;}
#main .featured .add-to-links {display: none;}
#main .featured .products-grid tr {border: none;}
#main .featured .category-products {background:#eee; padding:8px;}
#main .featured table {margin:0;}

#main img.main {float: left;}
#main .services-side {width:230px; float: right; text-align:center;}
#main .services-side h2 {color:#727272; font-weight: lighter; font-size: 135%; line-height: normal; margin-top: 2px;}
#main .services-side h2 span {font-style:italic; color:#666; font-size:105%;}
#main .services-side img {margin-bottom:6px;}
#main .services-side ul {margin:0; padding:20px 0;}
#main .services-side ul.steps li {padding: 10px 0 10px 40px; list-style: none;}
#main .services-side ul.steps li.one {background: url(../img/icon-one.gif) no-repeat center left;}
#main .services-side ul.steps li.two {background: url(../img/icon-two.gif) no-repeat center left;}
#main .services-side ul.steps li.three {background: url(../img/icon-three.gif) no-repeat center left;}
h3.services a {
	background: url(../img/btn-services.jpg) no-repeat top left;
	display:block;
	position:relative;
	width:189px;
	height:0px;
	padding-top:31px;
	overflow:hidden;
	font-size:1%;
	line-height:1%;
	border:0;
	text-decoration:none;
	margin:0 auto;
}
h3.services a:hover {background: url(../img/btn-services.jpg) no-repeat bottom left; clear:both;}
.features {padding: 10px 0; float: left; width:705px;}
.features .products {background:#e8e8e8; padding: 15px;}
ul.message li.success-msg, p.note-msg, p.notice-msg {border: 1px solid #ccc;}

/* PRODUCT LIST
----------------------------------------------- */
div.pager {background: url(../img/tpl/bg-table-bar.jpg) repeat-x top left; border:none; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; padding:8px; margin:0 0 5px; text-shadow:1px 1px 0px #ddd;}
div.pager p {margin:0;}
div.sorter {background: url(../img/tpl/bg-table-bar.jpg) repeat-x top left; border:none; border-left: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; padding:8px; margin:0 0 5px; text-shadow:1px 1px 0px #ddd;}
div.sorter p {margin:0;}
table.products-grid td {border: none;}
table.products-grid td img {border:1px solid #ACC6D5;}
.product-view .price-box {float:none; margin:0 0 7px; padding:0;}
.price-box {float: left; padding: 0 4px 0 0; margin-top: 3px; font-size: 15px;}
span.regular-price .price {font-weight: normal;}
#products-grid-table h3.product-name {margin:7px 0; line-height:1.2em;}
.products-grid tr {border-bottom: 1px solid #ccc;}
#products-grid-table ul.add-to-links {font-size: 12px; padding:0; margin: 4px 0;}
div.filter-size {display:block; background:#f2f2f2; color:#000; padding:3px 7px; margin:0 0 7px 0;}
tr.even div.filter-size {background:#e9e9e9;}
a.minimal-price-link {display:block; line-height:13px; margin:5px 0 7px; padding: 5px 7px; color:#003B5F; background:#FEFF6F; font-size:10px; text-transform:uppercase; font-style:italic; }
a.minimal-price-link .label-top {display:block;}
a.minimal-price-link .label {}

/* special pricing */
div.price-box p.old-price {margin:0 0 2px;}
	div.price-box p.old-price span.price-label {font-size:12px;}
	div.price-box p.old-price span.price {font-weight:normal; font-size:13px;}
div.price-box p.special-price {margin:0 0 5px;}
	div.price-box p.special-price span.price-label {font-size:12px; color:#555;}
	div.price-box p.special-price span.price {color:#277F17;}


/* PRODUCT VIEW
----------------------------------------------- */
div.product-view .product-img-box { width: 265px;}
div.product-view .product-img-box p.product-image {border: 1px solid #ACC6D5;}
div.product-view .product-shop {width: 420px;}
.product-name h2 {font-weight: normal; font-size: 20px;}
.product-view p.availability {font-size:11px; color:#9b9b9b; margin: 3px 0 10px;}
.breadcrumbs {margin: 0 0 10px;}
.product-view .price-box .price {font-size: 19px; font-weight: normal;}
.product-view h3 {font-weight:normal;}
.product-pricing {clear:both; list-style-type:none; font-size: 12px; padding:0; margin:0 0 10px; font-style:italic; }
.product-view .add-to-box {background:#F9F9F9; border:1px solid #E9E9E9; padding:15px 10px 12px;}

/* Subscription Reminder */
div.replacement-reminder {padding:15px; background: #FEFF9F; margin-bottom:10px; border:1px solid #EEEF95}
div.replacement-reminder p {color:#666; margin:0;}
div.replacement-reminder h3 {font-weight:normal;}
div.replacement-reminder ol {margin:0; padding:.5em 0 0 3em; color:#555;}
	div.replacement-remindcer ol li {padding:2px 0;}
/* end Subscription Reminder */

.product-view p {margin: 0; font-size:12px;}
.add-to-box {margin: 10px 0;}
div.product-view .product-img-box .zoom #handle {background: url(../images/magnifier_handle.gif) no-repeat top left;}
#cwrap button.button,
#cwrap button.form-button {background: url(../img/tpl/btn-add-to-cart.jpg) no-repeat top left; padding:0; height: 27px; margin-left: 6px;}
#cwrap button.button span,
#cwrap button.form-button span {background: url(../img/tpl/btn-add-to-cart-span.jpg) no-repeat top right; padding:3px 10px; color:#fff; font-weight: normal;}
ul.add-to-links {padding: 0 0 0 10px; margin: 10px 0;}
ul.add-to-links li {list-style: none;}
ul.add-to-links li a {background: url(../img/tpl/arrow-add.gif) no-repeat center right; padding-right: 12px;}
.product-collateral {background:#e8e8e8; padding: 20px; margin: 20px 0 0;}
#side a:link, #side a:visited {color:#fff;}
#side h1,#side h2,#side h3,#side h4,#side h5,#side h6 {color:#A5DEFF;}
div.block .block-title {border:none; padding:0;}
.block-cart {color:#A5DEFF;}
.block-cart p {margin: 0; font-size: 12px;}
.block-compare p {margin:0; font-size: 12px;}
.add-to-cart label {margin:4px;}
div.product-view .product-img-box .more-views ul {list-style: none;}
div.product-view .product-img-box .zoom-notice {font-size: 11px; font-style: italic; margin-top: 4px;}
div.more-views h3 {display: none;}
div.more-views ul {margin:0; padding:0;}
/* call for pricing: for specific products-in place of price and add to cart */
div.zero-pricing {color:#666; width:190px; margin:0 0 7px;}
div.zero-pricing p {margin:0; color:#666; font-size:13px;}
div.zero-pricing p span.phone-number {display:block; font-weight:bold;}

/* ACCOUNT PAGE
----------------------------------------------- */
div.col2-set .col-1, div.col2-set .col-2 {width:46%; padding:10px;}
div.col2-set .new-users, div.col2-set .registered-users {width:43%; min-height: 195px; background:#ddd; padding: 10px;}
.block-account .block-title {display: none;}
.block-account ul {margin:0; padding:5px; background:#ccc;}
.block-account ul li {list-style: none; display: inline;}
.block-account ul li a, .block-account ul li span {padding: 3px;}
span.number {display: none;}

/* CART OVERVIEW
----------------------------------------------- */
ul.checkout-types, ul.form-list {list-style: none; padding:0;}
div.cart .cart-collaterals .col-1 { background:none;}
dl.sp-methods ul {list-style: none; padding:0;}
.data-table {background:#fff;}
.cart .shipping {margin:15px 0 0;}
.cart .shipping form p {margin:0;}
.cart .totals {background: #eee; padding:10px; width:210px;}
/*.cart .totals th {font-size:12px;}*/
.cart .totals tr {font-size: 13px; color:#666;}
ul.checkout-progress li.active {border-color:#777; color:#777;}
ul.checkout-progress li {list-style: none;}

/* REVIEW
----------------------------------------------- */
ul.form-list textarea {width: 400px; height: 100px;}
div.product-review .details {width: 560px;}

/* SIDE
----------------------------------------------- */
#side .col-right {border: none; float: none; width: auto; padding:0;}
#side ol.currently {list-style: none;}
#side .block-title h2 {line-height: normal; color:#a5deff; background:#1779b0; font-size: 15px; padding: 5px 15px;}
#side div.block-cart .block-title h2 {background: #1779b0 url(../img/tpl/icon-cart.gif) no-repeat 10px center; line-height: normal; color:#a5deff; font-size: 15px; padding: 5px 15px 5px 39px;}
#side div.block-compare .block-title h2 {background: #1779b0 url(../img/tpl/icon-compare.gif) no-repeat 10px center; line-height: normal; color:#a5deff; font-size: 15px; padding: 5px 15px 5px 39px;}
#side div.block-reorder .block-title h2 {background: #1779b0 url(../img/tpl/icon-order.gif) no-repeat 10px center; line-height: normal; color:#a5deff; font-size: 15px; padding: 5px 15px 5px 39px;}
#side button.button {background: url(../img/tpl/arrow-cart-side.jpg) no-repeat top left; padding:0; height: 23px; margin:5px 0 10px; float: right;}
.mini-products-list li {list-style: none;}
#side button.button span {background: url(../img/tpl/arrow-cart-side-span.jpg) no-repeat top right; padding:1px 10pX; color:#444343; font-weight: normal;}
#side h2.title {line-height: normal; color:#a5deff; background:#1779b0; font-size: 15px; padding: 5px 15px;}
#side ul#nav {margin:0; padding:5px 10px 15px 15px;}
#side ul#nav li {padding: 3px 0; font-size:12px; list-style: none;}
#side ul#nav li a {color:#fff; text-decoration: none;}
#side ul#nav li a:hover {color:#9dd8f9; text-decoration: underline;}
#side ul#nav li.active a {color:#9dd8f9; text-decoration: underline;}
#side ol {padding:0; margin: 5px 0 0; font-size:12px; list-style: none;}
div.add-to-box .add-to-cart {float: left;}
.add-ul-box { margin: 0 0 0 5px; padding:5px 10px; width:100px; float:left;}
#main input.input-text {padding: 4px;}
div.block-cart .subtotal {text-align: left;}
div.block .actions {text-align: left;}
div.block-progress dt {border-top: 1px solid #5db8eb; padding: 4px; background:#2787be; color:#a3deff;}
div.block-progress dt.complete, div.block-progress dl {background:#50ade1; color:#006298}
div.block-progress dt.complete, div.block-progress dd.complete {background: none; margin:0;}
div.block-progress dd.complete {font-size: 12px; background:#81ccf6; padding:4px 4px 10px;}
div.block-progress dd.complete p {margin:0;}
div.buttons-set {border:none;}
ol.mini-products-list .product-image {padding:0;}
#side ol#compare-items {list-style: none;}
.block-compare li.even {background:#1779B0;}
#side li.even {background:#1779B0;}

#side .layered-nav h2.title {background:#1779B0 url(../img/tpl/icon-mag.gif)  no-repeat 10px center; line-height: normal; color:#a5deff; font-size: 15px; padding: 5px 15px 5px 39px;}
#side .border-creator {padding:5px 10px 10px 15px;}
#side .border-creator h4.title {font-size: 14px; margin: 0 0 7px;}
#side .border-creator h4.title span {font-size:0px; line-height: 0%; overflow: hidden; display: block; width:9px; height:0px; padding:12px 0 0; float: left;}
#side .border-creator h4.title span.closed {background: url(../img/tpl/btn-plus.gif) no-repeat 0 3px;}
#side .border-creator h4.title span.open {background: url(../img/tpl/btn-minus.gif) no-repeat 0 3px;}
#side .border-creator h4.title a {display: block; padding-left:15px; color:#fff; text-decoration: none;}
#side .border-creator h4.title a:hover {color:#9dd8f9; text-decoration: underline;}
#side .border-creator .category {background:#1d7eb5; margin:0 0 10px; padding:0;}
#side .border-creator .category .list-cont {margin:0; padding:5px 10px;}
#side .border-creator .category .list-cont ol {margin:0; padding:0;}
#side .border-creator h3 {font-size: 14px;}
#side .actions {padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid #4dafe6;}
#side h2.product-categories {background:#1779B0 url(../img/tpl/icon-tag.gif)  no-repeat 10px center; line-height: normal; color:#a5deff; font-size: 15px; padding: 5px 15px 5px 39px;}

/* SHOPPING CART
----------------------------------------------- */
div.cart div.discount {display:none;}

/* autocomplete */
#search_autocomplete {background:#fff; filter:alpha(opacity=85); opacity:0.85; width:281px;}
#search_autocomplete ul {margin:.5em 0;}
#search_autocomplete ul li {list-style-type:none;}

/* CHECKOUT
----------------------------------------------- */
ol.opc {margin:0; padding:0; list-style: none;}
ol.opc li {list-style: none; /*background: #fff;*/}
ol.opc li.section .step-title {background: #999; padding:2px 5px;}
ol.opc li.section .step-title h3 {color:#eee;}
ol.opc li.section .step-title span {background: #ccc; padding: 0 3px; font-size: 11px; font-weight: bold; line-height: normal; margin: 5px 5px 5px 0;}
ol.opc li.active .step-title {background: #AED5EC;}
ol.opc li.active .step-title h3 {color:#737373;}
ol.opc li.active .step-title span {background: #eee;}
.group-select {margin:0; padding:0;}
.group-select ul {margin:0; padding:0;}
.group-select .input-box {padding-right:70px;}
div.block {border: none;}
#checkout-step-login div.col2-set h4 {margin-bottom:6px; border-bottom:1px solid #ccc; padding-bottom:2px;}
#checkout-step-login div.button-set button.form-button {float:right;}
#checkout-step-login div.col2-set p {margin:.5em 0;}
#checkout-step-login div.col2-set ul.disc {margin:0;}
#checkout-step-login div.col2-set ul.disc li {list-style-type:disc;}

/* FOOTER
----------------------------------------------- */
.footer-nav {margin:0; padding:0; position:relative; float: right;}
.footer-nav li {display:inline; float: left; font-size:13px; border-right: 1px solid #b4b4b4;}
.footer-nav li.last {border: none;}
#footer .footer-nav li a {padding:0 5px; color:#fff; display: block; text-decoration: none;}
#footer .footer-nav li a:hover {text-decoration: underline;}

p#copyright {font-size:11px; margin:0; color:#d9d9d9; float: left; width: 290px;}
p#credits {font-size:11px; margin:0; color:#d9d9d9; float: left; clear: left; width: 290px;}
p#credits a {color:#d9d9d9; text-decoration:underline;}
p#credits a:hover, p#credits a:active {text-decoration:none;}