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

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1a1a1a; text-align: center;}
p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #1a1a1a;}
CHECKBOX, INPUT, RADIO { 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; text-align: left; background-color: #FFFFFF; padding: 0 5px 0 5px; }

#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: #FFFFFF;}
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: 12x; color: #000000; }
span.save { width: 100%; float: left; padding-bottom: 5px; font-size: 12px; }
span.price { width: 100%; float: left; padding: 0 0 3px 0; font-size: 12px; color: #000000; }
span.addbutton { width: 100%; float: left; padding-bottom: 5px; font-size: 12px; }

/* ========================================================================================================== box 980 */

div.box980_home { width: 950px; padding: 10px 0 0 30px; float: left; background-image: url('../images/box980_bkgr.gif'); min-height: 50px;}

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

#header { width: 980px; margin: 0 auto; text-align: left; min-height: 85px;}

#header .header_top { width: 100%; float: left; }

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

div.header_search { width: 250px; float: left; }
div.hs_left { width: 150px; float: left; line-height: 21px; height: 21px; display: inline; background-image: url('../images/search_bkgr.gif'); padding: 2px 0 0 10px;}
div.hs_button { width: 35px; float: left; display: inline; line-height: 25px; height: 25px; }
div.hs_button2 { width: 45px; float: left; display: inline; }

#mainMenu { width: 980px; float: left; min-height: 32px; height: 32px; background-image: url('../images/main_menu.gif'); }

a.homeIcon { width: 25px; float: left; display: block; padding: 0 10px 0 10px; background-image: url('../images/iconHome.gif'); background-repeat: no-repeat;}

a.homeIcon:hover { width: 25px; float: left; display: block; padding: 0 10px 0 10px; background-image: url('../images/iconHomeHover.gif'); background-repeat: no-repeat;}

#mainMenu .mleft { width: 25px; float: left; display: inline; padding: 0 10px 0 10px;}
#mainMenu .mshop { width: 46px; float: left; display: inline; line-height: 29px; }
#mainMenu .contentmenu { width: 735px; float: left; display: inline; line-height: 31px; min-height: 29px; height: 29px; }
#mainMenu .content { width: 947px; float: left; display: inline; line-height: 31px; min-height: 29px; height: 29px;  }
#mainMenu .mright{ width: 200px; float: right; display: inline; padding-top: 5px; }
#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: 9px; float: left; display: inline; line-height: 25px; }
#subMenu .smcontent { width: 962px; float: left; display: inline; line-height: 25px; min-height: 25px; background-image: url('../images/header_2_center.png'); }
#subMenu .smright{ width: 9px; 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; color: #A01C1B; font-size: 28px; padding: 10px 0 0 0;}

#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; border-bottom: 1pt dotted #CCCCCC; line-height: 21px; padding-bottom: 1px; text-indent: 5px; color: #666666; text-decoration: none; }
a.leftmenu:hover { color: #000000; background-color: #E6E6E6; border-bottom: 1pt dotted #CCCCCC; 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: #d0d0d0; font-size: 14px; padding-bottom: 10px; }
div.footer_links { width: 100%; float: left; }
a.footer_links { width: 100%; float: left; color: #d0d0d0; line-height: 17px; font-size: 11px; }
div.copyright { width: 100%; float: left; text-align: center; }



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

div.home_left { width: 660px; float: left; display: inline; }
div.home_right { width: 320px; float: right; display: inline; }

#home_banner { width: 980px; float: left; padding-bottom: 10px;}
div.hb_left { width: 330px; float: left;}
div.hb_right { width: 640px; float: right; }
div.hb_banners { width: 100%; float: left; padding: 0 0 10px 0; }
div.cat_links { width: 660px; float: left; text-align: center; padding-bottom: 10px;}
div.cat_link { width: 210px; float: left; display: inline; padding: 0 10px 0 0; }

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; }

div.brand_logos { white-space: nowrap; padding: 0 10px 0 10px; float: left; display: inline; }

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


#cartBox { float: right; padding-top: 20px; text-align: left;  }
#cartBox .cartLeft {width: 40px; float: left; display: inline; padding-right: 10px;}
#cartBox .cartRight {width: 140px; float: left; display: inline; padding-top: 10px;}
#cartBox .cartTotal {width: 100%; float: left; display: inline;}
#cartBox .totalLeft {width: 100%; float: left; text-align: left; font-size: 12px; }
#cartBox .totalRight {float: right; padding-right: 3px }
#cartBox .cartButtons {width: 100%; float: left; line-height: 18px;}

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





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

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



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

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

.horizitem	{ float: left; white-space: nowrap; line-height: 29px; min-height: 29px; height: 29px;}

.horizitem a { font-family: Arial, sans-serif; font-size: 11px; text-decoration: none; display: block; line-height: 29px; min-height: 29px; height: 29px; vertical-align: middle; padding: 0 3px 0 3px;  }

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

.horizitem a:hover	{ color: #D1363D; text-decoration: none;}

.horizitem a:active	{ color: #D1363D; 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_1a.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: 270px; float: left; line-height: 29px; color: #1A1A1A; font-size: 11px; font-weight: bold; text-indent: 5px; display: inline;  }
div.list_header_center { width: 200px; line-height: 29px; color: #1A1A1A; font-size: 11px; display: inline; }
div.list_header_right { float: right; line-height: 29px; color: #1A1A1A; 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: #1A1A1A; text-decoration: none;}

div.prod_heading { width: 100%; float: left; min-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; }


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

#listingBox { width: 166px; float: left; position: relative; padding: 10px; display: inline; text-align: center; min-height: 220px; height: 220px; }

#listingBox .image { width: 100%; float: left; position: relative; top: 0; left: 0; z-index: 1;}
#listingBox .sale { width: 100%; float: left; position: absolute; top: 10; left: 10; z-index: 100; text-align: left;}
#listingBox .content { width: 100%; float: left;  }
#listingBox .title{ width: 100%; float: left; font-size: 11px; padding-top: 5px; }

#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: #000000; text-align: right; padding-right: 8px; }
#listingBox .quick_view{width: 100%; float: right; text-align: right; padding-top: 5px;}
img.corner { position: relative; top: 0; left: 0; }

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: #FFFFFF; }

span.productSpecialPrice { color: #CC0000; }

div.tab_left { width: 50%; float: left; }
div.tl_line { width: 100%; float: left; padding-bottom: 10px;}
div.tl_left { width: 100px; float: left; font-weight: bold; }
div.tl_right { width: 200px; float: left; }
div.tl_right_wide { width: 400px; float: left; }


/* ========================================================================================================== 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: 160px; float: left; display: inline; }
div.cl_name { width: 340px; float: left; display: inline; font-size: 14px; padding-top: 10px;}
div.cl_price { width: 120px; float: right; text-align: center; font-size: 14px; 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; padding-bottom: 10px; clear: both; }
div.review_name { width: 100%; float: left; }
div.rb_left { width: 120px; float: left; display: inline; }
div.rb_right { width: 400px; float: left; display: inline; }
div.rb_content { width: 100%; float: left; padding-bottom: 5px; }
div.rb_bottom { width: 100%; float: left; font-size: 11px; font-style: italic; }



/* ========================================================================================================== 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; }


/* ========================================================================================================== Infinite carousel */

#viewport{
	width: 920px; 
	overflow:hidden;
	position:relative;
}
#viewport ul{
	position: relative; 
	padding: 0; 
	margin: 0;
}
#viewport li{
	width: 184px; /* Defines the size of inner element */
	miin-height: 50px;
	float: left; /* Places list items side by side*/
	list-style: none; /* Resets default - User Agent - style */
	
	/* Cosmetic */
	text-align:center;
}

/* Cosmetic */
#simplePrevious, #simpleNext{
	cursor: pointer;
	font-size: 0.8em;
	text-decoration: underline;	
}