/* Main CSS Stylesheet */

#conditions h1 {display: none}
#conditions h1#h1_display {display: block} 
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: #125d93; text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline}
p {margin:18px 0; line-height: 1.7em}
h1 {color: #f51900; font-size: 30px; font-weight: normal; margin: 5px 0 15px 0;  }
h2, h5 {font-size: 13px; color: white; clear: both; background:url(../images/h5_back.gif) no-repeat; height: 21px; padding: 6px 10px 0 30px; margin: 10px -5px; width: 460px; position: relative }
#productGeneral h5 {background:url(../images/h5_back2.gif) no-repeat; }

h3 {font-size: 1.1em; color: #125d93; }
h4 {color: #f51900; font-size: 1em; clear: both}
h6 {color: #828282; font-weight: normal; font-size: 1em}

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 #e1ecf3; padding: 3px} 
img.clsbordermiddle {margin: 0 15px 15px 15px; border: 1px solid #e1ecf3; padding: 3px}
img.clsborderright {margin: 0 3px 15px 15px; border: 1px solid #e1ecf3; padding: 3px}
.datatable {}
.datatable th {background: #f51900; color: #ffffff}
.datatable td {padding: 4px; font-weight: bold; border: 1px solid #e1ecf3; }
.datatable1 {border-bottom: 1px solid #e1ecf3; border-right: 1px solid #e1ecf3;}
.datatable1 td {padding: 4px; border: 1px solid #e1ecf3; border-right: 0; border-bottom: 0}
.notes {font-size: 0.9em} 
.shout {color: #f51900; font-size: 1.3em; font-weight: bold}

.shout2 {color: #125d93; font-size: 16px; font-weight: bold}
.shout3 {color: #125d93; font-size: 14px; font-weight: bold} 
.shout2 b {font-weight: bold}
.submit {}
.reset {}
.quote {border-left: 6px solid #125d93; padding-left: 12px; }
.quote strong, .quote b {color: #125d93}
.quote1 {background: #e1ecf3; padding: 11px; margin: 0}
.quote2 {border: 1px solid #e1ecf3; padding: 11px; margin: 0}
.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}

.postage {border-right: 1px solid #e1ecf3}
.postage td {border-bottom: 1px solid #e1ecf3; border-left: 1px solid #e1ecf3; padding: 4px; }
.postage th {background:url(../images/postage_right.gif) no-repeat right center #125d93; color: white; padding: 4px 18px 4px 4px}

#contact_table td {border-bottom: 1px solid #e1ecf3; padding: 4px}

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

#pagebody ul {margin: 20px 0; padding: 0; list-style: none;}
#pagebody ul li {list-style: none; background:url(../images/breadcrumb.gif) no-repeat 0px 6px; padding: 0px 0 4px 15px; margin-left: 15px; line-height: 1.7em}
#pagebody ol li {line-height: 1.7em; margin-bottom: 10px}
#pagebody ul li a {color: black; font-weight: normal}
.contact_details {background:#e1ecf3; margin-top: 10px; padding: 5px}
.contact_details a {color: black; font-weight: normal}

p.download {margin-left: 6px}
p.download span {color: #828282}
p.download a {color: black; font-weight: normal}
p.download img {margin-bottom: -2px}
p.download span a {text-decoration: underline; color: #828282}

.video_left {padding-right: 8px; border-right: 1px solid #e1ecf3}
.video_right {padding-left: 15px; }
.landing {background:url(../images/landing.gif) no-repeat;}
.landing a {line-height: normal; color: #125d93; margin: 0 0 3px 22px; display: inline-block;  }

.landing1 {background:url(../images/landing.gif) no-repeat;}
.landing1 a.landing1_link {line-height: normal; color: #125d93; margin: 0 0 3px 22px; display: inline-block;  }

#news {background:url(../images/news_back.gif) no-repeat; width: 385px; height: 27px; margin: 5px -5px; padding: 10px 15px 0 100px; color: #99bed6}
#news a {color: black; font-weight: normal}
#news span {color: #125d93; font-weight: bold}
#news p {margin: 0; padding: 0}
/*Template Elements*/

#container {width: 954px; margin: 0 auto; text-align: left; font-size: 1.1em; }

#head {width: 930px; height: 151px; background:url(../images/head_back.png) no-repeat; padding: 6px 15px 0 9px }
#head a img {border: 0}
#sitelogo {clear: both; height: 73px; float: left; width: 400px}
#sitelogo a img {float: left}
#head_right {float: right; width: 400px; height: 65px; padding: 8px 0 0 0; text-align: right }
#contact_head { width: 200px; float: left; margin: 5px 0 0 35px}
.contact_label {font-weight: bold; color: #126090; text-align: right; padding: 2px 10px 2px 0; }
.contact_text, .contact_text a {color: black; font-weight: normal}

#head_right ul {padding: 0 0 0 0; margin: 0; list-style-type: none; font-size: 0.9em; float: right}
#head_right li { display:inline; background:url(../images/hbc_right.gif) no-repeat right #d1e2ed; height: 19px; margin-left: 7px; float: left}
#head_right li a { padding:3px 10px 0 10px; color: black; background:url(../images/hbc_left.gif) no-repeat left; font-weight: normal; height: 16px; display: inline-block }
#head_right a:hover {}



#menu_items {float: right; width: 227px; padding: 25px 10px 0 0; text-align: center; }
#menu_items a {color: black; font-weight: bold}
#menu_items a.no_items {color: #125d93}

#menu {height: 30px; padding: 2px 0 0 10px; float: left; width: 680px; position:relative; z-index: 100}
#menu2 {height: 30px; padding: 3px 0 0 10px; float: left; width: 680px; position:relative; z-index: 90}

#search {float: left; width: 323px; position: relative; height: 35px}
#search .search_box {background:url(../images/search_back.gif) no-repeat; width: 145px; margin: 0; position: absolute; top: 12px; left: 165px; font-size: 0.9em; color: black; padding: 4px 10px 5px 10px; border: 0}
#search .search_button_header {position: absolute; top: 12px; left: 330px}

#main_top {width: 954px; height: 17px; background:url(../images/main_top.png) no-repeat; margin-top: 5px}
 
#main {width: 930px; clear: both; background:url(../images/main_back.png) repeat-y; padding: 0 15px 0 9px}

#left {float: left; width: 208px; margin-top: -6px; background:url(../images/left_back.gif) repeat-y }
.card_logos {margin: 16px 0 0 28px}
.left_bottom { }
#left h3, #right h3 {margin: 0; display: none}

#flash {display: none}
#indexHomeBody #top_pic {width: 712px; height: 132px; background:url(../images/top_pic.jpg) no-repeat; float: right; margin: -6px 0 0 0}
#indexHomeBody #flash {width: 712px; height: 42px; float: right; margin: 5px 0 7px 0; display: block}

#pagebody {float: left; width: 490px; margin-left: 21px; padding-bottom: 25px}

#right {float: right; width: 188px;}


#end {background:url(../images/bottom_back.png) repeat-x bottom; height: 43px; padding: 33px 22px 0 19px; width: 913px; color: white }
#end a {color: white; font-weight: normal}
.copyright {float: left; }
.sitewizard_end {float: right}

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

#categoriescss {background:url(../images/category_back.gif) no-repeat; padding: 33px 0px 0 2px; width: 206px; margin-bottom: 10px; }
#categoriescss_bottom {clear: both}

#featured {background:url(../images/featured_back.gif) no-repeat #d1e2ed; padding: 40px 3px 0 3px; width: 182px; margin-bottom: 10px; text-align: center; color: #f51900; font-weight: bold; font-size: 14px}
.featured_side {padding: 8px 5px; margin-bottom: 12px; border-bottom: 1px solid #e1ecf3}
#featured a {color: black; font-weight: normal; font-size: 12px}
#featured_bottom {width: 188px; background:url(../images/whatsnew_bottom.gif) no-repeat bottom; height: 16px; margin: 0 -3px; clear: both}

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

.special_box h5 {text-align: left}
#reviewsDefault {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: #125d93; font-weight: bold; margin: 6px 0; height: 20px}
.listing_links a {padding: 2px; margin: 2px; border: 1px solid #e1ecf3; color: #125d93; font-weight: bold; font-size: 0.9em }
.listing_links a:hover {border: 1px solid #e1ecf3; background: #e1ecf3; text-decoration: none}

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

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

.item {width: 133px; height: 169px; margin: 0 auto; background:url(../images/item_back.gif) no-repeat; padding: 11px 10px 0 10px }

.item a.item_product_image {height: 101px; display: block}
.item_name {text-align: center; color: black; height: 46px}
.item_name a {color: black; font-weight:normal; }

.item_price {color: #f51900; text-align: center; font-weight: bold; font-size: 1.3em }
.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 #e1ecf3; }
.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: #f51900; font-weight: bold; width: 140px; border-left: 1px solid #e1ecf3;}
.tabTable .tabTable_space {}
span.normalprice {text-decoration: line-through; }

/*Landing Page*/

a.category_row {display: block; color: black; width: 114px; padding: 6px 10px 0 29px; font-weight: normal; background:url(../images/category_row.gif) no-repeat; text-align: left; height: 40px; margin: 0 auto }
a:hover.category_row {}

/*Product Info */
#productGeneral {}

#productGeneral .column_display {}

#productDescription table {width: 310px; border: 1px solid #d1e2ed; padding: 10px;}
#productDescription table p {margin: 0 0 8px 0}
#productDescription table strong, #productDescription table b {color: #125d93}
.review_star {display: block}
#productGeneral .shout2 {margin-top: 8px}
#product_info_review, #product_info_review2 {font-size: 0.9em; color: black; text-align: left; font-weight: bold}
.review_name, .review_date, .review_name b {color: #828282; font-weight: normal }
#product_info_review a, #product_info_review2 a {color: black; text-decoration: underline}
#reviewsDefault p#product_info_review, #reviewsDefault p#product_info_review2 {text-align:center; border-bottom: 1px solid #e1ecf3; padding: 0 0 15px 0}
.general_review {border-bottom: 1px solid #e1ecf3; padding-bottom: 10px}


#product_images {float: right; width: 150px; margin: 4px 0 10px 15px; text-align: center;  }

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



/*Additional Images 2-4 */
#additional_images {width: 140px; margin: 4px 0 0 0; text-align: center; padding: 5px; border: 1px solid #d1e2ed}
#additional_images img { }

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



/*Options */
#productAttributes {padding: 10px; border: 1px solid #e1ecf3; margin-top: 10px; margin-right: 5px}
#productAttributes select {font-size: 0.9em}
#productAttributes h3 {margin: 0; font-size: 1.2em; font-weight: bold; display: inline; width: 200px; color: #f51900}
.wrapperAttribsOptions {margin-bottom: 7px; width: 220px; float: left; padding: 0;  }
.wrapperAttribsOptions h4 {margin: 4px 0 12px 0; color: #125d93; font-size: 1.2em; padding-top: 8px}
#productAttributes textarea {width: 170px}
.attribImg_four {float:left; width: 65px; text-align: center; margin-bottom: 5px}
.wrapperAttribsOptions select {width: 100px}

#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 #e1ecf3; 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; height: 38px; margin-top: 8px; position: relative; width: 500px; margin: 0 -5px}
.cart_left {display: none}
.cart_quantity {position: absolute; height: 21px; padding: 2px 3px 0 3px; background:url(../images/cart_quantity.gif) no-repeat; width: 40px; text-align: center; color: black; border: 0; top: 7px; left: 334px;}
.button_add_cart, .button_sold_out {position: absolute; top: 7px; left: 384px; }
#navig_wishlist {position: absolute; top: 7px; left: 10px; }

.bottom_nav {clear: both; background:url(../images/cartadd_back.gif) no-repeat bottom; height: 30px; position: relative; width: 500px; margin: 0 -5px}
.navig_counter {display: none}
.navig_count {display: none}
#productDateAdded {}
#navig_previous {position: absolute; top: 5px; left: 12px;}
#navig_return {position: absolute; top: 5px; left: 35px;}
#navig_next {position: absolute; top: 5px; left: 58px;}
#navig_friend {position: absolute; top: 3px; left: 394px;}
#navig_review {position: absolute; top: 3px; left: 284px;}

/*Login in page*/

.form_input_field, #disc-ot_coupon, #paypaldp input, #captcha, #wishlist_email .input_right input, #wishlist_email .input_right textarea, #unsubscribe_field {width: 210px; margin: 4px 3px 4px 0; border: 1px solid #c2d8ec; 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: #f51900}

/*Shopping Cart*/
#shopping_cart_table, .wishlist_compact {border-right: 1px solid #e1ecf3}
td.cartQuantity {width: 80px; }
#shopping_cart_table a {color: black; font-weight: normal}
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 #e1ecf3; 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:url(../images/postage_right.gif) no-repeat right center #125d93; padding: 4px 18px 4px 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 #e1ecf3; font-weight: bold; padding: 4px 4px 8px 4px; margin-bottom: 8px}
.messageStackError img, .messageStackSuccess img {margin: 0 8px -4px 0}




.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: #f51900; font-weight: normal}

.login_button {text-align: center}


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


/*Long forms, style*/
.form_style label {width: 130px; 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}
.input_right4 {float: left; width: 340px; padding-bottom: 3px}


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

#productQuantityDiscounts {border: 1px solid #e1ecf3; 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 #e1ecf3; 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 #e1ecf3}
#prevOrders td, #myAccountOrdersStatus td, #downloads td, #upcomingProductsTable td {padding: 4px; border: 1px solid #e1ecf3; border-right: 0; border-top: 0; }
#prevOrders th, #myAccountOrdersStatus th, #downloads th, #upcomingProductsTable th {background: #f51900; padding: 4px; color: white; font-weight: bold; }



/*Checkout Confirmation */
.checkout_3_left, .checkout_3_right, .your_total, #checkout_1, #checkout_2 {padding: 10px; width: 468px; border: 1px solid #c2d8ec}
.checkout_shipping_radio {width: 20px}
#checkout_1, #checkout_2 { width: 468px}
.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 #c2d8ec; }
#checkout_1 textarea, #checkout_2 textarea {width: 458px; margin-top: 14px}
.checkout_3_left, .checkout_3_right {border:1px solid #c2d8ec}


/*Wishlist */
#wishlist_table {border: 1px solid #e1ecf3;}
#wishlist_table td {width: 50%}
.wishlist_right {padding: 10px; font-weight: bold; color: #f51900; border-left: 1px solid #e1ecf3}
#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: 105px; 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: #f51900}


/*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: #125d93; 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: #125d93;}
/* 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;}