/*css in here*/

body {
	font: 70%/1.3em Verdana,Arial,  sans-serif;
	text-align: left;
	background: #FFF;
	color:#000000;
	margin: 20px;
}

p{
	font-size: 1em;	
}

a{	
	color: #000;
	font-weight: bold;
}

#d_main{
	clear: both;
}

img{
	border: 0;
}

#d_body_holder{
	width: 735px;
	padding: 0;
	position: relative;
}

#login_menu{
	position: absolute;
	right: 0;
	margin: 0;
	padding: 0;
	top: 0;
	list-style-type: none;
}


#login_menu li{
	float: left;
	display: inline;
	margin-left: 15px;
	color: #7A7A8C;
}

#login_menu li a{
	display: block;
	background: url('../img/menu_arrow.gif') no-repeat 0 0.3em;
	padding-left: 10px;
	color: #7A7A8C;
	text-decoration: none;
}

#primary_menu{
	margin: 0;
	padding: 0;
	height: 2em;
	list-style-type: none;
}

#primary_menu li{
	float: left;
	display: inline;
	background: url('../img/menu_arrow.gif') no-repeat 0 0.2em;
	padding-left: 10px;
	margin-right: 18px;
}

#secondary_menu{
	margin: 0;
	padding: 0;
	list-style-type: none;
	height: 2em;
}

#secondary_menu .prodLink img{
	position: relative;
	top: 1px;
}

#secondary_menu li{
	float: left;
	display: inline;
	background: url('../img/menu_arrow.gif') no-repeat 0 0.2em;
	padding-left: 10px;
	margin-right: 18px;
}


#secondary_menu li a{
	color: #7A7A7A;
	text-decoration: none;
}

#secondary_menu li a:hover, #secondary_menu li.secondary_menu_selected a{
	color: #F91B00;
}

#main_application{
	background:#B2CFE5 url('../img/background.jpg') no-repeat bottom;
	width: 735px;
	min-height: 250px;
}

#intro_holder{
	padding: 20px 0 20px 20px;
	position: relative;
}

#intro_copy{
	width: 436px;
	float: left;
}

#intro_copy h2{
	margin-top: 0;
}

#intro_copy p{
	margin: 10px 0 0 0px;
}

#intro_flash{
	width: 236px;
	padding: 20px;
	position: absolute;
	top: -20px;
	right: -10px;
}


#project_menu{
	margin: 0;
	padding: 0;
	height: 25px;
	width: 735px;
	background:#F91B00;
	position: relative;
	top: -40px;
}

#project_menu li{
	float: left;
	display: inline;
	margin-top: 7px;
	position: relative;
	padding-left: 10px;
	margin-left: 20px;
	background: url('../img/submenu_arrow.gif') no-repeat 0 0.1em;
}

#budget_stub{
	position: relative;
	border: 1px solid #F91B00;
	border-right: 10px solid #F91B00;
	background: #D5E4F3 url('../img/planner_bg.jpg') top left no-repeat;
	height: 30px;
	display: none;
	padding: 10px;
}

#budget_planner{
	
}

.main_planner{
	padding: 20px;
}


#detail_copy ul{
	padding-left: 15px;
	_padding-left: 0px;
	_margin-left: 15px;
}


#budget_menu{
}

#budget_menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}




#budget_menu li{
	float: left;
	margin-right: 5px;
	margin-bottom: 10px;
}

#product_name{
	width: 675px;
	background: #999 url('../img/tick_circle.gif') 2px 3px no-repeat; 
	padding-left: 20px;
	padding-bottom: 1px;
	margin-bottom: 5px;
	_width: 685px;
	font-weight: bold;
	color: #fff;
	min-height: 16px;
	position: relative;
}


#accessory_title{
	width: 675px;
	background: #000;
	padding-left: 20px;
	padding-bottom: 1px;
	margin-bottom: 5px;
	_width: 680px;
	font-weight: bold;
	color: #fff;
	position: relative;
}


#product_close{
	position: absolute;
	right: 0px;
	top: 0px;
	background: url('../img/arrow_grey2.gif') 0px 5px no-repeat; 
	padding-left: 10px;
	padding-right: 10px;	
}

