/*-----Global-----*/
body { font: 62.5% "Arial",sans-serif; padding: 15px; color: black; background: #fff;  }
a { color: #ae0e0e; outline: 0 none; text-decoration: none; font-weight: bold }
button { outline: 0 none;  }
a:hover { text-decoration: underline}
button::-moz-focus-inner { border: 0; }
input, textarea, select {font: 12px "Arial",sans-serif; color: black; outline: 0 none}
td {vertical-align: top; font-size: 12px}
h1 { font-size: 28px; margin: 15px 0 20px; font-weight: normal; color: #363636; padding: 0 }
h1 a {color: #363636;}
h3 {  margin: 10px 0; padding: 5px 0; font-size: 12px}
h5, h2, #checkoutShipping h3, #checkoutPayment h3, #checkoutConfirmDefault h3 { margin: 15px 0; font-size: 14px; padding: 7px 0; color: #ae0e0e; border-bottom: 1px solid #dadada; border-top: 1px solid #dadada}
h4 {  margin: 10px 0; padding: 5px 0; font-size: 12px}
hr { background: white; border: 0; height: 1px; font-size: 0; line-height: 0; margin: 15px 0; color: white }
.clsborderleft { margin: 0 10px 10px 0; border: 1px solid #dadada; padding: 2px; float: left }
.clsborderright { margin: 0 0 10px 10px; border: 1px solid #dadada; padding: 2px; float: right }
.noborder {border: 0}
.border { border: 1px solid #dadada; padding: 2px; }
.notes {color: #A8A8A8; font-size: 11px}
.shout {font-size: 13px; color: #ae0e0e; font-weight: bold}
.shout2 {font-size: 16px; color: #ae0e0e; font-weight: bold}
.ajaxloader {  display: none; }
.relative { position: relative; }
.padding-left-0 { padding: 0; }
#white-bg { background: #fff; }
.hr hr { display: none; }
.hr { padding: 3px 0; clear: both; }
.clearBoth { clear: both; }
.clearLeft { clear: left; }
p { line-height: 1.8em; margin: 12px 0; padding: 0}
.alert { color: #ee0000; }
ul { padding: 10px 10px 10px 20px; margin: 0}
ul li { padding: 3px 0 3px 3px; list-style-type: square; }
ol { padding: 10px 10px 10px 20px; margin: 0; list-style: decimal outside}
ol li {margin-left: 8px}
.clear {clear: both}

/*Template Elements*/

#container { width: 920px; margin: auto; font-size: 12px; background:url(../images/container_back.png) repeat-y; padding: 0 30px}
#top_links {background:url(../images/top_links.gif) no-repeat #7b7b7b; margin: 0 -20px; width: 916px; height: 31px; padding: 0 22px}
ul.hbc, ul.hbc li { margin: 0; padding: 0; list-style: none; display: inline;  }
ul.hbc a { display: block; float: left; color: #fff; padding: 8px 28px 5px 0; text-decoration: none; font-weight: normal }

ul.hbc a:hover {text-decoration: underline}

#head {width: 920px; height: 108px; }
#sitelogo {height: 108px; float: left; }
#head_contact {float: left; width: 248px; padding-top: 33px }
#head_right {float: right; text-align: right; width: 361px; height: 92px; padding:16px 0 0 0; }
#head_logos {height: 39px; }
#head_logos img {margin: 0 0 0 10px}
.logo_shop {display: block; background: url(../images/headshopping.gif) no-repeat; margin: 6px 0 0 36px; display: block; float: left; padding:0 0 0 25px; color: #be2727 }
.logo_shop a {color: #be2727}
#search {width: 361px; position: relative; border-top: 1px solid #dadada }
#search .search_box {width: 137px; border: 1px solid #dadada; margin: 0; position: absolute; top: 13px; left: 0px; font-size: 0.9em; color: black; padding: 5px 5px; margin: 0 }
#search .search_button_header {position: absolute; top: 14px; left: 311px}
#search .search_categories {position: absolute; top: 13px; left: 156px; padding: 4px 5px; width: 146px; font-size: 0.9em; color: black; border: 1px solid #dadada; margin: 0 }

#hbc {width: 340px; text-align: center;  font-weight: bold; font-size: 0.9em; color: #5f5f62; padding: 4px 13px 0 8px}
#hbc a {color: #fff; font-weight: bold; margin:0 4px; }

/* @Top Menu

------------------------------------------------------------------------------*/
#menu { background: url(../images/menu_back.gif) repeat-x; height: 38px; overflow: none; line-height: normal; width: 913px; padding-left: 7px; position: relative; z-index: 2000}
#menu li {padding: 0; list-style: none}
#menu li a { display: inline-block; color: #fff; text-decoration: none; padding: 10px 12px 0; height: 28px; font-weight: normal; font-size: 13px; text-transform: uppercase }
#menu li a:hover { text-decoration: underline }
#menu > ul > li.cmssubmenu > span > a {padding-right: 25px; background:Url(../images/top_menu.gif) no-repeat top right}
#menu li li a, #menu li li li a { height: auto; padding: 5px 8px; margin: 0 7px 0 0; border: 0; border-bottom: 1px solid #ebebeb; display: block; width: 192px; text-transform: none; color: black; font-size: 12px }
#menu ul {margin: 0; padding: 0; list-style: none; float: left}
#menu ul ul { position: absolute; top: -999em; width: 10em; /* left offset of submenus need to match (see below) */ }
#menu ul ul li { width: 100%; }
#menu ul li:hover { visibility:	inherit; /* fixes IE7 'sticky bug' */ }
#menu ul li { float: left; position: relative; }
#menu ul a { display: block; position: relative; }
#menu ul li:hover ul, #menu ul li.sfHover ul { left: 0; top: 38px; /* match top ul list item height */ z-index: 199; }
#menu ul li:hover li ul, #menu ul li.sfHover li ul { top: -999em; }
#menu ul li li:hover ul, #menu ul li li.sfHover ul { left: 155px; /* match ul width */ top: -4px; }
#menu ul li li:hover li ul, #menu ul li li.sfHover li ul {top: -999em; }
#menu ul li li li:hover ul, #menu ul li li li.sfHover ul { left: 185px; /* match ul width */ top: -4px; }
#menu ul ul {background: #dadada; padding: 4px 0 8px 7px; width: 215px}
#menu ul li:hover, #menu ul li.sfHover, #menu ul a:focus, #menu ul a:hover, #menu ul a:active { outline: 0; }

#menu_bottom {height: 29px; background:url(../images/breadcrumb_back.gif) no-repeat; padding: 10px 12px 0 33px}
#navBreadCrumb {color: #565656; font-size: 11px; padding-top: 3px; float: left; width: 520px}
#navBreadCrumb a {color: #ae0e0e; font-weight: normal; text-decoration: underline;}
#navBreadCrumb span {margin: 0 2px 0 5px}
.shopby_colour {float: right; width: 326px; text-align: right; background:url(../images/shopby_colour.gif) no-repeat top left}

.shopby_colour img {margin: 0 0 0 5px}
#top_pic {display: none}
#indexHomeBody #top_pic {width: 920px; height: 272px; display: block; overflow: hidden; margin-bottom: 10px}
#indexHomeBody #top_pic #ezPageDefault {position: relative; width: 920px; height: 272px; z-index: 1}
#indexHomeBody #top_pic #banner {position: absolute; top: 0; left: 0}
#indexHomeBody #top_pic #banner_thumb {position: absolute; top: 169px; left: 16px;  padding: 7px 0 7px 7px; background:url(../images/banner_back.png)}
#indexHomeBody #top_pic #banner_thumb img {}
#indexHomeBody #top_pic #banner_thumb a {display: block; margin: 0 7px 0 0; width: 76px; float: left; cursor: pointer}

#main {width: 920px; clear: both; padding-bottom: 25px; min-height: 400px}

#bottom_menu {width: 876px; background:url(../images/bottom_menu.gif) repeat-x top #e2e2e2; padding: 17px 22px 0}
#bottom_menu .addthis_toolbox a {float: right !important;}
#custmen_1 {float: left; width: 400px}
#end {float: right; text-align: right}
.copyright {padding-top: 16px}
.card_logos {margin-top: 13px}
.sitewizard_end {font-size: 11px; color: black; padding-top: 10px}
.sitewizard_end a {color: black; font-weight: normal}


/*-----Home page-----*/
#home_table {border-bottom: 1px solid #dadada; background:#f8f8f8; width: 920px}
.home_categories {width: 202px; padding: 12px 15px 0; height: 271px; border-top: 1px solid #dadada; border-right: 1px solid #dadada}
.home_categories h2, #home_subscribe h3, #home_guarantee h2 {background:Url(../images/categories_h2.gif) repeat-x #272727; margin: 0 0 10px; padding: 5px 9px 0; color: white; height: 23px; font-weight: normal; font-size: 14px; border: 0}
.home_categories p {margin:0; padding:0}
.home_categories img {margin: 0 0 13px}
.home_categories ul, .home_categories ol, #home_guarantee ul, ul#myAccountGen, #wish_list_compact ul, #wishlistsBody #main ul, #wish_list_move ul, #wishlist_find_form ul, #wish_list_edit ul {margin: 0; padding: 0; list-style: none}
.home_categories ul li, .home_categories ol li, #home_guarantee ul li, ul#myAccountGen li, #wish_list_compact ul li, #wishlistsBody #main ul li, #wish_list_move ul li, #wishlist_find_form ul li, #wish_list_edit ul li {background:url(../images/categories_ul.gif) no-repeat 4px 5px; padding: 0 0 7px 16px; margin: 0; color: black; list-style: none; }
.home_categories ul li a, .home_categories ol li a, #home_guarantee ul li a, ul#myAccountGen li a, #wish_list_compact ul li a, #wishlistsBody #main ul li a, #wish_list_move ul li a, #wishlist_find_form ul li a, #wish_list_edit ul li a {color: black; font-weight: normal}

#wish_list_compact ul, #wishlistsBody #main ul, #wish_list_move ul, #wishlist_find_form ul, #wish_list_edit ul {margin-bottom: 15px}

#home_image, #home_subscribe {padding: 12px; border-bottom: 1px solid #dadada; width: 195px}
.side_subscribe {background:Url(../images/subscribe_input.gif) no-repeat; padding: 6px 10px 9px 8px; width: 167px; margin: 0; font-size: 12px; border: 0}
#home_subscribe p {line-height: 20px; padding: 3px 0 15px 4px; margin:0 }
#subscribe, #recentBlogPosts, #subscribe_bottom {display: none}
.input_subscribe {margin: 5px 0 0 107px}

#home_guarantee {padding: 12px; width: 195px}

#home_left {border-top: 1px solid #dadada; border-left: 1px solid #dadada; border-right: 1px solid #dadada; width: 219px}
#home_left table {width: 219px}

/*-----Pagination-----*/

.listing_numbers { float: left; margin: 10px 0; }
.listing_links { float: right; margin: 10px 0; }
.listing_links a, .listing_links .current, a.showall_orders, #prevOrders td a {display: inline-block; padding: 2px 4px; font-weight: normal}
.listing_links a:hover, a:hover.showall_orders, #prevOrders td a:hover {background: #f1f1f1}
.view_all {margin-left: 8px}
.listing_numbers {padding: 2px 0}

/*Layout of products */

.column_display, .categoryListBoxContents {float: left; text-align: center; width: 184px}
.item {width: 169px; margin: 0 auto 18px auto; position: relative}
.item a.item_product_image {height: 169px; display: block; padding: 8px; border: 1px solid #dadada; margin-bottom: 5px; width: 151px; text-align: center}
.item_name {padding: 0 1px; height: 59px; text-align: left; line-height: 19px; width: 157px;}
.item_name a {color: black; font-weight: normal}
.item_price {color: #ae0e0e; font-weight: bold; text-align: left; font-size: 14px; padding: 0 1px; }
.item_price .normalprice, .item_price .productSpecialPrice {padding: 0 8px 0 0}
.item_price .normalprice {color:#B4B4B4; font-size:11px; font-weight:normal;}
.item_price .productPriceDiscount {background:url("../images/special-spot.png") no-repeat scroll 0 0 transparent; color:white; font-size:10px; font-weight:normal; height:29px;
left:133px; line-height:12px; padding:3px 4px 0 0; position:absolute; text-align:center;
top:6px; width:30px;}
.item_price b {display: none}

.category_row_image {height: 169px; display: block; padding: 8px; border: 1px solid #dadada; margin: 0 auto 5px; width: 151px; text-align: center}
.category_row {margin: 0 auto 18px; text-align: left; width: 167px; line-height:19px; color: black; display: block; font-weight: normal}



.tabTable .item_image {border-top: 1px solid #dadada; border-left: 1px solid #dadada; padding: 8px 12px; width: 105px; text-align: center}
.tabTable .item_image img {}
.tabTable .productListing-data {border-top: 1px solid #dadada; border-right: 1px solid #dadada; padding: 8px 8px 8px 3px }
.tabTable .productListing-data a:hover {text-decoration: none}
.tabTable a.product_name { border-bottom: 1px solid #dadada; padding: 4px 0 4px; display: block; color: #ae0e0e; text-decoration: none; margin-bottom: 7px; text-transform: uppercase; font-size: 14px }
a span.ref_title, a span.ref_value {}
.tabTable .item_right, .tabTable br, .tabTable .list_itemprice b {display: none}
.tabTable .list_itemprice {display: block}
.tabTable .list_itemprice  {font-size: 14px; font-weight: bold; margin-bottom: 7px;}

.tabTable td { vertical-align: top }
.tabTable .tabTable_space { padding: 3px; border-top: 1px solid #dadada}


/*Product Info */
#product_image {float: left; margin: 6px 0 0; width: 396px; position: relative; z-index: 1000 }
#productContainer {width: 501px; float: right}
#productContainer .shout2 b {display: none}
#productContainer .shout2 .normalprice {padding: 0 8px 0 0; font-size: 11px; font-weight: normal; color: #b4b4b4}
#productContainer .shout2 .productSpecialPrice {padding: 0 8px 0 0; }
#add_buttons {height: 52px}
.cart_quantity {border: 1px solid #dadada; font-size: 12px; color: black; padding: 4px; float: left; width: 27px; margin: 1px 10px 0 0; text-align: center}
.button_add_cart, #navig_wishlist {float: left; margin: 0 9px 0 0;}

#productGeneral {}
#product_info_review, #product_info_review2 {font-size: 0.9em; color: black; text-align: left; font-weight: bold}
.review_name, .review_date {color: black }
#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 #e4e4ec; padding: 0 0 15px 0}
.general_review {border-bottom: 1px solid $ilght_colour_1; padding-bottom: 10px}


#product_right {width: 396px; margin: 0 0 10px 0; text-align: center; position: relative;  }
#full_size_image {}



/*Additional Images 2-4 */
#additional_images {text-align: center; }
#additional_images a {margin: 0 3px 7px; width: 90px; height: 90px; display: block; padding: 2px; background: white; border: 1px solid #dadada; text-align: center; float: left}

/*Additional Images 4+ */
#arrow {float: right; width: 72px; margin-left: 10px; text-align: center; height: 270px; border: 1px solid #e4e4ec; margin-top: 15px}
#scroll_bar_outer {position: relative; overflow:hidden; width: 72px; height: 215px; text-align: center }
#scroll_bar {width: 72px; text-align: center}
#scroll_bar img {margin-bottom: 7px}



/*Options */
#productAttributes {clear: both; margin: 0 0 15px}
#productAttributes select {font-size: 0.9em; border:1px solid #DADADA; color:black; font-size:0.9em; padding:3px 3px;}
#productAttributes h3 {display: none}
.wrapperAttribsOptions { padding: 2px 0}
.wrapperAttribsOptions h4 {width: 75px; color: black; font-size: 12px; padding: 3px 5px 2px 0; display: block; float: left; margin: 0}


#productAttributes .clear_attributes {clear: both; }

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

#navig_friend {float: right; margin: 0 0 0 8px}
#navig_review {float: right; margin: 0 0 0 8px}


/*-----Form Style-----*/

select { font-family: arial,sans-serif; }
.inputStyle { background: #fff; font-family: arial,sans-serif; font-size: 12px; border: 2px solid #e5e5e5; padding: 4px; color: black; }
.input_left1, .inputLabelPayment { clear: both; display: block; font-weight: normal; padding:3px 16px 3px 3px; float: left; width: 290px; text-align: right; margin: 0 0 12px 0; }
.inputLabel { clear: both; display: block; font-weight: normal; padding:3px 16px 3px 3px; float: left; width: 290px; text-align: right; }
.input_left, .input_left3 { clear: both; display: block; font-weight: normal; padding:3px 16px 3px 3px; float: left; width: 290px; text-align: right; }
.input_right { float: left; margin: 0 0 8px 0;  }
.input_left2 { clear: both; display: block; font-weight: normal; padding:3px 16px 3px 3px; float: left; margin: 0 0 8px 0; }
.form_input_field, #wishlist_find_form .l { width: 250px; margin: 0 4px 4px 0; }
.form_input_field, #disc-ot_coupon, #wishlist_find_form .l  {border: 1px solid #dadada; width: 250px; margin: 0 4px 6px 0; padding: 4px 6px; color: black; }
#loytalyAmount, #sage_pay_direct img, #sage_pay_direct input, #sage_pay_direct select {border: 1px solid #dadada; margin: 0 4px 6px 0; padding: 4px 6px; color: black; }
#loyaltyBalanceLeft {margin: 0 4px 6px 0; padding: 4px 6px; color: black;}
#sage_pay_direct {margin: 20px 0 0}
#sage_pay_direct div {display: inline-block}


#shopping_cart_table, #shipping_estimator, .datatable, #prevOrders, .wishlist_compact, #myAccountOrdersStatus {margin: 0 15px; width: 890px; border-left: 1px solid #dadada}
#shopping_cart_table .cartImage {float: right; margin: 0 0 10px 10px}
#shopping_cart_table a, #shipping_estimator a, .datatable a, #prevOrders a, .wishlist_compact a, #myAccountOrdersStatus a {color: black; font-weight: normal}
#shopping_cart_table th, #shipping_estimator th, .datatable th, #prevOrders th, .wishlist_compact th, #myAccountOrdersStatus th {font-weight: bold; color: black; background: #dadada; text-align: left; padding: 4px 6px; }
#shopping_cart_table td, #shipping_estimator td, .datatable td, #prevOrders td, .wishlist_compact td, #myAccountOrdersStatus td {text-align: left; padding: 4px 6px; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; vertical-align: top}
#shopping_buttons span {margin: 0 1px}
#shopping_cart_table ul {padding-bottom: 0; margin: 0; padding-top: 0}
#shopping_cart_table br.clearBoth {display: none}
.cartTotalDisplay, .shoppingcart_total {font-weight: bold; color: #be2727}





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

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


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

/* @Alerts
------------------------------------------------------------------------------*/
 .messageStackSuccess, .messageStackError, .messageStackWarning, .messageStackCaution { background: #c90000; font-weight: normal; padding:8px; margin: 10px 0 10px 0; font-weight: bold; text-align: center; color: white }
 .messageStackSuccess {background:#97cc25}
 .messageStackSuccess img, .messageStackError img, .messageStackWarning img, .messageStackCaution img {display: none}

/* This will hold any extra style sheets  */

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

/* CSS class for small looking glass square under mouse */
.MagicZoomPup { background: #ffffff;}
/* CSS style for loading animation box */
.MagicZoomLoading {text-align: center; background: #ffffff; color: #808080; border: 1px solid #e4e4ec; 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;}

/*
* Blog Style
*************************************************/
.blog_post_box { margin: 10px 0; }
.blog_date { float: left; padding: 0 20px 0 0;}
.blog_commentcount { float: left; }
.blog_post_details { height: 20px; padding-top: 5px; }
.blog_post_box h5 { margin: 0px 0 10px; border-bottom: 1px solid #ddd;}
.blog_post_box h5 a { text-decoration: none; text-transform: none; }
.blog_post_box h1 { margin-bottom: 15px; }
.blog_post_box h1 a { text-decoration: none }

.blog_comment { padding: 10px; margin: 10px 0; border-top: 1px solid #dadada; }
.blog_commentname, .blog_commentdate { font-size: 11px; color: #666 }
.blog_date, .blog_commentcount { font-weight: normal; font-size: 0.9em; color: #a1a1a1; }
.blog_commentcount a {color: #a1a1a1; font-weight: normal}
.blog_rss { float:right; margin-top:5px; position:relative; z-index:6; }
.blog_commentname {display: block; font-weight: bold; margin: 0 0 7px; color: black; font-size: 12px}
/*Wishlist */
#wishlist_table {border: 1px solid #dadada;}
#wishlist_table td {padding: 10px}
#wishlist_table td.tabTable_space {padding:0; height: 0}
#wishlist_table td h3 {margin-top: 0}
.wishlist_right {padding: 10px; font-weight: bold; border-left: 1px solid #dadada}
#wish_list_fieldset {margin-bottom: 10px}
#wish_list_fieldset input, #wish_list_fieldset select {float: left; margin: 0 10px 0 0}

/*Checkout Confirmation */
.checkout_3_left, .checkout_3_right {  }


#checkout_1 textarea, #checkout_2 textarea {width: 900px}
#checkout_1 td {padding: 8px 0}
#checkout_1 td.checkout_shipping_radio {width: 30px}
#checkoutShipto, #checkoutBillto, #address_book {float: left; margin: 0 15px 15px 0;  width: 200px; }
#checkoutShipto p, #checkoutBillto p, #address_book p {margin: 0}