@charset "utf-8";



/* CSS Document */







/* 
CSS For New LPD Doors Site
*/


#socialMedia {
	width:910px;text-align:right;float:right;position:absolute;top:91px;
}

#socialMedia .twitter-share-button {
	margin-left:-23px;
}

#socialMedia .facebook {
	padding-left:3px;position:relative;top: -3px;margin-left:-15px; width:74px;
	top:0px\0/ !important;
}


	

#basket {

font-size:14px;



}



#basket a{

color:#E60000;

}

.txtError{

	font-size:16px;

	font-weight:bold;

	margin-top:20px;

	line-height:30px;

}

.online{

	color:#FF0000;

}



#footer{

 margin-left:20px;margin-right:30px;text-align:right; margin-top:10px;height:100px;

	}

	#footer img {

		float:left;

	}



body {



	margin:0px;



	padding:0px;



	font-family:Helvetica, Arial, Sans Serif;



	font-size:11px;



	color:#FFF;



	background-color:#d0d6d4;



}

a{

	

	color:#fff;

	text-decoration:none;}

p.clear {



	height:1px;



	padding:0px;



	margin:0px;



	clear:both;



}



#container a img {



	border:0px solid #fff;



	outline:none;



}



#container a {



	outline:none;





}



#container-wrapper {



	width:936px;



	margin:0px auto;



	background-image:url(/skins/doorsupplies/styleImages/bg-container.jpg);



	background-repeat:repeat-y;



}



#container {



	width:900px;



	margin:0px auto;



	background-color:#000;



	padding-bottom:20px;

padding-top:15px;

}



.buttons {

	clear:both;

	margin-top:5px;



	background-color:#aaa;



}



.strapline {



	float:right;



	margin-top:20px;



	margin-right:58px;



}



img.sales-line {



	float:left;



	margin-left:18px;



	margin-top:15px;



}



ul#images {



	float:right;



	width:470px;



	list-style:none;



	margin:-11px 0px 0px 0px;



	padding:0px;



}



ul#images li {



	float:left;



	display:block;



	width:141px;



	margin-right:15px;



	margin-top:0px;



	padding-top:0px;



}



#header {



	width:950px;



	



}



#header img.logo {



	float:left;



	margin-left:16px;



	margin-top:24px;



}



#main-menu {



	width:175px;



	margin-top:25px;



	padding-top:15px;



	margin-left:18px;



}



img.title {



	float:left;



	margin-top:20px;



	margin-left:225px;



}



#section-uno, #section-trois {



	background-color:#000;



	color:#fff;



	padding:25px 0px 25px 18px;



	position:relative;



	



}



#section-trois {



	background-color:#aaa;



	padding:0px 0px 0px 18px;



	position:relative;



	



}



.opening-text {



	width:185px;



	float:left;



	line-height:115%;



}



#section-uno .opening-text p {



	padding-top:0px;



	margin-top:0px;



}





.txtContentTitle{

	background:#000000;

	padding:20px;

	font-weight:bold;

	font-size:16px;

	margin-left:-19px;

}



.cartProgress{

	background:#E60000;

	margin-left:-19px;

	padding:10px;padding-left:20px;

	margin-bottom:10px;

	text-align:left;

	

}



.txtcartProgressCurrent{

	font-weight:bold;

}



.tdcartTitle{

font-weight:bold;

}	



.boxContent{

	

	padding-bottom:20px;

	

}



.txtButton{

	background:#E60000;

	padding:5px;

	border:1px solid #CCCCCC;

	color:#FFFFFF;

	font-size:12px;

	margin-right:30px;

}



#section-deux {



	background-color:#aaa;



	padding-left:18px;

	font-size:12px;



}



#section-deux .opening-text {



	padding:20px 0px;



}



#section-deux .opening-text img {



	margin-bottom:10px;



}



#section-deux img.set {



	float:right;



}



.address {



	color:#fff;



	padding:10px 0px 5px 0px;



	border-top:1px solid #fff;



	margin:0px 10px 0px 10px;



	background-color:#000;



}





.address a {



	color:#fff;



}



.sub-menu a {

	text-decoration:none;

}





.sub-menu p {



	text-align:center;



	color:#fff;



}



.sub-menu {



	border-bottom:1px solid #fff;



	margin:0px;



	background-color:#000;



	padding:0px;



}



#content {



	width:474px;



	float:left;



	background-color:#fff;



	margin-left:13px;



	padding:0px 0px 0px 10px;



	position:relative;



	z-index:1;



}



#content-text {



	color:#000;



}



.door-holder {



	padding-left:8px;



	padding-top:15px;



	background-image:url(../images/bg-door-holder.jpg);



	background-repeat:no-repeat;



	margin-left:-6px;



	width:460px;



}



.door {



	width:64px;



	float:left;



	margin-right:11px;



	color:#000;



	font-size:10px;



	height:200px;



}