#product_close a{
	color: #fff;
	text-decoration: none;
}


#product_close a:hover{
	text-decoration: underline;
}

#product_menu{
	clear:both;
	position: relative;
	width: 695px;
	background: #D6E4F3;
	padding: 5px;
}
.product_link{
	background:#fff url('../img/menu_arrow.gif') no-repeat 5px 3px;
	color: #000;
	font-weight: bold;
	padding-left: 15px;
	width: 327px;
	display: block;
	margin-bottom: 5px;
	float: left;
}
.product_link_left{
	margin-right: 10px;
}

.product_link a{
	text-decoration: none;
}

.section_link{
	clear: both;
	background: #000 url('../img/arrow_black.gif') 5px 3px no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	padding-bottom: 1px;
	display: block;
	margin-bottom: 5px;
	_margin-top: 5px;
	cursor: pointer;
}
.section_link_active{
	background: #F91B00 url('../img/arrow_black_down.gif') 3px 6px no-repeat;
}


.section{
	display: none;
}



#product{
	width: 700px;
	height: 400px;
	display: none;
}

.product_name_link{
	margin-bottom: 10px;
	display: block;
}

.product_info{
	position: relative;
}

#d_image_picker{
	margin-bottom: 10px;
}

.chooseProduct_but{
	position: absolute;
	right: 5px;
	text-indent: -3000px;
	background: url('../img/choose_options.gif') no-repeat;
	width: 155px;
	height: 18px;
}

.product_preview_copy{
	position: absolute;
	right: 5px;
	top: 20px;
	width: 155px;
	margin: 0;
	font-weight: normal;
	font-size: 0.8em;
	line-height: 1.1em;
}

#basket{
	background: #F91B00;
	color: #fff;
	width: 735px;
}	

#basket_added{
	position: absolute;
	top: 25px;
	right: 260px;
	background: #F91B00;
	color: #fff;
	z-index: 10;
	display: none;
}	

#basket_contents{
	position: absolute;
	z-index: 10;
	top: 55px;
	left: 15px;
	display: none;
	background: #D5E4F3 url('../img/planner_bg.jpg') top left no-repeat;
	color: #000;
	width: 700px;
	padding-left: 10px;
	padding-top: 10px;
}

#basket_total{
	width: 731px;
	font-weight: bold;
	height: 17px;
	background: #F91B00;
	text-align: right;
	padding: 2px;
}

#basket_total #basket_link{
	display: none;
}


#overall_total{
	margin-bottom: 25px;
}

#overall_close{
	position: absolute;
	right: 0;
	bottom: 1px;
}


.overall_price{
	background: #000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 120px;
	display: block;
	float: left;
	text-align: center;
	min-height: 16px;

}

.overall_desc{
	background: #000;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 557px;
	display: block;
	float: left;	
	min-height: 16px;
	margin-right: 2px;

	padding-left: 5px;
}




.blinds_price{
	background: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 120px;
	display: block;
	float: left;
	text-align: center;
	min-height: 16px;

}

.blinds_desc{
	background: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 557px;
	display: block;
	float: left;	
	min-height: 16px;
	margin-right: 2px;

	padding-left: 5px;
}


#overall_close a{
	background: #F91B00 url('../img/arrow_redfill_up.gif') 3px 7px no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	padding-bottom: 1px;
	padding-right: 5px;
}

#basket_contents ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.basket_quantity{
	background: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 20px;
	display: block;
	float: left;
	text-align: center;
	min-height: 20px;
	margin-right: 2px;
	padding-top: 1px;
}

.basket_price{
	background: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 100px;
	display: block;
	float: left;
	text-align: center;
	min-height: 20px;
	padding-top: 1px;
}

.basket_desc{
	background: #fff;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 500px;
	display: block;
	float: left;	
	min-height: 20px;
	margin-right: 2px;
	padding-top: 1px;
	padding-left: 2px;
}


.contractor_desc{
	
	width: 215px;	
	float: left;
}

.finish_desc{
	
	margin-left: 57px;
	_margin-left: 28px;
}
.contractor_price{
	width: 120px;
	float: left;
}

