/* css */
body{
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;	
}

a{ color: #26247b; text-decoration:none;}
a:hover{ color: #000; text-decoration:underline;}
a.white, a.white:hover{color:#fff;}
a.underline{text-decoration:underline;}
a.underline:hover{text-decoration:none;}

.red {color:#c8071e;}
.blue{color:#26247b;}
.light_blue{color:#82cadc;}


h1, h2, h3, h4, h5 {
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
	margin:5px 0pt 5px 0px;
	padding:0px;
    font-size:100%; 
    font-weight:normal; 
}

/* base.css, part of YUI's CSS Foundation */ 
h1 { 
    /*18px via YUI Fonts CSS foundation*/ 
    font-size:138.5%;   
} 
h2 { 
    /*16px via YUI Fonts CSS foundation*/ 
    font-size:15px;
} 
h3 { 
    /*14px via YUI Fonts CSS foundation*/ 
    font-size:108%;   
} 
h1,h2,h3 { 
	/* top & bottom margin based on font size */ 
    margin:1em 0; 
} 
h1,h2,h3,h4,h5,h6,strong { 
   /*bringing boldness back to headers and the strong element*/ 
   font-weight:bold;  
} 

input, form, textarea {padding:0; margin:0;}
img{border:0;}
.button_01{
	border:#999 solid 1px;
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#26247b;
	background:#fff;
	padding:1px 3px 1px 3px;
	text-align:center;
	width:50px;
	cursor:pointer;
	cursor:hand;
}
.button_02{
	border:0;
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	color:#fff;
	background:#84c9da;
	padding:1px 3px 1px 3px;
	text-align:center;
	height:22px;
	cursor:pointer;
	cursor:hand;
}
.button_03{
	border:0;
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	color:#122372;
	background:#fff;
	height:26px;
	line-height:26px;
	background:url(../images/arrow_right.gif) right no-repeat;
	text-align:left;
	cursor:pointer;
	cursor:hand;
	padding:0 0 3px 0;
	margin:0;

}

.input_box_01{
	background:url(../images/input_box_01_bg.gif) no-repeat;
	border:0;
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	width:155px;
	height:13px;
	padding:4px;
}

.input_box_02{
	background:url(../images/input_box_02_bg.gif) no-repeat;
	border:0;
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	width:155px;
	height:13px;
	padding:4px;
}

.input_box2_01{
	background:url(../images/input_box2_01_bg.gif) no-repeat;
	border:0;
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	width:25px;
	height:13px;
	padding:4px;
}


.text_box_01{
	background:url(../images/text_box_01_bg.gif) no-repeat;
	border:0;
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	width:310px;
	height:33px;
	padding:4px;
}

.text_box_02{
	background:url(../images/text_box_02_bg.gif) no-repeat;
	border:0;
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
	font-size: 11px;
	width:313px;
	height:33px;
	padding:4px;
}

.fl{float:left;}
.fr{float:right;}
.clear {clear:both;}

/* header */
#header {
	height:90px;
	border-bottom:#26247b solid 3px;
	background:url(../images/container_bg.gif) no-repeat 0 0;
	padding-top: 28px;
}
#header_homepage {
	height:105px;
	border-bottom:#26247b solid 3px;
	padding-top: 15px;
	text-align:center;
}
#header #header_left {float:left; padding-left:30px;}
#header #header_right {float:right;}
#header #header_logo {text-align:right;}
#header #header_navigation{
	color:#82cadc;
	font-size:14px;
	font-weight:normal;
	padding:10px 0 0 0;

}
#header #header_navigation a{
	color:#26247b;
	text-decoration:none;
}
#header #header_navigation a:hover {
	text-decoration:underline;
}
#header #header_title{
	color:#26247b;
	font-size:40px;
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
}
#header #header_title2{
	color:#26247b;
	font-size:20px;
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
}
#header #popup_login_box {
	left:-70px;
	position:absolute;
	top:43px;
	width:165px;
	z-index:100;
	background:#fff;
	border:1px #1d3666 solid;
	padding:5px;
}
#header #login_box_open_button{
	text-align:right;
	padding-top:20px;
}


/* container - content */
#container {
	margin:30px auto 20px auto;
	padding:0 25px 25px 25px;
	width:908px;
	border:#1d3666 solid 3px;
}

#menu {
}

#content {
	margin-top:15px;
	margin-bottom:10px;
	width:100%;
	min-height:455px;
}
* html #content{
	height:445px;
}