.door p {



	padding:0px;



	margin:0px 0px 6px 0px;



}



#top {



	background-image:url(../images/bg-door-holder-top.jpg);



}



#bottom {



	background-image:url(../images/bg-door-holder-bottom.jpg);



}



#textamundo {



	padding:20px 10px;



	color:#000;



	line-height:125%;



}



#textamundo a {



	color:#000;



	font-weight:bold;



	text-decoration:none;



}



.textamundo p {



	color:#000;



	padding:8px 0px 0px 0px;



	margin:0px;



	line-height:125%;



}



.textamundo ol {



	color:#000;



	margin-left:13px;



	line-height:125%;



	padding:0px 0px 0px 15px;



}



.textamundo ol li {



	margin-bottom:6px;



}



.textamundo ol li ul {



	list-style:none;



	margin-top:10px;



	margin-left:10px;



	padding:0px;



}



h4 {



	text-transform:uppercase;



	font-size:11px;



	font-weight:bold;



	color:#000;



	margin:10px 0px;



	padding:0px;



}



form {

	margin:0px;

	padding:0px;

}



form input, form textarea {



	border:1px solid #000;







	font-family:Helvetica, Arial, Tahoma, Sans Serif;



	font-size:11px;







}



form input.submit {



	border:0px solid #fff;



	width:61px;



	height:15px;



}



p#bigpad {



	height:200px;



}



#flash-holder {



	margin-left:15px;



	float:right;



	margin-bottom:0px;



	padding:0px;



}







/*







====



Section quatre



=====



*/







#section-quatre {



	clear:both;



	background-color:#aaa;



	color:#000;



	position:relative;



	z-index:1;



}



#section-quatre ul li, #section-quatre ol li {



	margin-bottom:6px;



}



#section-quatre a {



	color:#000;



	text-decoration:none;



}



.left-copy {



	width:176px;



	padding:15px;



	float:left;



	position:relative;



	z-index:1;



	line-height:120%;



}



#content-main {



	width:444px;



	background-color:#fff;



	float:left;



	position:relative;



	z-index:1;



	margin-left:10px;



	padding:20px;



}



table#downloads {



	border:0px solid #fff;



}



table#downloads td {



	padding:5px;



	border-bottom:1px solid #ccc;



}



p.sizes {



	padding-top:6px;



	border-top:1px solid #fff;



}







.subCat {	

	float: left;

	display: inline;/*fixes IE6 float bug*/

	text-indent: 0;

	margin: 5px 5px 10px 5px;

	text-align: center;

	padding: 5px;

	font-size:12px;

	width:190px;

}

	



.subCat a{	

	color:#000; 

}



.subCat img {

	border:1px solid #CCCCCC;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;	

}



.viewCat{

	border:1px solid #CCC;

	height:430px;

	background:#fff url(/skins/doorsupplies/styleImages/cat_bg.jpg);

	background-position:bottom;

	background-repeat:no-repeat;

	width:190px;

	color:#000;

	text-align:center;

}



.viewCat a{

	font-weight:strong;

	color:#000;

	margin-bottom:10px;

}





.viewCat:hover{

	background:#fff url(/skins/doorsupplies/styleImages/cat_bg_hover.jpg);

	background-position:bottom;

	background-repeat:no-repeat;

}





#viewTop {

	background-color:#000;

	margin-left:-18px;

	padding-left:18px;

	padding-bottom:18px; 

	font-size:12px;

}









.catImageSmall {

	width:190px;height:190px;background:#FFF; text-align:center;

}





/* Product View */



.prodImageSmall {

	width:190px;background:#FFF; text-align:center; margin-top:10px;margin-bottom:10px;

}

.relatedProd {

	width:190px;background:#FFF; text-align:center; margin-top:10px;margin-bottom:10px;

	height:380px;

	border:1px solid #999;padding-left:5px;padding-right:5px;	

}



.relatedProd a{

	color:#000000;

}



.txtOldPrice{

	text-decoration:line-through;

	font-weight:normal;

}



.prodBox {

	width:500px; float:right;margin-right:10px;background:#666;padding:20px;margin-top:10px;

	

}



.prodBox a{

	color:#303030;

	font-weight:bold;

	

}

.prodBox li {

	line-height:20px;

	margin-bottom:5px;

}	



.prodBox strong {

		font-size:18px;

}

 

.prodQuan {

	width:845px; clear:both;

}















/* AutoComplete CSS */



.ac_results {

	padding: 0px;

	border: 1px solid #CCCCCC;

	background-color: white;

	overflow: hidden;

	z-index: 99999;

	color:#000;	

	margin-left:-142px;

	width:500px;

}

iframe{}



.ac_results a{

	color:#000;	

}



.ac_results ul {

	width: 300px;

	list-style: none;

	padding: 0px;

	padding-left:5px;

	margin-left: 10px;

	overflow:hidden;

	overflow-x: scroll; 

}