#ul_contractors{
	width: 700px;
	margin: 0;
	padding: 0;
}

#basket_contents h4{
	background: #000;
	clear: both;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	padding-bottom: 1px;
	width: 678px;
	
	display: block;
	margin-bottom: 5px;
	cursor: pointer;
}

#basket_contents li{	
	clear: both;
	padding-top: 5px;
}

#ul_contractors li{
	float: left;
	display: block;
	width: 343px;
	clear: none;
	margin: 0 0 5px 0;
	padding: 0;
}


.basket_remove{
	float: left;
	margin-right: 2px;
}

.basket_link{
	background: #F91B00 url('../img/arrow_red.gif') 5px 3px no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	padding-bottom: 1px;
	padding-right: 5px;
	width: 50px;
}

.basket_link_active{
	background: #F91B00 url('../img/arrow_redfill_up.gif') 3px 7px no-repeat;
}

.type_image{
	margin-right: 5px;
	float: left;
}
.type_image img{
	border: 2px solid #999;
}


.selected_type img{
	border: 2px solid  #F91B00;
}
#type_selector{
	width: 180px;
	height: 100px;
	float: left;
}


#d_type{
	float: left;
	width: 220px;
}	
#d_finish{
	float: left;
	width: 180px;
}	
#d_lfinish{
	float: left;
	width: 285px;
	padding-left: 20px;
}

#product_controls{
	width: 300px;
	_width: 290px;
	position: relative;
	height: 100px;
	float: left;
}

#d_dimensions{
 	width: 140px;
 	height: 110px;
 	position: relative;
 	float: left;
}	

#price{
	font-size: 1.1em;
	font-weight: bold;
	margin:0;
	padding: 0;
	float: left;
	display: block;
	width: 80px;
	height: 60px;
}

.highlight{
	color: #F91B00;
}


#d_lower{
	width: 705px;
	_width: 690px;
	position: relative;
}

#d_images{
	width: 170px;
	float: left;
	margin-right: 10px;
	height: 120px;
}

.img_left_arrow{
	float: left;
}
#imageHolder{
	width: 116px;
	height: 86px;
	border-left: 2px solid #D5E4F3;
	border-right: 2px solid #D5E4F3;
	float: left;
	background: #fff;
	text-align: center;
}



#dimension_chooser{
	width: 90px;
}

#box_holder{
	position: absolute;
	top: 50px;
	left: 0px;
	width: 80px;
	height: 100px;
	text-align: center;	
}

#box_example{
	margin: 0 auto 0 auto;
	border: 1px solid black;
}

#box_code{
	color: #999;
	font-weight: bold;
	font-size: 0.9em;
	margin-top: 5px;
}

.dim_left_arrow{
	float: left;
}
#dimensionHolder{
	background: #fff;
	width: 62px;
	border-left: 2px solid #D5E4F3;
	border-right: 2px solid #D5E4F3;
	float: left;
	text-align: center;
	display: block;
	font-weight: bold;
	padding: 10px 0 10px 0;
	margin: 0;
}

#d_detail{
	width: 210px;
	float: left;
	margin-right: 10px;	
}

#detail_copy{
	font-size: 1em;
}

#d_options{
/*	display: block;*/
	text-align: left;
}

.dopt_, .dopt_notypefinish{
	float: right;	
}

.dopt_finish{
	clear: both;
}

.option_link{	
	background: #5E646A url('../img/arrow_grey.gif') 5px 3px no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;	
	display: block;
	margin-bottom: 5px;
	cursor: pointer;
}



.backToChooser{
	display: block;
	margin-top: 5px;
}
.option_link_active{
	background: #F91B00 url('../img/tick_red.gif') 3px 4px no-repeat;
}

.opt_{
	width: 290px;
}
.opt_notypefinish{
	width: 460px;
	_width: 500px;
}

.opt_notype{
	width: 680px;
}

.finish_link{	
	background: #5E646A url('../img/arrow_grey.gif') 5px 3px no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	width: 150px;
	display: block;
	margin-bottom: 5px;
	cursor: pointer;
}
.finish_link_active{
	background: #F91B00 url('../img/tick_red.gif') 3px 4px no-repeat;
}