/* search results */
#search_results {padding-top:0;}
#search_results .style_box_sr{float:left; width:153px; height:168px;}
#search_results .style_box_image_sr{width:140px; height:140px;}
#search_results .style_box_title_sr{padding-top:5px; color:#26247B; width:140px;}





#content #range_styles_box{float:left; width:550px; text-align:center;}
#content #range_image_1{float:right; width:350px; text-align:right;}
#content #range_image_2{text-align:left; padding-top:40px;}

#content #range_styles_list{color:#888; font-size:12px;}
#content #range_styles_list a{color:#999;}

#content .style_box{float:left; padding:0 25px 10px 0;}
#content .style_box_image{}
#content .style_box_title{padding-top:5px;}
#content .style_box_code{padding-top:5px; font-size:0.89em;}
#content #range_styles_basket{float:right;}
#content #range_styles_basket_title{background:#82cadc; width:90px; line-height:25px; text-align:center; color:#FFFFFF; font-size:13px; margin-bottom:5px; float:right;}
#content #range_styles_basket_empty{text-align:center; color:#888;}


#content #range_products_box{min-height:200px; padding:20px 0 60px 0;}
* html #content #range_products_box{height:200px; padding:20px 0 60px 0;}
#content #range_products_table{width:630px;}
#content .range_products_header td{line-height:24px; color:#26247b; font-size:13px; text-align:center;}
#content .range_products_rows .td1{line-height:22px; color:#999; border-bottom:none; font-size:13px; text-align:center;}
#content .range_products_rows .td2{line-height:22px; color:#999; border-bottom:1px solid #999; font-size:13px; text-align:center;}
#content #range_notes_box{width:630px; min-height:60px; color:#999; font-size:13px; border-top:2px solid #999; line-height:18px; bottom:0; padding-top:5px;}
*html #content #range_notes_box{height:60px;}
#content .range_notes_1{float:left; width:160px;}
#content .range_notes_3{float:left; width:15px; color:#82cadc; font-weight:bold;}
#content .range_notes_2{float:right; color:#26247b; padding-top:18px;}
#content .range_notes_4{float:right; width:61px; height:61px; padding:5px 5px 0 0;}


/* footer */
#footer {
	border-top:#26247b solid 3px;
	border-bottom:#26247b solid 3px;
	line-height:26px;
}
#footer #footer_navigation{
	float:left;
	color:#82cadc;
	font-size:14px;
	font-weight:normal;
}
#footer #footer_navigation a{
	color:#26247b;
	text-decoration:none;
}
#header #footer_navigation a:hover {
	text-decoration:underline;
}

#footer #footer_multimap{float:right;}
#footer #footer_multimap_link{
	width:70px;
	height:26px;
	color:#26247b;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	cursor:pointer;
	cursor:hand;
}
#footer #footer_search{float:right; background:url(../images/footer_menu_search_bg.gif) no-repeat;}
#footer #footer_search_link{
	width:70px;
	height:26px;
	color:#26247b;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
	text-align:right;
	cursor:pointer;
	cursor:hand;
}

/* contact */
.contact_label {float:left; width:158px; font-size:12px; padding-bottom:20px;}
.contact_value {float:left;}
.contact_send{
	border:none;
	font-family: "Helvetica Extended", Helvetica, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color:#93cddd;
	background:#fff;
	padding:1px 3px 1px 3px;
	text-align:center;
	width:50px;
	cursor:pointer;
	cursor:hand;
}

/* wizard */
#wizard_box{float:left; width:355px; min-height:380px; padding-top:20px;}
#wizard_image{float:right; padding-top:20px;}
#wizard_box .wizard_label{float:left; width:150px; color:#26247B; font-size:15px; height:40px;}
#wizard_box .wizard_value{float:left; width:150px;}
#wizard_box #wizard_submit_button {width:119px;}

.dropdown_box {
	color:#122372;
	font-size:12px;
	padding:4px 15px 0 5px;
	margin:0;
	border:none;
	background:url(../images/selectReplacement.gif) no-repeat;
	width:99px;
	height:19px;
	cursor:pointer;
	cursor:hand;
	position:relative;
	overflow:hidden;
	display:block;
}

.dropdown_box2 {
	color:#122372;
	font-size:10px;
	padding:2px 5px 0 5px;
	margin:0;
	border:none;
	background:url(../images/selectReplacement2.gif);
	width:64px;
	height:15px;
	cursor:pointer;
	cursor:hand;
	position:relative;
	overflow:hidden;
	display:block;
}

.dropdown_list{
	color:#122372;
	font-size:11px;
	background:#c6c8ca;
	z-index:1000;
	position:absolute;
	display:none;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	overflow:auto;
	height:120px;
}
* html .dropdown_list{min-height:120px;}