.ac_results li {

	overflow: scroll; 

	margin-left:-6px;

	padding-left:2px;

	padding-top:2px;

	cursor: default;

	display: block;

	list-style: none;

	/* 

	if width will be 100% horizontal scrollbar will apear 

	when scroll mode will be used

	*/

	width: 280px;

	font: menu;

	font-size: 12px;

	/* 

	it is very important, if line-height not setted or setted 

	in relative units scroll will be broken in firefox

	*/

	line-height: 16px;

	overflow: hidden;

}



.ac_results li img {

	padding-right:10px;

	

}



.ac_loading {

	background: white url('indicator.gif') right center no-repeat;

}



.ac_odd {

	background-color: #eee;

}



.ac_over {

	background-color: #0A246A;

	color: white;

}





/* shadowBox */



#sb-container,#sb-wrapper{

text-align:left; 

}

#sb-container,#sb-overlay{

position:absolute;

top:0;

left:0;

width:100%;

margin:0;

padding:0;

}

#sb-container{

height:100%;

display:none;

visibility:hidden;

z-index:999;

}

body > #sb-container{

position:fixed;

}

#sb-overlay{

height:expression(document.documentElement.clientHeight + 'px');

}

#sb-container > #sb-overlay{

height:100%;

}

#sb-wrapper{

position:relative;

}

#sb-wrapper img{

border:none;

}

#sb-body{

position:relative;

margin:0;

padding:0;

overflow:hidden;

border:1px solid #303030;

}

#sb-body-inner{

position:relative;

height:100%;

}

#sb-content.html{

height:100%;

overflow:auto; 

}

#sb-loading{

position:absolute;

top:0;

width:100%;

height:100%;

text-align:center;

padding-top:10px;

}

#sb-body,#sb-loading{

background-color:#060606; 

}

#sb-title,#sb-info{

position:relative;

margin:0; 

padding:0;

overflow:hidden;

}

#sb-title-inner,#sb-info-inner{

position:relative;

font-family:'Lucida Grande',Tahoma,sans-serif;

line-height:16px;

}

#sb-title,#sb-title-inner{

height:26px;

}

#sb-title-inner{

font-size:16px;

padding:5px 0;

color:#fff;

}

#sb-info,#sb-info-inner{

height:20px;

}

#sb-info-inner{

font-size:12px;

color:#fff;

}

#sb-nav{

float:right;

height:16px;

padding:2px 0;

width:45%;

}

#sb-nav a{

display:block;

float:right;

height:16px;

width:16px;

margin-left:3px;

cursor:pointer;

}

#sb-nav-close{

background-image:url(resources/close.png);

background-repeat:no-repeat;

}

#sb-nav-next{

background-image:url(resources/next.png);

background-repeat:no-repeat;

}

#sb-nav-previous{

background-image:url(resources/previous.png);

background-repeat:no-repeat;

}

#sb-nav-play{

background-image:url(resources/play.png);

background-repeat:no-repeat;

}

#sb-nav-pause{

background-image:url(resources/pause.png);

background-repeat:no-repeat;

}

#sb-counter{

float:left;

padding:2px 0;

width:45%;

}

#sb-counter a{

padding:0 4px 0 0;

text-decoration:none;

cursor:pointer;

color:#fff;

}

#sb-counter a.sb-counter-current{

text-decoration:underline;

}

div.sb-message{

font-family:'Lucida Grande',Tahoma,sans-serif;

font-size:12px;

padding:10px;

text-align:center;

}

div.sb-message a:link,div.sb-message a:visited{

color:#fff;

text-decoration:underline;

}







#doorInfo{

margin:auto;	width:936px;

background:#000;

	margin:0px auto;



	background-image:url(../styleImages/bg-container.jpg);



	background-repeat:repeat-y;

}



#doorInfoContainer {



	width:880px;



	margin:0px auto;



	background-color:#000;



	padding-bottom:20px;

margin-top:500px;

margin-bottom:200px;

padding:10px;



}





#doorInfo ul li { margin-bottom:6px; }







#session {

	position:absolute; top:5px; width:890px; text-align:right;

}









	.online { color:#F00;	}

  

	#container #doorsupplies { float:left; width:450px;	height:100px; }

	

	#container #doorsupplies .heading{		font-size:28px;padding-left:15px;	}

	

	#container #doorsupplies h1 {		margin-top:35px;	font-size:10px;		padding-left:20px;	}

	

	#container #doorsupplies .strapline {		left:0px;		top:-70px;		position:relative;		font-size:14px;	}

	

	#container #telephone { margin-top:15px;float:left;width:200px; font-size:12px; }

	

	#container #telephone .telno { font-size:18px;font-weight:bold;position:relative;top:-12px; }

	

	#container .hsbc { float:right;margin-top:11px; margin-right:10px; }