#d_lfinish .finish_link{
  width: 270px;
}

#plusminus{
	width: 12px;
	height: 30px;
	position: absolute;
	top: 23px;
	right: 10px;
}

#plusminus img{
	margin-bottom: 2px;
}


#buttons{
	position: absolute;
	right: 5px;
	bottom: -25px;
}

#product_added{
	display: none;
	padding-bottom: 2px;
	position: absolute;
	left: -15px;
	top: 5px;
}


#d_quantity{
	width: 70px;
	height: 60px;
	position: absolute;
	right: 1px;
}

#d_quantity input{
	border: 0;
	width: 42px;
	height: 34px;
	padding: 10px;
	font-weight: bold;
	text-align: center;	
	
}


h4{ 
	margin: 0 0 4px 0;
	padding: 0;
	_font-size: 1.1em;
	
}

#d_accessories{
	clear:both;
	position: relative;
}

#d_accessories #buttons{
	bottom: -5px;
}

.accessory_link{	
	background: #5E646A url('../img/arrow_grey.gif') 5px 3px no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 50px;
	width: 630px;
	_width: 680px;
	display: block;
	margin-bottom: 5px;
	cursor: pointer;
	position: relative;
}

.accessory_cost{
	position: absolute;
	right: 5px;
	top: 0px;
	
}

.accessory_link_active{
	background: #F91B00 url('../img/tick_red.gif') 3px 4px no-repeat;
}

form{ 
	margin: 0;
	padding: 0;
}

#acc_controls{
	margin-left: 485px;
	width: 200px;
	height: 100px;	
	position: relative;
}

#accessory_price{
	font-size: 1.1em;
	font-weight: bold;
	margin:0;
	padding: 0;
}

#d_acc_quantity{	
	width: 70px;
	position: absolute;
	right: 0px;
}

#d_acc_quantity input{
	border: 0;
	width: 42px;
	height: 34px;
	padding: 10px;
	font-weight: bold;
	text-align: center;
}

#accessory_added{
	display: none;
	padding-bottom: 2px;
	position: absolute;
	left: -15px;
	top: 5px;
}

#blinds{
	position: relative;	
}
.blinds_added{
	position: absolute;
	right: 60px;
	top: 53px;
	display: none;
}

#extras_page{
	clear:both;
	width:704px;
	overflow: hidden;
}

.contractor{
	background: url('../img/contractor_bg.gif') no-repeat;
	width: 132px;
	height: 202px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	position: relative;
	overflow: hidden;
}

.contractor_cost{
	margin-left: 10px;
	color: #F91B00;
	font-weight: bold;	
	background: #F4F8FB;
	padding: 2px;
	width: 110px;
}

.contractor_cost .inp_text{
	width: 90px;	
	background: 0;
	color: #F91B00;
	border: 0;		
	font-weight: bold;
	
}

.btn_update{
	margin-left: 5px;
	position: absolute;
	top: 50px;
	right: 10px;
}

#blinds_inp{
	width: 280px;
	position: relative;
	height: 50px;
}

#blinds_inp .btn_update{
	top: 0px;
}	


.blinds_added{
	position: absolute;
	right: 60px;
	top: 3px;
	display: none;
}


.extra_added{
	position: absolute;
	right: 60px;
	top: 53px;
	display: none;
}

.contractor h4{
	color: #fff;
	margin-left: 10px;
	margin-top: 5px;
}

.contractor_desc textarea{
	border: 0;	
	background: 0;
	width: 112px;
	margin-left: 5px;
	height: 125px;
	position: absolute;
	top: 69px;
	left: 5px;
}

.title{
	background: #000 url('../img/arrow_black.gif') 5px 5px no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 680px;
	display: block;
	float: left;	
	min-height: 20px;
	margin-right: 2px;
	margin-bottom: 5px;
	padding-top: 1px;
	padding-left: 15px;
}

.title_short{
	width: 290px;
}

.title_active{
	background: #999 url('../img/arrow_black_down.gif') 2px 8px no-repeat;
	
}