.stop_overflow{overflow:hidden; height:auto;}

.dropdown_list_header{
	background:#999;

}
.dropdown_list_values{
	cursor:pointer;
	cursor:hand;
}



/* login/register */
.error_msg{
	color: #dd001a;
}
.sign_in_form{
	color:#122372;
	width: 163px; 
	background-color: #fff;
	padding: 0;
	margin: 0;
}
.sign_in_header{
	background-color: #122372; 
	color: #fff; 
	width: 153px; 
	padding-left: 10px; 
	line-height: 24px;
	font-size: 13px; 
}
.register_form{
	color:#122372;
	width: 445px; 
	background-color: #fff;
	padding: 0;
	margin: 0;
}
.register_header{
	background-color: #122372; 
	color:#fff;
	width: 445px; 
	padding-left: 10px; 
	line-height: 24px;
	font-size: 13px;
}
.reg_title{
	margin-top: 5px;
	margin-bottom: 3px;
}



/* basket */
.basket_item_holder{
	width: 508px; 
	border-bottom: 1px solid #e8e8e8; 
	border-left: 1px solid #e8e8e8; 
	border-right: 1px solid #e8e8e8; 
	margin-bottom: 10px;
	padding: 0;
	margin: 0;
}

.basket_item_holder .item_update{
	background-color: #e8e8e8;
	width: 350px; 
	float: right;
	line-height: 20px; 
}

.basket_item_holder .item_update .ext_warranty{
	width: 270px; 
	float: left;
	text-align: center;
}

.basket_item_holder .item_update .update_button{
	width: 80px;
	float: left;
	text-align: center;
	font-size: 14px;
}

.basket_button{
	display: block; 
	float: left; 
	width: 168px; 
	border: 1px solid #999999; 
	background-color: #cccccc;
	line-height: 23px;
	text-decoration: none;
	margin-left: 10px; 
	text-align: center;
}

.checkout_holder{
	width: 508px; 
	border: 1px solid #e8e8e8;
	margin-bottom: 10px;
	padding: 0;
}

.checkout_items_header{
	height: 30px; 
	line-height: 30px;
	background-color: #dd001a;
	width: 100%;
	font-size: 14px;
	color: #FFFFFF;
}

.checkout_holder .ext_warranty{
	width: 465px;
	text-align: right;
}

.checkout_holder .checkout_header{
	background-color: #999999;
	color: #FFFFFF; 
	width: 498px; 
	padding-left: 10px; 
	line-height: 24px;
	font-size: 14px; 
	margin-bottom: 15px;
}

.checkout_holder .checkout_confirm{
	background-color: #333333;
	color: #FFFFFF; 
	width: 498px; 
	padding-left: 10px; 
	line-height: 24px;
	font-size: 14px; 
}

.checkout_holder .checkout_title{
	float: left;
	width: 160px;
	text-align: right;
	color: #dd001a;
}

.checkout_holder .checkout_value{
	float: left;
	width: 300px;
	margin-left: 5px;
	text-align: left;
}

.payment_holder{
	width: 508px; 
	border: 1px solid #e8e8e8;
	margin-bottom: 10px;
	padding: 0;
}

.payment_holder .payment_header{
	background-color: #999999;
	color: #FFFFFF; 
	width: 498px; 
	padding-left: 10px; 
	line-height: 24px;
	font-size: 14px; 
}

.account_button{
	display: block; 
	float: left; 
	width: 120px; 
	border: 1px solid #999999; 
	background-color: #cccccc;
	line-height: 23px;
	text-decoration: none;
	margin: 2px 2px 2px 2px; 
	text-align: center;
}

.account_header{
	background-color: #999999;
	color: #FFFFFF; 
	width: 500px; 
	padding-left: 10px; 
	line-height: 24px;
	font-size: 14px; 
	margin-top: 20px;
	margin-bottom: 15px;
}

.button_wrap{
	line-height: 22px;
	position: absolute;
	top: 228px;
	right: 10px;	
}

.button_wrap a{
	text-decoration: none;
}
	
.button_right{
	background: transparent url(../images/view_all_right.gif) no-repeat top right;
	padding-right: 6px;
}

.button_left{
	background: transparent url(../images/view_all_left.gif) no-repeat top left;
	padding-left: 6px;
}

.button_inside{
	background: transparent url(../images/view_all_middle.gif) repeat-x top right;
	color: #FFFFFF;
	padding: 0 3px 0 3px;
}
