/* Main CSS Stylesheet */
.messageStackWarning {display: none}

/*Normal style we use*/
form {margin: 0; padding: 0}
body {color:#000; font-family:tahoma, arial, sans-serif; font-size: 70%; background: #ffff66}
table {font-size: 1em} 
a {color: #0032f5; text-decoration: none; font-weight: bold; text-decoration: underline}
a:hover {text-decoration: underline; color: #ff1600}
p {margin:15px 0; line-height: 1.4em}
h1 {color: #0032f5; font-size: 2.2em; font-weight: normal; margin-top: 0; margin-bottom: 5px}
h2, h5 {font-size: 1.4em; color: #00d433; clear: both}
h3 {font-size: 1.1em; color: #00d433; }
h4 {color: #ff1600; font-size: 1em; clear: both}
h5 {border-bottom: 2px solid #fae65d}

img.clsleft {margin: 0 15px 15px 0}
img.clsmiddle {margin: 0 15px 15px 15px}
img.clsright {margin: 0 0 15px 15px}
img.clsborderleft {margin: 0 15px 15px 0; border: 1px solid #ddc317} 
img.clsbordermiddle {margin: 0 15px 15px 15px; border: 1px solid #ddc317}
img.clsborderright {margin: 0 0 15px 15px; border: 1px solid #ddc317}
.datatable {}
.datatable th {background: #d90e75; color: #ffffff}
.datatable td {padding-bottom: 6px; font-weight: bold; border: 2px solid #fae65d; }
.notes {font-size: 0.9em} 
.shout {color: #ff1600; font-size: 1.3em; font-weight: bold}
.shout span {font-size: 0.8em} 
.shout2 {color: #ff1600; font-size: 1.3em; font-weight: bold} 
.submit {}
.reset {}
.quote {background: #d5eafe; padding: 12px; margin-bottom: 12px}
.quote2 {border: 1px solid #d5eafe; padding: 11px; margin-bottom: 12px}
.quote h2, .quote2 h2 {margin: 0; padding: 0}
.quote a, .quote2 a {color:#373b40; text-decoration: underline}
.quote p, .quote2 p {margin: 5px 0 0 0; padding: 0}
.caption {} 
.custom1 {} 
.custom2 {} 
.border {border: 1px solid #D5EAFE; padding: 4px} 
.noborder { }
.clear, .clearBoth {clear: both}
img {border: 0}
.hr {height: 15px; clear: both}

hr {clear: both; background: #ffff66; color: #ffff66; border: 0}

#index_h1 {display: none}


/*Template Elements*/

#container {width: 950px; margin: 0 auto; text-align: left; font-size: 1.2em}
#head {width: 950px; height: 132px}
#head a img {border: 0}
#sitelogo {clear: both; height: 135px; float: left; margin-right: 50px}
#head_contact {float: left; width: 248px; padding-top: 33px }

#menu {background:url(../images/menu_back.gif) no-repeat; width: 935px; height: 35px; padding-left: 15px}
#menu ul {list-style-type:none; margin:0pt; padding:9px 0 0 0px; float: left }
#menu li {display:inline; }
#menu li a { padding:1px 10px 1px 10px; border-right: 1px solid #d90e75; color: black; font-weight: bold; text-decoration:none; }
#menu a:hover {color:#d90e75; text-decoration:none; }


#search {float: right; width: 182px; position: relative; top: 0; left: 0}
#search .search_box {background:url(../images/search_input.gif) no-repeat #ffffff; height: 19px; width: 119px; border: 0; margin: 0; position: absolute; top: 6px; left: 0px; font-size: 0.9em; color: #0032f5; padding: 4px 7px 0 7px}
#search .search_button_header {position: absolute; top: 6px; left: 137px}



#main_top {background:url(../images/hbc_back.gif) no-repeat; height: 28px; text-transform: uppercase; padding: 4px 0 0 29px; width: 921px}
#main_top a {font-size: 0.9em; color: black; margin-top: -5px}
#main {width: 940px; background:url(../images/main_back.gif) repeat-y ; clear: both; padding: 0 5px}
#left {float: left; width: 210px; padding: 0}
#left h3 {margin: 0; color: black; border-bottom: 2px solid #f7dae9; margin-bottom: 13px}
.side_box {margin-bottom: 14px}
.logos {margin-left: 14px}

#pagebody {float: left; padding: 0; padding: 0 0 10px 30px; width: 690px; margin-top: -10px}




#main_bottom {width: 920px; background:url(../images/main_bottom.gif) no-repeat; height: 14px; clear: both}

#bottom {background:url(../images/bottom_back.gif) no-repeat; width: 900px; color: black; padding: 25px 25px 0 25px; font-weight: bold; height: 32px; }
#bottom .bottom_left {float: left}
#bottom .bottom_right {float: right }
#bottom b {color: #d90e75}

#end {margin: 15px 0; color: #ff7800; font-size: 1.1em}
#end a {color: #ff7800; font-weight: normal}

.bold_color {color: #0032f5}
#shippingInfoHeading {display: none}
#conditions h1 {display: none}
h1#new_conditions {display: block}





#categoriescss, #categories {width: 180px; padding-left: 14px }

#categoriescss_bottom, #categories_bottom {clear: both}



#subscribe {width: 180px; padding-left: 14px; position: relative; top: 0; left: 0; height: 120px }

#subscribe p {margin: 0; }
#subscribe .side_subscribe {width: 121px; padding: 2px 0px 0 3px; font-size: 0.9em; height: 17px; border: 2px solid #f7dae9; border-right: 0; position: absolute; top: 90px; left: 14px }
#subscribe .input_subscribe {position: absolute; top: 90px; left: 140px }



#currencies, #wishlist {width: 180px; padding-left: 14px ; text-align: center; margin-bottom: 9px}

#currencies select {width: 105px; font-size: 0.9em}


#affiliates {width: 180px; padding-left: 14px }



/*Special boxes*/
.special_box {clear: both; text-align: center}
.special_box h5 {text-align: left}
/*Pagination on pages*/
.listing_numbers {float: left; padding: 3px; margin: 6px 0 }
.listing_links {float: right; padding: 2px; color: #0032f5; font-weight: bold; margin: 6px 0; height: 20px}
.listing_links a {padding: 2px; margin: 2px; border: 2px solid #fae65d; color: #0032f5; font-weight: bold; font-size: 0.9em }
.listing_links a:hover {border: 2px solid #fae65d; background: #fae65d; text-decoration: none}

/*Track where you are on the website */
#navBreadCrumb {margin-bottom: 20px; color: #ff7800; }
#navBreadCrumb a {color: #ff7800; font-weight: normal}

/*Layout of products */
.column_display {float: left; text-align: center; }
.item {margin: 0 auto; height: 175px; background:url(../images/item_back.gif) no-repeat; width: 193px; padding: 10px 14px 0 7px }
.item a img {border: 0}
.item a {height: 80px; display: block;}
.item_name {font-weight: bold; margin-top: 5px; font-size: 1em; }
.item_name a {height: auto; color: #ff1600}
.item_name {height: 35px}
.item_price {font-weight: bold; color: #0032f5; font-size: 0.9em}

.xsell_products .item {background:url(../images/item_back.gif) repeat-x bottom; height: 117px; margin: 5px auto;}
.xsell_products .item a {height: 65px; display: block}
.xsell_products .item_name a {height: auto; color: #00d433 }


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

/*Landing Page*/
.categoryListBoxContents {float: left; text-align: center; margin: 7px auto 0 auto}
a.category_row {display: block; width: 202px; padding: 12px 4px 0 4px; margin: 0px auto; background:url(../images/category_row.gif) no-repeat; height: 41px; color: #ff1600}
a:hover.category_row {color: #00d433; text-decoration: none}

/*Product Info */
#productGeneral {}
#product_info_review, #product_info_review2 {font-size: 0.9em; color: #0032f5; text-align: left; font-weight: bold}
.review_name, .review_date {color: #0032f5; }
#product_info_review a, #product_info_review2 a {color: #0032f5; text-decoration: underline}
#reviewsDefault p#product_info_review, #reviewsDefault p#product_info_review2 {text-align:center; border-bottom: 2px solid #fae65d; padding: 0 0 15px 0}
.general_review {border-bottom: 2px solid #fae65d; padding-bottom: 10px}


#product_right {float: right; background:url(../images/product_right.gif) no-repeat; width: 267px; margin: 15px 0 10px 20px; height: 282px; text-align: center; position: relative; padding: 20px 7px 0 0}
#product_right img, #zoom1 {margin: 0 auto; text-align: center}
#zoom1 {margin: 0 auto; width: 220px; text-align: center}
#full_size_image {display: none}



/*Additional Images 2-4 */
#additional_images {float: right; width: 73px; margin: 15px 0 0 10px; text-align: center; height: 282px; padding: 10px 7px 10px 0; background:url(../images/additional_images_back.gif) no-repeat}
#additional_images img {margin-bottom: 7px}
#additional_images a, #scroll_bar a {width: 69px; display: block}

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



/*Options */
#productAttributes {padding: 10px; border: 2px solid #fae65d; margin-top: 10px}
#productAttributes select {font-size: 0.9em}
#productAttributes h3 {margin: 0 0 10px 0; font-size: 1.4em; font-weight: bold}
.wrapperAttribsOptions {margin-bottom: 7px; float: none; padding: 0;  }
.wrapperAttribsOptions h4 {margin: 0 0 12px 0; color: #0032f5; font-size: 1.2em; border-top: 2px solid #fae65d; padding-top: 8px}
.attribImg_four {float:left; width: 65px; text-align: center; margin-bottom: 5px}
.wrapperAttribsOptions select {width: 100px}

#productAttributes .clear_attributes {clear: both; }

/*Stock Control with Options */
#stock {}
#stock_left {}
#stock_level {}

#cartAdd {clear: both; background:url(../images/cartAdd_back.gif) no-repeat #00d433; padding: 5px; height: 39px; margin-top: 8px; width: 679px}
.cart_left {display: none}
.cart_add_right {width: 540px; position: relative; top: 0; left: 0}
.cart_quantity {position: absolute; top: 5px; left: 460px; height: 18px; padding: 4px 4px 0 4px; background:url(../images/cart_quantity_back.gif) no-repeat white; width: 52px; text-align: center; color: #00d433; border: 0}
.button_add_cart {position: absolute; top: 5px; left: 530px; }
#navig_wishlist {position: absolute; top: 5px; left: 7px; }

.bottom_nav {padding-right: 7px}
.navig_counter {display: none}
.navig_count {display: none}
#productDateAdded {}
#navig_previous {float: left; margin: 8px 2px 0 0}
#navig_return {float: left; margin: 8px 2px 0 0}
#navig_next {float: left; margin: 8px 0 0 0}
#navig_friend {float: right; margin: 8px 0 0 0}
#navig_review {float: right; margin: 8px 0 0 0}





/*Login in page*/

#login-email-address, #login-password, #company, #firstname, #lastname, #street-address, #suburb, #city, #state, #postcode, #telephone, #email-address, #password-new, #password-confirm, #contactname, #phonenumber, #subject, #enquiry, #captcha, #from-name, #from-email-address, #to-name, #to-email-address, #email-message, #country, #fax, #password-current, #lookup-gv-redeem, #contact_name, #contact_phonenumber, #contact_email_address, #contact_subject, #contact_enquiry, #review-text, #wish_list_edit .l, #webaddress, #paymet_cheque, #paymet_paypal, #paymet_bank_account_name, #paymet_bank_name, #paymet_bank_address_1, #paymet_bank_address_2, #paymet_bank_account_num, #paymet_bank_code, #paymet_bank_iban, .form_input_field, #review-cust-name, #disc-ot_coupon, #disc-ot_gv, #wishlist_email .input_right input,  #wishlist_email .input_right textarea {width: 280px; margin: 4px 3px 4px 0; border: 2px solid #fae65d; padding-left: 3px; }
#notes {width: 280px; margin: 4px 3px 4px 0; border: 2px solid #fae65d; padding-left: 3px; height: 100px}
#country {font-size: 0.9em}
.datatable #contact_name, .datatable #contact_phonenumber, .datatable #contact_email_address, .datatable #contact_subject, .datatable #contact_enquiry, .datatable #captcha {width: 200px; border: 1px solid #ddc317; border-left: 3px double #d90e75; padding-left: 7px}
.datatable .input_left1 {padding: 0; width: 122px}
#alert {font-weight: bold; color: #0032f5}

/*Shopping Cart*/
#shopping_cart_table, .wishlist_compact {border-right: 2px solid #fae65d}
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: 2px solid #fae65d; 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: #d90e75; padding: 4px; color: white; font-weight: bold; text-align: left }
td#shopping_sub_left {background: #ffffff}
td#shopping_sub_total {border: 0; border-left: 4px solid #0032f5}
#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 {}



#navig_review a img, #navig_previous a img, #navig_return a img, #navig_next a img, .shipping_estimator a img, .shopping_checkout a img, .continue_shopping a img {border: 0; margin-right: 5px; }
#navig_friend {margin-right: 0px}
.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: #0032f5; font-weight: normal}

.login_button {text-align: center}


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


/*Long forms, style*/
.form_style label {width: 230px; display: block; font-weight: bold; }

.input_left1, .input_left, .inputLabel {clear: both; float: left; padding: 5px 0 0 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: 280px; padding-bottom: 3px}
.input_right {float: left; width: 300px; padding-bottom: 3px}

/*Address*/
.address_block {width: 200px; float: left; margin: 0 15px 15px 5px; padding: 10px; border: 2px solid #fae65d; height: 180px}
.address_block label {font-weight: bold; color: #0032f5; }
.address_block h3 {margin: 0; padding: 0}

#productQuantityDiscounts table {background: #D5EAFE; width: 550px; padding: 4px 0}
#cc, #paypaldp, #protx_direct {display: none}
#checkoutPayment label {clear: both; width: 180px; font-weight: bold; }

#cc, #paypaldp, #protx_direct {border: 1px solid #D5EAFE; 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; border: 2px solid #fae65d; padding: 10px; width: 200px; }



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

#contactUsNoticeContent input, #contactUsNoticeContent textarea {width: 220px}



/*Checkout Confirmation */
.your_total, #checkout_1, #checkout_2 {background: #fae65d; padding: 10px; width: 670px}
#checkout_1, #checkout_2 { width: 670px}
.your_total h3, #checkout_1 h3 {margin-top: 0; padding-top: 0}
#checkout_1 textarea, #checkout_2 textarea {width: 670px}
.checkout_3_left, .checkout_3_right {border:2px solid #fae65d; padding: 10px}


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


/* This will hold any extra style sheets  */

.MagicZoomBigImageCont {border: 1px solid #ddc317; 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 #D5EAFE; 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: #0032f5}


/*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 #D5EAFE}
#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 #ff1600; margin-top: 0}

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

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