.form_row{
	width: 600px;
	clear: both;
	margin-top: 5px;
}

.form_row label{
	width: 120px;
	display: block;
	margin-right: 10px;
	float: left;
	color: #fff;
}

.form_row input{
	border: 0;
}

.error{
	color: #F91B00;
	font-weight: bold;
}

.register_error{
  color: #fff;
   font-weight: bold;
} 

#d_login_frame{
	width: 715px;
	overflow: hidden;
	background: #F91B00;
	position:relative;
	top:-40px;
	padding: 10px;
	color: #fff;
	display: none;
}

#d_offline{
	width: 715px;
	overflow: hidden;
	background: #F91B00;
	position:relative;
	top:-40px;
	padding: 10px;
	color: #fff;
}

#d_login{ display: none;}
#d_newuser{display: none;}

#d_login a{
	color: #fff;
}

#d_intro{
	width: 380px;
}
#d_extras_info{
	width: 680px;
}


#note_container{
	height: 200px;
	width: 690px;
	overflow-y: auto;	
}

.note{
	background: #fff;
	margin-bottom: 5px;
}
.note_date{
	background: #999;
	padding-left: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	color: #fff;
}
.note_content{
	padding-left: 2px;
}

#basket_links{
	width: 705px;
	padding-top: 10px;
}

#basket_links a{
	display: block;
	width: 325px;
	color: #666;
	background: #fff url('../img/arrow_redfill.gif') 5px 5px no-repeat;
	text-decoration: none;
	padding: 2px 0 2px 15px;
	float: left;
	margin: 0 5px 0 0;
}

/*velux header*/

#SiteMainNavTable {
	margin-bottom: 20px;
}

/*TopLevelNavigation selected*/
.SiteNavMenuItemSelected{visible:false;white-space:nowrap;color:#FF0000;text-decoration:none;font-family:verdana,arial;font-size:10px;font-weight:bold;padding-right:21px;}
.SiteNavMenuItemSelected:visited{visible:false;color:#FF0000;text-decoration:none;}
.SiteNavMenuItemSelected:link{visible:false;color:#FF0000;text-decoration:none;}
.SiteNavMenuItemSelected:hover{visible:false;color:#FF0000;text-decoration:none;}
.SiteNavMenuItemSelected:active{visible:false;color:#FF0000;text-decoration:none;}
/*TopLevelNavigation*/
.SiteNavMenuItem{visible:false;white-space:nowrap;color:#333333;text-decoration:none;font-family:verdana,arial;font-size:10px;font-weight:bold;padding-right:20px;}
.SiteNavMenuItem:visited{visible:false;color:#333333;text-decoration:none;}
.SiteNavMenuItem:link{visible:false;color:#333333;text-decoration:none;}
.SiteNavMenuItem:hover{visible:false;color:#FF0000;text-decoration:none;}
.SiteNavMenuItem:active{visible:false;color:#333333;text-decoration:none;}
/*TopLevelFunctionLinks*/
.topMenuAreaLink{visible:false;color:#737371;text-decoration:none;font-family:verdana,arial;font-size:9px;padding-right:10px;padding-left:11px;white-space:nowrap;}
.topMenuAreaLink:visited{visible:false;color:#737371;text-decoration:none;}
.topMenuAreaLink:link{visible:false;color:#737371;text-decoration:none;}
.topMenuAreaLink:hover{visible:false;color:#737371;text-decoration:underline;}
.topMenuAreaLink:active{visible:false;color:#737371;text-decoration:none;}
/*SearchBoxStyling*/
#SearchTable{border:solid 1px #737371;border-collapse:collapse;}
#SearchTable td{border:solid 1px black;border:solid 1px #737371;}
.SearchBox{visible:false;font-family:Verdana,Arial;font-size:10px;height:12px;width:99px;overflow:hidden;border:none;}
.SearchButton{visible:false;margin:0px;padding:0px;border:none;height:14px;width:14px;background-image:url(/veluxcommon/images/common/_right.gif);background-repeat:no-repeat;background-position:5px center;}


#vat_info{
	clear: both;
	margin-left: 2px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */