/* Main CSS Stylesheet */

/*Normal style we use*/
form {margin: 0; padding: 0}
body {color:#58595a; font-family:tahoma, arial, sans-serif; font-size: 70%;}
table {font-size: 1em} 
a {color: #d8168a; text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline}
p {margin:15px 0; line-height: 1.4em}
h1 {color: #4db749; margin-left: 3px; font-size: 24px; margin-top: 0}
h2 {font-size: 1.4em; color: #00a3e2}
h3 {font-size: 1.4em; color: #d8168a; font-weight: normal}
h4 {color: #00a3e2; font-size: 1em; }
h5 {color: #00a3e2; margin-left: 3px; font-size: 15px}
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 #b0dae9} 
img.clsbordermiddle {margin: 0 15px 15px 15px; border: 1px solid #b0dae9}
img.clsborderright {margin: 0 0 15px 15px; border: 1px solid #b0dae9}
.datatable {}
.datatable th {}
.datatable td {padding-bottom: 6px; font-weight: bold}
.notes {font-size: 0.9em} 
.shout {color: #d8168a; font-size: 1.3em; font-weight: bold}
.shout span {font-size: 0.8em} 
.shout2 {color: #00a3e2; font-size: 1.2em; font-size: 1.3em; font-weight: bold} 
.shout2 .starting_price {display: none}
.submit {}
.reset {}
.quote {}
.caption {} 
.custom1 {} 
.custom2 {} 
.border {} 
.noborder { }
.clear, .clearBoth {clear: both}
img {border: 0}
.hr {height: 1px; clear: both}
hr {clear: both; background: #ffffff; color: #ffffff; border: 0}

/*----Home----*/
#index_h1 {display: none}
.home_bold {color: #00a3e2}
.home_right img {margin-bottom: 5px}

#contact_details {background:url(../images/contact_details_back.jpg) no-repeat bottom right #d8168a; border: 2px solid #ed34a3; padding: 5px 10px; color: #ffffff}
#contact_details h3 {color: #000}

/*----Template Element----*/
#container {width: 933px; margin: 0 auto; text-align: left; font-size: 1.1em}
#head {height: 148px; width: 933px}
#sitelogo {float: left; width: 300px}
#head_right {float: right}
#hbc {background: #75bae3; text-transform: uppercase; margin: 26px 33px 0 0; padding: 8px; text-align: center}
#hbc a {font-weight: normal; color: #ffffff; margin-right: 7px}
.hbc_postage {margin-right: 33px}
#main {width: 933px; background:url(../images/main_back.gif) repeat-y #ffffff; clear: both; }
#menu {margin: 0 0 5px 11px; background: #000000; width: 889px; border-top: 11px solid white; }
#menu ul {padding: 7px 0; margin: 0; list-style-type: none; }
#menu li { display:inline; }
#menu a {color: #ffffff; font-weight: bold; padding:10px 0 10px 10px; background:url(../images/menu_out.gif) no-repeat left center; margin-left: 10px; text-decoration: none}
#menu a:hover {color: #ede146; text-decoration: none}
#search_head {float: right; height: 25px; position: relative; top: 0; left: 0; width: 169px}
#search_head .search_box {border: 1px solid #ffffff; background: #000000; width: 130px; color: #d8168a; position: absolute; top: 5px; left: 0; height: 15px; padding: 0; font-size: 0.9em}
#search_head .search_button_header {position: absolute; top: 5px; left: 135px}
#left {float: left; width:159px; padding-left: 21px; }
#pagebody {float: left; width: 700px; margin-left: 20px; padding-top: 10px}
#main_right {width: 22px; float: right; min-height: 500px; margin-top: 11px}
.main_right_new, .main_right_featured {padding-bottom: 10px; height: 148px}
#container_bottom {width: 933px; clear: both; background:url(../images/container_bottom.gif) no-repeat; height: 16px}
#contact_bottom {color: #00a3e2; margin-top: 15px}
#contact_bottom a {font-weight: normal; color: #00a3e2;}
#end_left {float: left; margin-top: 5px}
#end {float: right; text-align: right; margin-right: 22px}

#bottom_links {background: #75BAE3; width: 911px; text-align: center; margin-top: 10px}
#bottom_links ul {padding: 15px; margin: 0; list-style-type: none; }
#bottom_links li { display:inline; line-height: 15px}
#bottom_links a {color: #ffffff; font-weight: normal; padding:0px 3px; text-decoration: none; }
#bottom_links a:hover {color: #ede146; text-decoration: none}


/*----Sideboxes----*/

#categories {}
#categories_bottom {}

#categoriescss, #categories {background:url(../images/category_back.gif) no-repeat top left #00a3e2; width: 145px; border: 2px solid #18b7f4; padding: 35px 0 10px 10px; margin-bottom: 6px}
#categoriescss h3, #categories h3 {display: none}
#categoriescss_bottom, #categories_bottom {clear: both; height: 1px}

#affiliates {background:url(../images/affiliates_back.gif) no-repeat top left #00a3e2; width: 135px; border: 2px solid #18b7f4; padding: 35px 10px 10px 10px; margin-bottom: 6px}
#affiliates h3 {display: none}


#ezpages {}
#ezpages_bottom {}

#featured {background:url(../images/featured_back.gif) no-repeat top left #d8168a; width: 135px; border: 2px solid #ed34a3; padding: 35px 10px 10px 10px; margin-bottom: 6px; font-weight: bold; color: #fbf27c}
#featured h3 {display: none}
#featured a {color: #ffffff; font-weight: normal}
#featured img {border: 2px solid #ed34a3}
#featured .featured_side {margin-top: 5px}
#featured_bottom {}

#manufacturers {}
#manufacturers_bottom {}

#recentlyviewed {background:url(../images/recently_back.gif) no-repeat top left #4db749; width: 135px; border: 2px solid #70d56c; padding: 35px 10px 10px 10px; margin-bottom: 6px; text-align: center}
#recentlyviewed h3 {display: none}
#recentlyviewed img {border: 2px solid #70d56c; margin: 3px 7px 3px 0}
#recentlyviewed .recent-products-name {text-align: left}
#recentlyviewed .recent-products-name a {color: #ffffff; font-weight: normal; }
#recentlyviewed .rent-products-price {display: none}
#recentlyviewed_bottom {}

#search {}
#search .search_input {}
#search .search_button_header {}
#search_bottom {}

#subscribe {background:url(../images/newsletter_back.gif) no-repeat top left #ede146; width: 135px; border: 2px solid #fbf27c; padding: 35px 10px 10px 10px; text-align: center; margin-bottom: 6px; font-size: 0.9em; color: #000000}
#subscribe h3 {display: none}
#subscribe p {margin: 0}
#subscribe .side_subscribe {border: 0; width: 110px; margin: 8px 0; font-size: 0.9em; padding: 2px}
#subscribe .input_subscribe {}
#subscribe_bottom {}

#whatsnew {}
#whatsnew .whats_newd {}
#whatsnew_bottom {}

#whosonline {}
#whosonline_bottom {}

#manufacturerinfo {}
#manufacturerinfo_bottom {}

#tellafriend {}
#tellafriend_bottom {}

#wishlist {background:url(../images/wishlist_back.gif) no-repeat top left #d8168a; width: 135px; border: 2px solid #ed34a3; padding: 35px 10px 10px 10px; margin-bottom: 6px; color: white; text-align: center}
#wishlist a {font-weight: bold; color: #fbf27c}
#wishlist h3 {display: none}
#wishlist_bottom {}

#affiliates {}
#affiliates_bottom {}

#bestsellers {}
#bestsellers_bottom {}

#currencies {}
#currencies_bottom {}

#orderhistory {}
#orderhistory_bottom {}

#specials {}
#specials .special_side {}
#specials_bottom {}

/*Special boxes*/
.special_box {clear: both}

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

/*Track where you are on the website */
#navBreadCrumb {margin-top: 5px}
#navBreadCrumb a {}

/*Layout of products */
.column_display {float: left; text-align: center; }
.item {width: 142px; border: 1px solid #b0dae9; background:url(../images/item_back.gif) repeat-x; height: 142px; margin: 0 auto 10px auto; padding: 5px}
.item a img {border: 0}
.item a {height: 90px; display: block}
.item_name {font-weight: bold; margin-top: 5px; font-size: 0.9em}
.item_name a {height: auto; color: #00a3e2 }
.item_name {height: 23px}
.item_price {margin-top: 5px; font-weight: bold; color: #d8168a; 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: #00a3e2 }


/*Product Listings (if set to 1 in a row) */
.tabTable {border: 1px solid #b0dae9; }
.tabTable .productListing-data {padding: 5px}
.tabTable .item_right {background:url(../images/item_back.gif) repeat-x bottom; padding: 5px 15px; border-left: 1px solid #b0dae9; text-align: center; color: #00a3e2; font-weight: bold; width: 140px}
.tabTable .tabTable_space {}
span.normalprice {text-decoration: line-through; }

/*Landing Page*/
.categoryListBoxContents {float: left; text-align: center; margin: 0 auto 7px auto}
.category_row {display: block; border: 1px solid #b0dae9; margin: 0 auto; font-size: 0.9em; width: 140px; padding: 8px; background:url(../images/category_row_back.gif) no-repeat}

/*Product Info */
#productGeneral {}
#productGeneral br.clearBoth {clear: none; height: 0}
#product_right {float: right; width: 262px; margin: 0 0 10px 15px; background:url(../images/product_right_back.gif) no-repeat center bottom; height: 272px; text-align: center; padding-top: 20px; border: 1px solid #b0dae9; position: relative}
#product_right img, #zoom1 {margin: 0 auto; text-align: center}
#full_size_image {display: none}

#product_right span.new_product_special {width: 100px; height: 60px; position: absolute; top: -4px; left: -4px; background: url(../images/special_product_over.png) no-repeat; z-index: 30}

#product_right span.new_product_over {width: 100px; height: 60px; position: absolute; top: -4px; left: -4px; background: url(../images/new_product_over.png) no-repeat; z-index: 30}



/*Additional Images 2-4 */
#additional_images {float: right; width: 80px; margin: 0 0 0 15px; border: 1px solid #b0dae9; text-align: center; height: 282px; padding: 5px 0}
#additional_images img {margin-bottom: 7px}

/*Additional Images 4+ */
#arrow {float: right; width: 80px; margin-left: 15px; border: 1px solid #b0dae9; text-align: center; height: 292px}
#scroll_bar_outer {position: relative; overflow:hidden; width: 80px; height: 256px; text-align: center }
#scroll_bar {width: 80px; text-align: center}
#scroll_bar img {margin-bottom: 7px}



/*Options */
#productAttributes {width: 300px}
#productAttributes select {font-size: 0.9em}
#productAttributes h3 {margin: 4px 0}
.wrapperAttribsOptions {border: 1px solid #cae8f2; padding: 10px; margin-bottom: 7px}
.wrapperAttribsOptions h4 {margin: 0;}
.attribImg {}

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

#cartAdd {clear: both; border: 1px solid #abd8e8; background: #cae8f2; padding: 5px; height: 38px}
.cart_left {float: left; margin: 10px 0 0 5px}
.cart_left p {margin: 0}
.cart_add_right {float: right; width:330px; }
#add_to_cart_button {position: relative; top: 0; left: 0; width: 188px; background: red}

.cart_quantity {position: absolute; top: 5px; left: 0; border: 1px solid #abd8e8; height: 19px; padding: 3px}
.button_add_cart {position: absolute; top: 4px; left: 48px}
#navig_wishlist {position: relative; top: 4px; left: 190px; width: 133px}

#bottom_nav {}
.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 2px 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, #advSearchDefault .input_right input, #advSearchDefault .input_right select, #unsubscribe_field, #lookup-gv-redeem, #webaddress, #notes, #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 {width: 230px; margin: 4px 3px 4px 0; border: 1px solid #b0dae9; border-left: 3px double #d8168a; padding-left: 7px}
#advSearchDefault .input_right .general_input {width: 20px; border: 0}
#country {font-size: 0.9em}
#notes {height: 60px}
.datatable #contact_name, .datatable #contact_phonenumber, .datatable #contact_email_address, .datatable #contact_subject, .datatable #contact_enquiry, .datatable #captcha {width: 200px; border: 1px solid #b0dae9; border-left: 3px double #d8168a; padding-left: 7px}
.datatable .input_left1 {padding: 0; width: 122px}
#alert {font-weight: bold; color: #4db749}

/*Shopping Cart*/
#shopping_cart_table, .wishlist_compact {border-right: 1px solid #b0dae9}
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; background: #e1e9f1; border: 1px solid #b0dae9; border-right: 0; border-top: 0; text-align: left}
#shopping_cart_table ul {margin: 0; padding: 0 auto}
#shopping_cart_table th, .wishlist_compact th {background: #00a3e2; padding: 4px; color: #ffffff; font-weight: bold; text-align: left }
td#shopping_sub_left {background: #ffffff}
td#shopping_sub_total {border: 0; border-left: 4px solid #4db749}
#shopping_cart_table .normalprice, #shopping_cart_table .productPriceDiscount {display: none}
.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 {}


/*  Products New*/

.description {background: #ede146; color: #ffffff; padding: 4px}
.description a {font-weight: bold;}
.pnew_image {border: 1px solid #e1e9f1; font-weight: bold; width: 110px}
.pnew_image a {color: #ede146}
.pnew_image img {padding: 5px}
.pnew_quantity {background: #e1e9f1; color: #4db749; padding:2px; font-weight: bold}
.pnew_quantity a {color: #ede146}
td.product_description {border: 1px solid #e1e9f1; padding: 5px; }



#cartAdd button img {width: 147px; height: 39px; }
#cartAdd button {width: 149px; height: 39px; cursor: pointer}
.button_align {text-align: center}
.button_align button img {width: 240px; height: 30px}
.button_align button {width: 242px; height: 32px}
#navig_review a img, #navig_friend 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}

.checkout_button {text-align: right; margin-top: 15px}
.checkout_button button {width: 180px; height: 32px}
.checkout_button button img {width: 178px; height: 30px}
button {cursor: pointer; width: auto; height: auto; text-align: right}


#loginDefault a {color: #4db749; font-weight: normal}

.login_button {text-align: center}


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

#cartSubTotal 
{
	height: 3em;
}


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

.input_left1, .input_left, .inputLabel {clear: both; float: left; padding: 5px 0 0 5px}
.input_left3 {clear: both; float: left; padding: 8px 0 0 5px}
label.input_left2 {clear: both; float: left; padding: 3px 0 0 5px; 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; padding: 10px; border: 1px solid #b0dae9; height: 180px}
.address_block label {font-weight: bold; color: #4db749; }
.address_block h3 {margin: 0; padding: 0}

#productQuantityDiscounts {clear: both}
#cc, #paypaldp, #protx_direct {display: none}
#checkoutPayment label {clear: both; width: 180px; font-weight: bold; color: #4db749}

#cc, #paypaldp, #protx_direct {background: #e1e9f1; padding: 10px; margin-left: 20px}
#cc label, #paypaldp label, #protx_direct label {clear: both; float: left}

#checkoutShipto, #checkoutBillto, #address_book {float: left; margin: 0 15px 15px 0; border: 1px solid #b0dae9; padding: 10px; width: 200px; }



/*My account*/
#prevOrders, #myAccountOrdersStatus, #downloads, #upcomingProductsTable {font-size: 0.9em}
#prevOrders td, #myAccountOrdersStatus td, #downloads td, #upcomingProductsTable td {border-bottom: 2px solid #ffffff; padding: 4px; background: #e1e9f1}
#prevOrders th, #myAccountOrdersStatus th, #downloads th, #upcomingProductsTable th {background: #4db749; padding: 4px; color: #ffffff; font-weight: bold; border-bottom: 2px solid #ffffff; }

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



/*Checkout Confirmation */
.checkout_3_left, .checkout_3_right, .your_total, #checkout_1, #checkout_2 {border: 1px solid #b0dae9; 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: 650px}


/*Wishlist */
#wishlist_table {border: 1px solid #b0dae9;}
.wishlist_right {padding: 10px; font-weight: bold; color: #00a3e2; border-left: 1px solid #b0dae9}
#wish_list_fieldset {margin-bottom: 10px}


/* This will hold any extra style sheets  */

.MagicZoomBigImageCont {border: 1px solid #b0dae9; 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 #e1e9f1; 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: 100px; text-align: center; top: 0; left: 0; position: relative }

.innerDiv {left: 0}

.pink_color {color: #d8168a}

#checkoutSuccess table.banner {border: 1px solid #B0DAE9; color: #58595A; background: url(../images/item_back.gif) repeat-x bottom white; width: 698px}
#checkoutSuccess table.banner td {padding: 10px}
td.bannererror, td.banner {background: none}

.bannererror span[style]{
    color: #D8168A !important;
}
td.banner span[style]{
    color: #58595A !important;
	font-family:tahoma, arial, sans-serif !important;
}

/*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 ul {padding-bottom: 15px}
#aff_holder h4 {font-size: 1.3em; padding-bottom:6px; border-bottom: 1px solid #b0dae9}

#tabs { position:relative; z-index:1; }
.tab-this{margin:2px 0 7px 0px; padding: 15px; border: 1px solid #b0dae9; }
/* Link to the visible tab */
.tab-header {font-size: 1.1em; color: #00a3e2; 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: #00a3e2;}
/* Links to tabs which aren't visible */
.tablink-off {background: #b0dae9; border: 1px solid #b0dae9; padding:3px 7px 2px 7px; } 
.tablink-off:hover {text-decoration:underline;}	
.tablink-on {background: #ffffff; border: 1px solid #b0dae9; 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:660px; }
.hide-this{display:none; width:660px;}