/* Main CSS Stylesheet */
#size_guide, .categoryImg, #index_h1 {display: none}
#size_guide {position: absolute; width: 510px; background: white; height: 211px; z-index: 1000; overflow: hidden; padding: 10px; top: 540px; border: 3px solid #d2ebae}
#sizeguide_inner {overflow-y: scroll; width: 510px; height: 211px}



input, textarea, select {font-family:Arial, tahoma, sans-serif; font-size: 12px}
/*Normal style we use*/
form {margin: 0; padding: 0}
body {color: black; font-family:tahoma, arial, sans-serif; font-size: 70%; background: white}
table {font-size: 1em} 
a {color: #225f7e; text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline}
p {margin:18px 0; line-height: 1.7em}
h1 {color: #225f7e; font-size: 24px; font-weight: normal; margin: 0 0 20px 0;  }
h2, h5 {font-size: 12px; color: #06374f; clear: both; background:url(../images/h2_back.gif) no-repeat #8eb851; height: 18px; padding: 5px 10px 0 22px; margin: 10px 0; width: 451px  }
h3 {font-size: 1.1em; color: #225f7e; }
h4 {color: #8eb851; font-size: 1em; clear: both}

img.clsleft {margin: 0 15px 15px 0}
img.clsmiddle {margin: 0 15px 15px 15px}
img.clsright {margin: 0 3px 15px 15px}
img.clsborderleft {margin: 0 15px 15px 0; border: 1px solid #d2ebae; padding: 3px} 
img.clsbordermiddle {margin: 0 15px 15px 15px; border: 1px solid #d2ebae; padding: 3px}
img.clsborderright {margin: 0 3px 15px 15px; border: 1px solid #d2ebae; padding: 3px}
.datatable {}
.datatable th {background: #225f7e; color: #ffffff}
.datatable td {padding: 4px; font-weight: bold; border: 1px solid #d2ebae; }
.datatable1 {border-bottom: 1px solid #d2ebae; border-right: 1px solid #d2ebae;}
.datatable1 td {padding: 4px; border: 1px solid #d2ebae; border-right: 0; border-bottom: 0}
.notes {font-size: 0.9em} 
.shout {color: #8eb851; font-size: 1.3em; font-weight: bold}

.shout2 {color: #8eb851; font-size: 1.3em; font-weight: bold} 
.shout2 b {font-weight: bold}
.shout3 {color: #8eb851; font-size: 1.1em; font-weight: bold}
.submit {}
.reset {}
.quote {background: #d2ebae; padding: 12px; margin-bottom: 12px}
.quote2 {border: 1px solid #d2ebae; padding: 11px; margin-bottom: 12px}
.quote h2, .quote2 h2 {margin: 0; padding: 0}

.quote p, .quote2 p {margin: 5px 0 0 0; padding: 0}
.caption {} 
.custom1 {} 
.custom2 {} 
.border {border: 1px solid #6a94ba; padding: 4px} 
.noborder { }
.clear, .clearBoth {clear: both}
img {border: 0}
.hr {height: 10px; clear: both}
.hr hr {display: none}
hr {clear: both; background: white; color: white; border: 0}

.home_right {width: 168px; background:url(../images/home_right_back.gif) no-repeat; height: 193px; padding: 13px 15px 0 15px; line-height: 1.9em}

.testimonials1 {border: 1px solid #d2ebae; padding: 10px}


/*Template Elements*/

#container {width: 950px; margin: 0 auto; text-align: left; font-size: 1.1em; background:url(../images/container_back.gif) repeat-y }

#head {width: 865px; height: 104px; background:url(../images/head_back.gif) no-repeat; margin: 0 42px; }
#head a img {border: 0}
#sitelogo {clear: both; height: 104px; float: left; width: 400px}
#head_right {float: right; width: 336px; height: 68px; text-align: right; background:url(../images/head_right.gif) repeat-x; padding: 25px 0 0 0; font-size: 11px  }

#head_right a {font-weight: normal; color: black}
#head_right strong {color: #225f7e}
#myaccount {background:url(../images/myaccount_back.gif) no-repeat left; width: 117px; padding: 9px 0 0 50px; height: 37px; float: left; text-align: left}
#viewbasket {background:url(../images/viewbasket.gif) no-repeat left; width: 115px; padding: 9px 0 0 50px; height: 37px; float: left; text-align: left}
#head_right .header_logoff {margin-left: 9px;}


#menu {clear: both; height: 27px; width: 620px; background:url(../images/menu_back.gif) no-repeat; margin: 0 42px; padding: 0 0 0 245px  }
#menu ul {padding: 0; margin: 0; list-style-type: none; float: left; width: 455px; margin: 2px 0 0 0}
#menu li {float: left; }
#menu li a { padding: 0 8px; color: white; font-weight: normal; line-height: normal; background:url(../images/menu_right.gif) no-repeat right; text-transform: uppercase; }

#search {float: right; width: 149px; position: relative; height: 27px}
#search .search_box {background:url(../images/search_back.gif) no-repeat; width: 110px; margin: 0; position: absolute; top: 0px; left: 0px; font-size: 10px; color: black; padding: 3px 5px 4px 5px; border: 0; line-height: normal}
#search .search_button_header {position: absolute; top: 0px; left: 120px}

 
#main {width: 870px; clear: both; margin: 0 40px; margin-top: 7px}

#left {float: left; width: 170px;  }
.card_logos {}
#left h3, #right h3 {margin: 0; display: none}

#indexHomeBody #top_pic {width: 506px; height: 339px; display: block; border: 1px solid #d2ebae; margin: -5px 0 5px -10px }
#indexHomeBody #top_pic img {margin: 3px}

#center_content {float: left; width: 508px;}
#pagebody {width: 483px; margin: 5px 0 0 10px }

#right {float: right; width: 182px;}
#bottom {height: 20px; background:url(../images/bottom_back.gif) no-repeat; width: 950px}

#end {padding: 12px 0 0 0; width: 950px; color: black; font-size: 1.1em; margin: 0 auto}
#end a {color: black; font-weight: normal}
.copyright {float: left; }
.sitewizard_end {float: right}

#shippingInfoHeading {display: none}
h1#new_conditions {display: block}

#currencies {background:url(../images/currencies_back.gif) no-repeat #8eb851; width: 150px; height: 28px; padding: 34px 0 0 10px}
#currencies_bottom, #subscribe_bottom, #specials_bottom, #recentlyviewed_bottom, #ezpages_bottom {height: 0; line-height: 0; font-size: 0}
#currencies select {font-size: 0.9em; width: 103px}

#subscribe {background:url(../images/newsletter_back.gif) no-repeat #225f7e; padding: 37px 0 0 13px; color: white; position: relative; height: 136px; width: 169px; margin: 0 0 7px 0; font-size: 12px }
#subscribe p {margin: 0; line-height: 18px; }
.side_subscribe {background:url(../images/subscribeinput_back.gif) no-repeat; margin: 0; font-size: 11px; padding: 3px 12px 10px 8px; width: 141px;  border: 0; position: absolute; top: 79px; left: 13px }
.input_subscribe {position: absolute; top: 109px; left: 103px }

#specials {background:url(../images/special_back.gif) no-repeat; width: 162px; height: 166px; padding: 37px 10px 0 10px; text-align: center; margin-bottom: 8px}
.special_side {margin: 10px 0 15px 0; color: #225f7e; font-weight: bold}
.special_side a {color: black; font-weight: normal}
#specials .normalprice, #specials .productPriceDiscount {display: none }
.special_side {margin: 10px 0 15px 0; color: #225f7e; font-weight: bold}
.special_side a {color: black; font-weight: normal}
#specials .normalprice, #specials .productPriceDiscount {display: none }


#featured {background:url(../images/featured_back.gif) no-repeat bottom; width: 162px; padding: 0px 10px 20px 10px; text-align: center;}
#featured h3 {text-indent: -9999px; height: 37px; width: 182px; display: block; background:url(../images/featured_top.gif) no-repeat; margin: 0 -10px}
.featured_side {margin: 10px 0 15px 0; color: #225f7e; font-weight: bold}
.featured_side a {color: black; font-weight: normal}
#featured .normalprice, #featured .productPriceDiscount {display: none }

#recentlyviewed {background:url(../images/recently_viewed.gif) no-repeat bottom; width: 144px; padding: 0px 8px 30px 8px; margin-bottom: 7px }
.recently_left {width: 35px; padding: 3px 5px 3px 0}
.recent-products-name a {color: black; font-weight: normal}
.rent-products-price {display: none}
#recentlyviewed h3 {text-indent: -9999px; height: 29px; width: 160px; display: block; background:url(../images/recentlyviewed_top.gif) no-repeat; margin: 0 -8px}

/*Special boxes*/
.special_box {clear: both; text-align: center; }

.special_box h5 {text-align: left}
#reviewsDefault { margin-bottom: 15px; clear: both}
#shoppingCartDefault .special_box {border: 0}

/*Pagination on pages*/
.listing_numbers {float: left; padding: 3px; margin: 6px 0 }
.listing_links {float: right; padding: 2px; color: #000000; font-weight: bold; margin: 6px 0; height: 20px}
.listing_links a {padding: 2px; margin: 2px; border: 1px solid #d2ebae; color: #000000; font-weight: bold; font-size: 0.9em }
.listing_links a:hover {border: 1px solid #d2ebae; background: #d2ebae; text-decoration: none}

/*Track where you are on the website */
#navBreadCrumb {margin-bottom: 15px; color: black; font-size: 0.9em; border-bottom: 1px solid #d2ebae; padding-bottom: 6px}
#navBreadCrumb img {margin: -6px 2px 0 5px}
#navBreadCrumb a {color: black; font-weight: normal}

/*Layout of products */
.column_display {float: left; text-align: center; width: 161px }

.item {width: 140px; height: 168px; margin: 0 auto; background:url(../images/item_back.gif) no-repeat; padding: 6px 6px 0 6px }

.item a.item_product_image {height: 106px; display: block}
.item_name {text-align: center; color: white; height: 31px; margin-top: 10px}
.item_name a {color: black; font-weight:normal; }

.item_price {color: #225f7e; text-align: center; font-weight: bold; font-size: 1.1em }
.item_price .normalprice, .item_price .productPriceDiscount {display: none}
.item_price b, .item_price br {display: none}




/*Product Listings (if set to 1 in a row) */
.tabTable {border: 1px solid #d2ebae; }
.tabTable .item_image {width: 100px; padding: 5px; text-align: center}
.tabTable .productListing-data {padding: 5px 10px; }
.tabTable .item_right {padding: 5px 15px; text-align: center; color: #225f7e; font-weight: bold; width: 140px; border-left: 1px solid #d2ebae;}
.tabTable .tabTable_space {}
span.normalprice {text-decoration: line-through; }

/*Landing Page*/
.categoryListBoxContents {float: left; text-align: center; margin: 0 auto; width: 161px }
a.category_row_image { display: block; width: 152px; height: 106px; margin: 0 auto; background:url(../images/category_row.gif) no-repeat; padding: 6px 0px; text-align: center }
a.category_row {display: block; color: black; width: 132px; padding: 8px 10px 0 10px; font-weight: normal; background:url(../images/category_row.gif) no-repeat bottom; text-align: center; height: 27px; margin: 0 auto }
a:hover.category_row {}

/*Product Info */

#productinfoBody #right {display: none}
#productinfoBody #pagebody {width: 653px}
#productinfoBody h2, #productinfoBody h5 {background:url(../images/product_h2back.gif) no-repeat; width: 631px}

#productGeneral {}
#productGeneral br.clearBoth {display: none}
#productGeneral .column_display {}


#productGeneral .shout2 {margin-top: 8px}
#product_info_review, #product_info_review2 {font-size: 0.9em; color: #000000; text-align: left; font-weight: bold}
.review_name, .review_date {color: #000000; }
#product_info_review a, #product_info_review2 a {color: #000000; text-decoration: underline}
#reviewsDefault p#product_info_review, #reviewsDefault p#product_info_review2 {text-align:center; border-bottom: 1px solid #d2ebae; padding: 0 0 15px 0}
.general_review {border-bottom: 1px solid #d2ebae; padding-bottom: 10px}


#product_right {float: right; width: 261px; margin: 4px 0 10px 15px; height: 249px; text-align: center; position: relative; padding: 14px 0 0 0; background:url(../images/product_right.gif) no-repeat; }

#product_right img, #zoom1 {margin: 0 auto; text-align: center}
#zoom1 {width: 225px}
#full_size_image {display: none}
.zoom_pic {}



/*Additional Images 2-4 */
#additional_images {float: right; width: 91px; margin: 4px 0 0 10px; text-align: center; height: 243px; padding: 10px 0; background:url(../images/additional_back.gif) no-repeat}
#additional_images img {margin-bottom: 7px; }

/*Additional Images 4+ */
#arrow {float: right; width: 91px; margin: 4px 0 0 10px; text-align: center; height: 263px; padding: 0; background:url(../images/additional_back.gif) no-repeat}
#scroll_bar_outer {position: relative; overflow:hidden; width: 91px; height: 205px; text-align: center; margin: 7px 0 }
#scroll_bar {width: 91px; text-align: center; }
#scroll_bar img {margin-bottom: 7px}



/*Options */
#productAttributes {clear: both; padding: 10px; border: 1px solid #d2ebae; margin-top: 10px; }
#productAttributes select {font-size: 0.9em}
#productAttributes h3 {margin: 0 0 10px 0; font-size: 1.2em; font-weight: bold; color: #225f7e}
.wrapperAttribsOptions {margin-bottom: 7px; width: 600px; padding: 0; clear: both}
.wrapperAttribsOptions h4 {display: inline; float: left; width: 165px; font-size: 1em; padding-right: 10px; margin: 0}
.wrapperAttribsOptions h4 span {font-size: 0.9em; font-weight: normal; display: block}
#productAttributes textarea {width: 150px}

.attribImg_four, .attribImg_two, .attribImg_three {float:left; width: 95px; text-align: left; margin-bottom: 5px}
.attribImg_four br {display: none}
.attribImg_four label br {display: block}



.wrapperAttribsOptions select {width: 150px}

#productAttributes .clear_attributes {clear: both; }

#id_notify_me_when_back_in_stock_replace {display: none}


/*Stock Control with Options */
#stock {padding: 10px; border: 1px solid #d2ebae; margin: 10px 0; border-right: 0; font-weight: bold}
#stock_left {float: left}
#stock_level {float: right}


#cartAdd {clear: both; background:url(../images/cartadd_back.gif) no-repeat right #b2d480; height: 37px; margin-top: 8px; position: relative; }
.cart_left {display: none}
.cart_quantity {position: absolute; height: 19px; padding: 2px 3px 0 3px; background: white; width: 30px; text-align: center; color: black; border: 0; top: 7px; left: 314px;}
.button_add_cart, .button_sold_out, .cart_add_right a {position: absolute; top: 7px; left: 526px; }
#navig_wishlist a {position: absolute; top: 7px; left: 10px; }
.cart_add_right a {font-size: 1.1em}

.bottom_nav {clear: both; position: relative; width: 483px; height: 40px}
.navig_counter {display: none}
.navig_count {display: none}
#productDateAdded {}
#navig_previous {position: absolute; top: 9px; left: 0px;}
#navig_return {position: absolute; top: 9px; left: 20px;}
#navig_next {position: absolute; top: 9px; left: 40px;}
#navig_friend {position: absolute; top: 7px; left: 536px;}
#navig_review {position: absolute; top: 7px; left: 401px;}

/*Login in page*/

.form_input_field, #disc-ot_coupon, #paypaldp input, #captcha, #wishlist_email .input_right input, #wishlist_email .input_right textarea {width: 210px; margin: 4px 3px 4px 0; border: 1px solid #d2ebae; padding: 4px; }
.alert {font-size: 0.9em}

#disc-ot_coupon {position: relative; top: -4px}

#paypaldp select {margin: 0px 6px 6px 0; border: 1px solid #000000; padding: 4px 7px; color: black }

#notes {width: 250px; margin: 0px 6px 6px 0; border: 1px solid #000000; padding: 4px 7px; height: 100px}
#country {font-size: 0.9em}

#alert {font-weight: bold; color: #225f7e}

/*Shopping Cart*/
#shopping_cart_table, .wishlist_compact {border-right: 1px solid #d2ebae}
td.cartQuantity {width: 80px; }
td.cartQuantity input {width: 50px}
.cartProductDisplay {}
.cartUnitDisplay {}
.cartTotalDisplay {}
.cartRemoveItemDisplay a, .cartRemoveItemDisplay br, td.cartQuantity br, .cartProductDisplay br {display: none}

.cartQuantity {}
#shopping_cart_table td, .wishlist_compact td {padding: 4px; border: 1px solid #d2ebae; border-right: 0; border-top: 0; text-align: left}
#shopping_cart_table ul {margin: 0; padding: 0 auto; list-style: none}
#shopping_cart_table th, .wishlist_compact th {background: #8eb851; padding: 4px; color: white; font-weight: bold; text-align: left; }
#shopping_cart_table .normalprice, #shopping_cart_table .productPriceDiscount {display: none}

.cartImage {float: left; margin-right: 15px;}

/*Shopping Cart Step 2 0f 3*/
.ccinfo label {width: 150px; float: left;}
.ccinfo {padding-left: 20px}
.ccinfo input {margin: 4px 3px 4px 0}



/*warnings, errors, messages*/

.messageStackError, .messageStackSuccess {border: 1px solid #d2ebae; font-weight: bold; padding: 4px; margin-bottom: 8px}




.shipping_estimator a img {margin-right: 16px}
.shipping_estimator, .continue_shopping {float: left}
#shippingbutton img {margin-left: 10px}
.shopping_checkout {float: right}


#loginDefault a {color: #225f7e; font-weight: normal}

.login_button {text-align: center}


.productTaxIncTag, .productTaxExTag, .productTaxPrice, .productTaxExPrice {font-size: 80%; color: #808080; }


/*Long forms, style*/
.form_style label {width: 140px; display: block; font-weight: bold; padding: 7px 10px 0 0 }
.form_style label.checkboxLabel {width: 220px}

.input_left1, .input_left, .inputLabel {clear: both; float: left; padding: 5px 0 5px 0px}
.input_left3 {clear: both; float: left; padding: 8px 0 0 0px}
label.input_left2 {clear: both; float: left; padding: 3px 0 0 0px; width: 80px}
.input_right1 {float: left; width: 260px; padding-bottom: 3px}
.input_right {float: left; width: 260px; padding-bottom: 3px}

/*Address*/
.address_block {width: 200px; float: left; margin: 0 15px 15px 5px; height: 180px}
.address_block label {font-weight: bold; color: #225f7e; }
.address_block h3 {margin: 0; padding: 0}

#productQuantityDiscounts {border: 1px solid #d2ebae; padding: 5px}
#productQuantityDiscounts table { width: 100%; padding: 4px 0; border: 0}
#productQuantityDiscounts td {border:0; background: white}
#productQuantityDiscounts th {color: black; background: white}
#cc, #paypaldp, #protx_direct {display: none}
#checkoutPayment label {clear: both; width: 180px; font-weight: bold; }

#cc, #paypaldp, #protx_direct {border: 1px solid #d2ebae; padding: 10px; margin-left: 20px}
#cc label, #paypaldp label, #protx_direct label {clear: both; float: left}
#protx_direct input, #protx_direct select {margin-bottom: 3px}

#checkoutShipto, #checkoutBillto, #address_book {float: left; margin: 0 15px 15px 0; width: 150px; }
#checkoutShipto p, #checkoutBillto p {margin-top: 0}



/*My account*/
#prevOrders, #myAccountOrdersStatus, #downloads, #upcomingProductsTable {font-size: 0.9em; border-right: 1px solid #d2ebae}
#prevOrders td, #myAccountOrdersStatus td, #downloads td, #upcomingProductsTable td {padding: 4px; border: 1px solid #d2ebae; border-right: 0; border-top: 0; }
#prevOrders th, #myAccountOrdersStatus th, #downloads th, #upcomingProductsTable th {background: #225f7e; padding: 4px; color: white; font-weight: bold; }



/*Checkout Confirmation */
.checkout_3_left, .checkout_3_right, .your_total, #checkout_1, #checkout_2 {padding: 10px; width: 461px; border: 1px solid #d2ebae}
.checkout_shipping_radio {width: 20px}
#checkout_1, #checkout_2 { width: 461px}
.your_total h3, #checkout_1 h3, #checkout_2 h3 {margin-top: 0; padding: 0 10px 5px 0; width: 200px; display: inline; border-bottom: 1px solid #d2ebae; }
#checkout_1 textarea, #checkout_2 textarea {width: 451px; margin-top: 14px}
.checkout_3_left, .checkout_3_right {border:1px solid #d2ebae}


/*Wishlist */
#wishlist_table {border: 1px solid #d2ebae;}
#wishlist_table td {width: 50%}
.wishlist_right {padding: 10px; font-weight: bold; color: #225f7e; border-left: 1px solid #d2ebae}
#wish_list_fieldset {margin-bottom: 10px}


/* This will hold any extra style sheets  */

.MagicZoomBigImageCont {padding: 0; }
#zoom1-big {position: absolute; top: -1px; left: -252px; height: 252px; width: 252px; display: block; overflow: hidden; }
.MagicZoomBigImageCont img {border: 0}

.MagicZoomMain {text-align: center !important; width: 92px;}

.MagicZoomMain div {padding: 0px !important;}

/* CSS class for small looking glass square under mouse */
.MagicZoomPup {border: 1px solid #808080; background: #ffffff;}

/* CSS style for loading animation box */
.MagicZoomLoading {text-align: center; background: #ffffff; color: #808080; border: 1px solid #6a94ba; opacity: 0.8; padding: 3px 3px 3px 3px !important; display: none; /* do not edit this line please */}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {padding-top:	3px !important;}



#specials, #featured {}
#pscroller1, #pscroller2, #pscroller3 {height: 120px; text-align: center; top: 0; left: 0; position: relative }

.innerDiv {left: 0}

#rating-1, #rating-2, #rating-3, #rating-4, #rating-5 {margin-bottom: 6px}

#giftmessage_s {font-weight: bold; padding-bottom: 20px; color: #225f7e}


/*Affiliate*/

#affiliate_hover_left, .affiliate_hover_left {width: 48%; float: left}
#affiliate_hover_left textarea, #affiliate_hover_right textarea, .affiliate_hover_right textarea {width: 100%}
.affiliate_hover_right textarea {border: 1px solid #6a94ba}
#affiliate_hover_right, .affiliate_hover_right {width: 48%; float: right}

#aff_holder {margin-top: 10px}
#aff_holder h4 {font-size: 1.3em; padding-bottom:6px; border-bottom: 1px solid #6a94ba}

#tabs { position:relative; z-index:1; }
.tab-this{margin:2px 0 7px 0px; padding: 15px; border: 1px solid #6a94ba; }
/* Link to the visible tab */
.tab-header {font-size: 1.1em; color: #000000; font-weight: bold}

.tablink-on, .tablink-off{position:relative; display: inline; cursor:pointer; width: 398px; font-weight: bold; padding-right:30px; margin: 0 7px 0 0; color: #000000;}
/* Links to tabs which aren't visible */
.tablink-off {background:  #6a94ba; border: 1px solid #6a94ba; padding:3px 7px 2px 7px; } 
.tablink-off:hover {text-decoration:underline;}	
.tablink-on {background: #ffffff; border: 1px solid #6a94ba; border-bottom: 1px solid #ffffff; padding:3px 7px 2px 7px}
.tablink-on:hover {text-decoration:underline;}	
/* These styles don't need editing */
.show-this{display:block; width:668px; }
.hide-this{display:none; width:668px;}