/*----------------------------------------------------------
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
---------------------------------------------------------- */
body{font-size:.75em;font-family:Verdana, Helvetica, Sans-Sferif;color:#696969;margin:0;padding:0}
form{display:inline}
img{border:none 0}
table{border-collapse:collapse;border-style:none}
a,a:link{color:#034af3;text-decoration:none}
a:visited{color:#505abc}
a:hover{color:#1d60ff;text-decoration:none}
a:active{color:#12eb87}
p{margin-bottom:20px;line-height:1.6em}
ul{margin-bottom:20px;line-height:1.6em}
h1{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:2em;padding-bottom:0;margin-bottom:0}
h2{font-size:2.2em;color:#000;font-family:Arial, Helvetica, sans-serif;padding:0 0 10px;margin:5px 0}
h3{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:1.2em}
h4{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:1.1em}
h5{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:1em}
h6{color:#000;font-family:Arial, Helvetica, sans-serif;font-size:1em}
iframe{border:1px solid #FFFFFF}
.rightColumn > h1{margin-top:0}
.rightColumn > h2{margin-top:0}
.leftColumn > h1{margin-top:0}
.leftColumn > h2{margin-top:0}
/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------  you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width.  */
body.master-body{background-color:#F5F0D3}
.page{width:100%;margin-left:auto;margin-right:auto}
#header{margin-bottom:0;color:#000;background-color:#FFF}
.page-width{width:960px;margin:0 auto}
.logobar{height:65px}
.logobar #logo{width:477px;height:52px;float:left;padding-top:5px}
#header .cms-link{float:left;position:absolute}
#header #cart_shortcut_menu{float:right;clear:right;padding:7px;color:#666;font-size:11px;font-weight:bold;width:400px;text-align:right}
#header #cart_shortcut_menu A{color:#666}
#header #cart_shortcut_menu A:hover{text-decoration:underline}
#header #cart_shortcut_menu span{color:#A4041D}
#header #cart_shortcut_menu .go-icon{vertical-align:middle}
#header h1{font-weight:bold;border:none;line-height:2em;font-family:Arial, Helvetica, sans-serif;font-size:32px !important;margin:0;padding:5px 0}
#main{background:transparent url('/images/background-edges.png') 0 0 repeat-y;_height:1px;margin:0 auto;padding:0 10px}
#main>.padded{background-color:#FFF;padding:20px}

/* Page Numbers */
.pager{font:14px arial, helvetica, sans-serif;padding:1em;margin:1em 0;clear:both;font-size: 14px;float:right}
.pager a.disabled{color:#999;text-decoration:none!important}
.pager a,.pager span{color:#003366;display:block;float:left;padding: 0.2em 0.7em;margin-right:0.3em;border:1px solid #fff;background:#fff}
.pager a.selected{border:1px solid #2E6AB1;font-weight:bold;background:#2E6AB1;color:#fff}
.pager a{border:1px solid #9AAFE5;text-decoration:none}
.pager a:hover{border-color:#2E6AB1}
.pager a.nextprev{font-weight:bold}
.pager span.nextprev{color:#666}
.pager span.nextprev{border:1px solid #ddd;color:#999}
.pager .nextprev-next{float:right}

.disabled{text-decoration:line-through!important}
/* TAB MENU   
---------------------------------------------------------- */
#menucontainer{background:#F7F2CC url('/images/nav_background.png') 0 -1px repeat-x;clear:both;height:35px;border-color:#B5B1AE;border-style:solid none;border-width:1px}
.nav-bar{color:#B03A46;font-size:12px;font-weight:bold}
.nav-bar .all-products-dropdown{display:inline}
.nav-bar ul#menu{display:inline;position:relative;margin:0;padding:0 0 2px}
.nav-bar ul#menu .home-icon{width:16px;height:16px;vertical-align:middle;padding-right:3px}
.nav-bar ul#menu li{display:inline;list-style:none}
.nav-bar ul#menu li a{font-weight:bold;text-decoration:none;line-height:2.8em;color:#898987;padding:0 10px;border-right:1px solid #898987}
.nav-bar ul#menu li.last a{border-right:0 none}
.nav-bar ul#menu li a:hover{text-decoration:none}
.nav-bar .search-box{float:right;padding-top:5px}
.nav-bar .search-box #q{height:15px;padding:4px 5px; width: 155px}
.nav-bar .search-box .search-button{padding:0;margin:0;height:24px;width:28px;vertical-align:top;margin-left:-4px}

/* Footer */
#footer{color:#999;line-height:normal;font-size:.9em;padding:0 10px 18px 10px;height:68px;margin-bottom:50px;background:transparent url('/images/footer.png') 0 0 no-repeat}
#footer>.padded{background:#E8E8E8 url('/images/footer.png') -10px 0 no-repeat;padding:5px 20px 0;height:45px}
#footer .footer_menu{display:inline;position:relative;margin:0;padding:0 0 2px}
#footer ul#footer_menu{display:inline;position:relative;margin:0;padding:0 0 2px;font-size:0.8em}
#footer ul#footer_menu li{display:inline;list-style:none}
#footer ul#footer_menu li a{font-weight:bold;text-decoration:none;color:#898987;padding:0 10px;border-right:1px solid #898987}
#footer ul#footer_menu li.last a{border-right:0 none}
#footer ul#footer_menu li a:hover{text-decoration:none}
#footer .telephone{display:block;line-height:1em;color:#B03A46;font-size:14px;margin:8px 10px}
#footer .address{float:right}


/* FORM LAYOUT ELEMENTS   
---------------------------------------------------------- */
fieldset{border:1px solid #CCC;margin:1em 0;padding:1em}
fieldset p{clear:both}
label{display:block;font-weight:bold;text-align:right;width:180px;float:left;font-size:15px;  padding-right:5px}
label > span{color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:180px;padding-right:5px}
label.radioLabel,label.radioLabel span{width:auto;padding-left:10px;padding-right:20px;display:inline!important;float:none}

fieldset label.inline{display:inline}
legend{font-size:1.3em;font-weight:600;padding:2px 4px 8px}
input[type="text"]{width:220px;border:1px solid #CCC}
input[type="password"]{width:220px;border:1px solid #CCC}
/* TABLE
---------------------------------------------------------- */
/* MISC  
---------------------------------------------------------- */
.clear{clear:both}
.error{color:Red}
div#title{display:block;float:left;text-align:left}
#logindisplay{font-size:1.1em;display:block;float:right;color:#000;height:32px;overflow:hidden;white-space:nowrap}
#logindisplay div{float:left;background:#F7EFC8 url('/Images/login_display_mid.png') 0 0 repeat-x;height:26px;padding:5px 10px 0;white-space:nowrap}
#logindisplay img{width:7px;height:31px;float:left;vertical-align:top}
#logindisplay a:link{color:#000;text-decoration:none}
#logindisplay a:visited{color:#000;text-decoration:none}
#logindisplay a:hover{color:#000;text-decoration:underline}
.field-validation-error{color:red;padding-left:190px;display:block;width:220px}
.input-validation-error{border:1px solid red;background-color:#fee}
.validation-summary-errors{font-weight:bold;color:red}
H1,H2,H3,H4,.title{font-family:Georgia,serif;color:#676767!important}
H2.title{font-size:28px;font-weight:normal;margin:0 0 10px 0}

/* Shared Page Elements */
.directions-include{color:#B03A46;font-weight:bold}
.directions-include A{color:#B03A46}
.directions-include A:hover{text-decoration:underline}

/* common tile elements */
.tile a.title{font-size:14px;width:205px;height:30px;overflow:hidden;font-size:22px}
.tile a{display:block}
.tile.last{margin-right:0}
.tile{width:205px;height:325px;margin-right:25px;display:block;float:left}
.tile a.cms-link{display:inline!important}

.splash-promo-text{color:#FFF;font-family:Georgia, Arial;padding:0 15px;height:50px;vertical-align:middle;background-color:#B0B8CF;font-size:32px;line-height:44px}


/* Category Index */
#home_splash{width:920px;height:320px;padding-bottom:10px}
#category_index .tile img{background-color:#ccc;width:205px;height:275px}


/* Category list */
#category_splash{margin-bottom:20px}
#category_splash td{vertical-align:top}
#category_splash img{display:block;width:495px;height:275px}
#category_splash .splash-promo-text{width:465px}
#category_splash .splash-text{padding-left:10px}
#category_splash .splash-text{padding-left:10px}
#category_splash .splash-text.contact-information a{display:block}


#category_list .tile img{background-color:#ccc;width:205px;height:210px}
#category_list .tile a.title{height:84px}

/* info pages*/
#info_content{width:800px}


/* product show */
#product_show H4{color:#494949;font-size:1.3em;margin:0}
#product_show{border-collapse:separate;border-spacing:10px}
#product_show td{border:1px solid #CCC;padding:10px;vertical-align:top}
#product_show td#product_image_and_specs{width:612px}
#product_show #product_image_share_links{width:205px;width:335px;float:left;margin-right:20px}
#product_show #product_links{text-align:center}
#product_show #product_links a{font-size:0.9em;line-height:1.3em}
#product_show #product_links .addthis_button{display:block;margin:5px 0}
#product_show img#product_large{width:335px;height:310px}


#product_show #product_specs{display:block;float:left}
#product_show #product_specs p{margin:10px 0;line-height:normal}
#product_show #product_specs label{text-align:left;font-size:12px;font-weight:bold;width:auto}
#product_show #product_specs{font-size:12px;width:250px}
#product_show #product_specs .price{font-size:16px;font-weight:bold}
#product_show #product_specs .price span{font-size:14px;font-weight:normal}
#product_show td#product_description{width:240px}

#product_show #product_quantity_selector{padding:10px 0}
#product_show #product_quantity_selector #product_quantity{width:25px;text-align:center;border:2px solid #013E7D}
#product_show #product_quantity_selector #add_to_basket{padding-top:10px}

#product_show #discontinued_product{color:#F00;text-align:center;font-weight:bold}

/* shopping cart */
#cart_empty_message{margin:70px auto;font-size:1.3em;font-weight:bold;text-align:center}
#cart .mini-product-thumb{width:102px;height:105px;vertical-align:middle;padding:5px 20px}
#cart td{padding:10px 5px}
#cart .payment-types{padding:10px;text-align:right}
#cart .payment-types img{vertical-align:middle;padding-left:10px}
#cart_index #sage_pay_logo{display:inline;float:left}
#cart_index #cart_checkout_options{float:right;padding-right:20px;margin:10px 28px}
#cart_index #cart_checkout_options img{margin:0 10px;vertical-align:middle}

/* checkout shared */
table#order_steps{width:920px}
table#order_steps td{background-color:#CCC;text-align:center;vertical-align:middle;padding:10px;margin:0 20px}
table#order_steps td.selected{background-color:#999;color:#FFF}
.back-strip{width:900px;background-color:#EA6C00;padding:10px;margin-top:10px}
.back-strip A{color:#FFF;font-size:1.2em;font-weight:bold}
input.checkout-button{padding:5px 10px;font-weight:bold}


/* checkout step 1*/
#user_profile fieldset{width:45%;margin-right:10px;display:inline;vertical-align:top}
#user_profile input[type="submit"]{margin-right:25px;float:right}

/* checkout step 2*/
#order_summary div.address{width:45%;display:block;float:left;padding:10px;margin-bottom:20px}
#order_summary input[type="submit"]{float:right;margin-top:20px;}



/* login and registartion*/
#logon fieldset{width:45%;display:inline;margin-right:10px;vertical-align:top}
#logon #logon_button{float:right;margin-right:8px;padding:5px 15px}

#register fieldset{width:45%;margin:0 auto}
#register input[type="submit"]{float:right}


#change_password fieldset{width:45%;margin:0 auto}
#change_password input[type="submit"]{float:right;margin-right:8px}





/* CMS Specific */
.cms img.thumb{display:block;padding-top:10px}
.cms input[type='text'].narrow{width:150px}
.cms input[type='text']{width:400px}
.cms p span.indent{margin-left:180px}
.cms textarea{width:400px}