/* ========================================================================================================== general */

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1a1a1a; }
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1a1a1a;}
CHECKBOX, INPUT, RADIO { padding: 2px; color: #1a1a1a;}
SELECT { padding: 1px; color: #1a1a1a;}

a { color: #1a1a1a;}
a:hover { color: #560000; text-decoration: none; }
span.smallText { font-size: 10px; color: #1a1a1a;}
h1 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #AF0015;
}
h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #000;
}


/* ========================================================================================================== page structure */

#wrapper { width: 980px; margin: 0 auto; }

#body { width: 980px; float: left; min-height: 500px;}

div.body_left { width: 210px; float: left; display: inline; }
div.body_right { width: 750px; float: right; display: inline; }
div.body_heading { width: 100%; float: left; font-size: 14px; font-weight: bold; padding: 10px 0 10px 0; }

div.body2_left { width: 720px; float: left; display: inline; }
div.body2_right { width: 240px; float: right; display: inline; }



/* ========================================================================================================== boxes */

div.right_box { width: 240px; float: left; background-image: url('../images/240box_top.png'); }
div.right_box_bottom { width: 240px; float: left;}
div.right_box_title {width: 220px; float: left; padding-left: 10px; padding-right: 10px; line-height: 27px; font-size: 12px; font-weight: bold; color: #999999;}
div.right_box_content { width: 220px; float: left; padding: 10px;}

span.stock { width: 100%; float: left; padding-bottom: 10px; font-size: 12px; }
span.rrp { width: 100%; float: left; font-size: 12px; }
span.save { width: 100%; float: left; padding-bottom: 5px; font-size: 12px; }
span.price { width: 100%; float: left; padding-bottom: 2px; font-size: 14px; color: #CC0000; font-weight: bold;}
span.addbutton { width: 100%; float: left; padding-bottom: 5px; font-size: 12px; }

/* ========================================================================================================== header */

#header { width: 100%; min-height: 85px; background-color: #000000;}

#header .hleft { width: 360px; float: left; display: inline; padding-top: 15px; }
#header .hcenter { width: 305px; float: left; display: inline; padding-top: 35px; }
#header .hright { width: 300px; float: right; display: inline; text-align: right; padding-right: 10px; }

div.header_search { float: left; }
div.hs_left { white-space: nowrap; float: left; display: inline;}
div.hs_button { width: 82px; float: left; display: inline; }
div.hs_button2 { width: 45px; float: left; display: inline; }

#mainMenu { width: 980px; float: left; line-height: 36px; }


#mainMenu .mleft { width: 5px; float: left; display: inline; line-height: 29px; }
#mainMenu .mshop { width: 46px; float: left; display: inline; line-height: 29px; }
#mainMenu .content { width: 924px; float: left; display: inline; line-height: 31px; min-height: 29px; background-image: url('../images/header_1_center.png'); }
#mainMenu .mright{ width: 5px; float: right; display: inline; line-height: 29px; }
#mainMenu .search{ float: right; display: inline; line-height: 29px; }

#mainMenu { width: 980px; float: left; line-height: 36px; }

#mainMenuTop { width: 980px; float: left; line-height: 29px; background-color: #000000; }

#mainMenuTop .mleftTop { width: 9px; float: left; display: inline; line-height: 29px; background-color: #FFFFFF; }
#mainMenuTop .contentTop { width: 662px; float: left; display: inline; line-height: 31px; min-height: 29px;  }
#mainMenuTop .contentRight { width: 250px; float: right; display: inline; }
#mainMenuTop .mrightTop{ width: 9px; float: right; display: inline; line-height: 29px; background-color: #FFFFFF; }
#mainMenuTop .search{ float: right; display: inline; line-height: 29px; }

a.topMenu { white-space: nowrap; float: left; font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #999999; text-decoration: none; line-height: 29px; 	padding: 0 11px 0 11px; background-image: url('../images/header_top_divider.gif'); background-repeat: no-repeat; background-position: right;}

a.topMenu:hover { color: #AF0015;}
div.search_bar { width: 100%; float: left; text-align: right; padding: 5px 0 5px 0;}
div.search_bar_left { width: 680px; float: left; display: inline; }
div.search_bar_right { width: 295px; float: right; display: inline; }


#subMenu { width: 980px; float: left; line-height: 25px; }

#subMenu .smleft { width: 4px; float: left; display: inline; line-height: 25px; }
#subMenu .smcontent { width: 972px; float: left; display: inline; line-height: 25px; min-height: 25px; background-image: url('../images/header_2_center.png'); }
#subMenu .smright{ width: 4px; float: right; display: inline; line-height: 25px; }

div.breadcrumb {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; line-height: 22px; margin-left: 10px;}

div.breadcrumb_image { white-space: nowrap; float: left; display: inline; }
div.breadcrumb_link { white-space: nowrap; float: left; display: inline; }
a.breadcrumb { text-decoration: none; margin-left: 8px; margin-right: 3px; font-size: 11px; }
a.breadcrumb:hover { }
a.breadcrumb_home { text-decoration: none; margin-right: 3px; font-size: 11px; }


/* ========================================================================================================== Left Column */

#leftbox { width: 100%; float: left; }
#leftbox .leftbox_heading{ width: 210px; float: left; background-image: url('../images/left_heading.png'); line-height: 25px; color: #FFFFFF; font-weight: bold; text-indent: 10px; margin-bottom: 2px; }

#leftbox .leftbox_subheading{ width: 210px; float: left; background-image: url('../images/left_subheading.png'); line-height: 25px; color: #FFFFFF; font-weight: bold; text-indent: 10px; margin-bottom: 2px; }


a.leftMenu { width: 210px; float: left; background-image: url('../images/left_menu_bkgr.gif'); border-bottom: 1pt solid #FFFFFF; line-height: 21px; padding-bottom: 1px; text-indent: 10px; color: #666666; text-decoration: none; }
a.leftmenu:hover { background-image: url('../images/left_menu_bkgr_hover.gif'); color: #FFFFFF; text-decoration: none;}


/* ========================================================================================================== Best Sellers Box */

div.best_row { width: 210px; float: left; border-bottom: 1pt solid #E6E6E6; }
div.best_image { width: 65px; float: left; display: inline; }
div.best_content { width: 145px; float: left; display: inline; padding-top: 5px; font-size: 11px; font-weight: bold;}
span.best_price { color: #cc0000; }


/* ========================================================================================================== footer */

#footer { width: 100%; float: left; font-size: 12px; background-color: #000000; padding-bottom: 15px; }

div.footer_logo { white-space: nowrap; float: left; padding-left: 10px; }
div.footer_1 { width: 150px; float: left; padding: 0 0 0 30px; }

div.footer_title { width: 100%; float: left; color: #4f4f4f; font-size: 14px; padding-bottom: 10px; }
div.footer_links { width: 100%; float: left; }
a.footer_links { width: 100%; float: left; color: #4f4f4f; line-height: 17px; font-size: 11px; }
div.copyright { width: 100%; float: left; text-align: center; }



/* ========================================================================================================== home page */

#home_banner { width: 980px; float: left; min-height: 400px; height: 400px; background-image: url('../images/banners/banner_home.jpg'); }
div.cat_links { width: 980px; float: left; text-align: center;}
div.cat_link { width: 160px; display: inline-block;}

div.home_bar { width: 100%; float: left; padding: 0 0 5px 0; font-size: 12px;}
div.home_bar_left { width: 680px; float: left; display: inline; }
div.home_bar_right { width: 295px; float: right; display: inline; }


/* ========================================================================================================== cart in header */


#cartBox { float: right; padding-top: 20px; text-align: right;  }
#cartBox .cartLeft {width: 70px; float: left; display: inline; padding-right: 10px;}
#cartBox .cartRight {width: 205px; float: left; display: inline;}
#cartBox .cartTotal {width: 205px; float: left; display: inline; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #999999; padding-bottom:5px; font-weight: bold;}
#cartBox .totalLeft {float: left; text-align: left; text-indent: 2px; }
#cartBox .totalRight {float: right; padding-right: 3px }
#cartBox .cartButtons {width: 205px; float: left; line-height: 18px;}
#cartBox .cartLinks {width: 205px; float: left; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999;}

a.cart { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; }





/* ========================================================================================================== breadcrumb */

#breadcrumb { width: 100%; float: left; line-height: 20px; }.
#breadcrumb .a { color: #333333;}



/* ========================================================================================================== drop down menu */

.horbar	{ color: white;line-height: 29px;}

.horizitem	{ float: left; white-space: nowrap; }

.horizitem a { font-family: Arial, sans-serif; font-size: 11px; text-decoration: none; position: relative; 	display: block; line-height: 29px; 	padding: 0 7px 0 24px; background-image: url('../images/header_1_divider.png'); background-repeat: no-repeat; background-position: left; }

.horizitem a:link, .horizitem a:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; }

.horizitem a:hover	{ color: #ffffff; text-decoration: none; background-image: url('../images/header_1_center_hover.png'); background-repeat: repeat;}

.horizitem a:active	{ color: #ffff00; text-decoration: none; }

.horizsubmenu { position: absolute; left: 0; top: 0; visibility: hidden; z-index: 10; }

.horizsubframe	{ background-color: #010101; border: 1px outset #000000; position: relative; display: block; background-image: url('../images/submenu_bkgr.png'); background-repeat: repeat-x; background-position: top; }

.horizsubitem	{ text-align: left; white-space: nowrap; min-width: 180px; }

.horizsubitem a { font-family: Arial, sans-serif; font-size: 11px; text-decoration: none; line-height: 24px; color: #FFFFFF; position: relative; display: block;	text-indent: 5px; }

.horizsubitem a:hover	{ color: #FFFFFF; text-decoration: none; background-color: #444444; }

.dmselected { font-weight: bold; }

.horbar .dmselected {}




/* ========================================================================================================== product info page */

#product_list_page { width: 700px; float: left; }

div.list_header { width: 750px; float: left; background-image: url('../images/header_1_center.png');}
div.list_header_bkgr_left { width: 5px; float: left; background-color: #FFFFFF; }
div.list_header_bkgr_right { width: 5px; float: right; background-color: #FFFFFF; }
div.list_header_left { width: 250px; float: left; line-height: 29px; color: #FFFFFF; font-size: 11px; font-weight: bold; text-indent: 5px; display: inline;  }
div.list_header_center { width: 200px; line-height: 29px; color: #FFFFFF; font-size: 11px; display: inline; }
div.list_header_right { float: right; line-height: 29px; color: #FFFFFF; font-size: 12px; font-weight: bold; padding-right: 5px; display: inline;}

a.pageResults { color: #EA0000; font-size: 12px; font-weight: bold; padding: 1px; text-decoration: none;}
a.pageResults:hover { color: #FFFFFF; text-decoration: none;}

div.prod_heading { width: 100%; float: left; min-height: 320px; height: 320px; }
div.prod_title { width: 100%; float: left; padding-bottom: 10px; }
div.prod_heading_left { width: 330px; float: left; display: inline; }
div.prod_heading_right { width: 350px; float: left; display: inline; }

#listingBox { width: 730px; float: left; padding: 10px; border-bottom: 1pt solid #cccccc; }

a.cattext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1A1A1A; text-decoration: none; }


#listingBox .image { width: 160px; float: left; display: inline;}
#listingBox .content { width: 400px; float: left; display: inline; }
#listingBox .prices{ width: 150px; float: right; display: inline; text-align: right; }

#listingBox .title{width: 100%; float: left; font-size: 14px; padding-top: 5px; min-height: 40px; height: 40px; font-weight: bold; }
#listingBox .pdesc{width: 100%; float: left; font-size: 11px; font-size: 11px; padding-top: 5px; min-height: 60px;}
#listingBox .description {width: 100%; float: left; min-height: 50px; height: 50px;}
#listingBox .priceline{ width: 100%; float: left; }
#listingBox .rrp{ width: 100%; float: right; font-size: 12px; color: #666666; text-align: right; padding-right: 8px;}
#listingBox .price{width: 100%; float: right; color: #AF0015; font-size: 12px; text-align: right;}
#listingBox .quick_view{width: 100%; float: right; text-align: right; padding-top: 5px;}

span.quicklink{ width: 100%; padding-top: 5px; font-size: 11px; color: #666666; font-weight: normal;}
span.wasPrice {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666;}
span.isPrice {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #AF0015;}
span.text {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: bold;}

div.listing_header { width: 750px; float: left; background-image: url('../images/list_header.png'); line-height: 49px; text-indent: 63px; font-size: 24px; color: #999999; }



/* ========================================================================================================== shopping cart page */

#page_title { width: 100%; float: left; }

div.pt_image { white-space: nowrap; padding: 0 10px 0 10px; float: left; }
div.pt_name { float: left; line-height: 45px; font-size: 24px; }
div.pt_right { float: right; line-height: 60px; }

div.cart_heading { width: 100%; float: left; font-weight: bold; color: #FFFFFF; background-image: url('../images/header_1_center.png'); }
div.ch_left { width: 5px; float: left; display: inline; background-color: #FFFFFF; }
div.ch_divider { width: 2px; float: left; display: inline; }
div.ch_divider2 { width: 2px; float: right; display: inline; }
div.ch_right { width: 5px; float: right; display: inline; background-color: #FFFFFF; }
div.ch_qty { width: 80px; float: left; display: inline; line-height: 29px; text-align: center; }
div.ch_product { width: 300px; float: left; display: inline; line-height: 29px; text-indent: 10px; }
div.ch_remove { width: 80px; float: right; display: inline; line-height: 29px; text-align: center; }
div.ch_price { width: 120px; float: right; display: inline; line-height: 29px; text-align: center; }

div.cart_line { width: 100%; float: left; padding: 10px 0 10px 0; border-bottom: 1pt solid #999999;  }
div.cl_qty { width: 85px; float: left; text-align: center; padding-top: 10px;}
div.cl_product { width: 500px;float: left;  display: inline; padding-left: 10px;}
div.cl_image { width: 100px; float: left; display: inline; }
div.cl_name { width: 400px; float: left; display: inline; font-size: 14px; padding-top: 10px;}
div.cl_price { width: 120px; float: right; text-align: center; font-size: 14px; font-weight: bold; color: #cc0000; padding-top: 10px;}
div.cl_remove { width: 85px; float: right; text-align: center; }

div.subtotal { width: 860px; float: left; text-align: right; font-size: 12px; font-weight: bold; }
span.subtotal{ font-size: 14px; font-weight: bold; color: #cc0000; }

div.cart_buttons { width: 100%; float: left; }
div.cb_left{ width: 170px; float: left; display: inline; }
div.cb_center{ width: 250px; float: left; display: inline; }
div.cb_right{ width: 250px; float: right; display: inline; text-align: right; }

div.cart_empty { width: 100%; float: left; min-height: 400px; height: 400px; }
div.empty_text { width: 100%; float: left; padding: 10px 0 20px 0; text-align: center; font-size: 16px; }
div.empty_button { width: 100%; float:left; text-align: center;}



/* ========================================================================================================== checkout pages */

div.login_arrow { width: 100%; float: left; background-image: url('../images/long_arrow.gif'); background-position: right; background-repeat:no-repeat; line-height: 25px;}
div.la_content { white-space: nowrap; float: left; padding-right: 10px; background-color: #FFFFFF; line-height: 25px; font-size: 12px; font-weight: bold; padding-bottom: 4px;}

div.co_login_input { width: 100%; float: left; padding-bottom: 5px; }

div.form_box { width: 720px; float: left; background-image: url('../images/750box_middle.png'); }
div.form_heading { width: 100%; float: left; background-image: url('../images/750box_top.png'); background-color: #CCCCCC; line-height: 28px; text-indent: 10px; font-size: 12px; font-weight: bold; color: #999999;}

div.form_content { width: 700px; padding: 10px; background-image: url('../images/750box_middle.png'); font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

div.form_line { width: 700px; float: left; padding-bottom: 5px; }
div.form_left { width: 150px; float: left; display: inline; }
div.form_right { width: 550px; float: left; display: inline; }

div.pb_line { width: 100%; float: left; }
div.pb_qty { width: 30px; float: left; display: inline; }
div.pb_name { width: 500px; float: left; display: inline; }
div.pb_price { width: 100px; float: right; display: inline; text-align: right; }
div.pb_total { width: 100%; float: left; text-align: right; padding: 10px 0 10px 0; }


div.ship_name { width: 400px; float: left; display: inline; text-indent: 10px; }
div.ship_price { width: 100px; float: right; display: inline; text-align: right; padding-right: 5px;}
div.ship_button { width: 30px; float: right; display: inline; }

div.moduleRow { width: 100%; float: left; line-height: 20px;}
div.moduleRowOver { width: 100%; float: left; background-color: #CCCCCC; cursor: pointer; cursor: hand; line-height: 20px; }
div.moduleRowSelected { width: 100%; float: left; background-color: #E6E6E6; line-height: 20px; }
div.moduleRowSelected2 { width: 100%; float: left; background-color: #E6E6E6; line-height: 20px; }

div.total_box { width: 100%; float: left; text-align: right; font-size:12px; padding-bottom: 5px; }
div.total_title { width: 500px; float: right; display:inline; }
div.total_amount { width: 100px; float: right; display:inline; color: #CC0000; }

div.cp_prodline { width: 100%; float: left; padding-bottom: 10px; }
div.cp_qty { width: 50px; float: left; display: inline; }
div.cp_name { width: 500px; float: left; display: inline; }
div.cp_price { width: 100px; float: right; display: inline; text-align: right; }


div.checkout1a { width: 267px; float: left; line-height: 37px; background-image: url('../images/checkout1_red_num.png'); font-size: 12px; color: #FFFFFF; font-weight: bold; text-indent: 55px; }
div.checkout1b { width: 267px; float: left; line-height: 37px; background-image: url('../images/checkout1_red_tick.png'); font-size: 12px; color: #FFFFFF; font-weight: bold; text-indent: 55px; }

div.checkout2a { width: 243px; float: left; line-height: 37px; background-image: url('../images/checkout2_red_grey.png'); font-size: 12px; color: #333333; font-weight: bold; text-indent: 55px; }
div.checkout2b { width: 243px; float: left; line-height: 37px; background-image: url('../images/checkout2_red_num.png'); font-size: 12px; color: #FFFFFF; font-weight: bold; text-indent: 55px; }

div.checkout3a { width: 245px; float: left; line-height: 37px; background-image: url('../images/checkout3_red_grey.png'); font-size: 12px; color: #333333; font-weight: bold; text-indent: 55px; }

div.checkout4a { width: 225px; float: left; line-height: 37px; background-image: url('../images/checkout4_red_grey.png'); font-size: 12px; color: #333333; font-weight: bold; text-indent: 55px; }



/* ========================================================================================================== reviews on product page */

#review_box { width: 100%; float: left; }
div.review_name { width: 100%; float: left; }



/* ========================================================================================================== social bookmarks */

div.bookmarks { width: 35px; display: inline; }


/* ========================================================================================================== advanced search page */

div.ad_search_heading { width: 100%; float: left; padding-top: 10px; font-size: 14px; font-weight: bold; }