@charset "utf-8";
/* CSS Document */

body
{
	padding:		0px;
	margin:			0px;
	text-align:		center;
	font-size:		14px;
	background:		#ededed;
	
	font-family:	Calibri, "Trebuchet MS", Arial, Verdana;
	color:			#333333;

}

a
{
	text-decoration:none;
	color:#3d6aa5;
}

#wrapper
{
		background: url(images/header1.png) no-repeat center top #FFFFFF;
}

#container
{
	width:			980px;
	margin:			0 auto 0 auto;
	text-align:		left;
}

#header
{
	height:			155px;
	width: 765px;

}

#page_logos { float: left; margin-left: 8px; }

#footer
{
	clear:			both;
	padding-top:	10px;
	position:		relative;
	font-size:		.9em;
	line-height:	40px;
	color:			#666666;
}

#footer .box{min-height:20px;}

#footer .contact
{
	position:		absolute;
	top:			10px;
	left:			20px;
}

#footer .links
{
	position:		absolute;
	top:			10px;
	right:			20px;
}

#footer span a
{
	margin-left:	10px;
	color:			#666666;
}

#credentials
{
	margin:10px 0 0 0;
	background:		url(images/credentials.gif) no-repeat right top;
	height:			22px;
	padding-bottom:30px;
}

/* END OF FOOTER ITEMS*/

#homeimage { background: url(http://www.youletdirect.co.uk/wp-content/themes/default/images/home_image.jpg) no-repeat; height: 236px; width: 986px; float: left; }
.home_btn { float: right; margin: 20px 17px 0 0; border: none; }
.howit { float: left; margin: 5px 17px 0 765px; border: none; }


.home { width: 450px; float: left; margin: 10px 0 0 20px;}
.home ul { padding: 0; }
.home li { list-style-image: url(images/bullet.jpg); line-height: 44px;color: #666666; font-size: 26px;}
.home li a { color: #666666; font-size: 26px; }

.testimonial { float: right; width: 398px; height: 173px; }

.advertise_wrap { margin: 50px 0 0 0; }

#advertise { padding: 18px; margin: 0 0 30px 0; width: 600px; float: left; background-color:#EAEAEA;
border:1px solid #D6D6D6; } 
#advertise input { height: 16px; padding: 3px; width: 350px; border: 1px solid D6D6D6; margin-top: 2px;}
#advertise textarea { height: 100px; padding: 3px; width: 350px; border: 1px solid D6D6D6;}
#advertise label { width: 350px;}
#advertise h3 { background-color: #2C4E77; padding: 5px 5px 5px 15px; margin: -27px 0 30px 0; width: auto; color: #fff; border: 1px solid #1C426E; }
#advertise .advertise_left { float: left; width: 290px; }
#advertise .advertise_right { float: left; width: 290px; margin-bottom: 60px; }
#advertise .advertise_right2 { float: left; width: 290px;}

.dropdown { padding: 2px; width: 200px;}
#upload input { height: 26px; width: 100px; }
#checkbox {  margin: 20px 0 10px 0; width: 600px; float: left;}
#checkbox input{ width: 17px; height: 17px;}

#btn input{ margin-top: 20px; border: none; text-indent: -9999px; width: 141px; height: 46px; background: url(http://www.youletdirect.co.uk/wp-content/themes/default/images/btn.png) no-repeat; cursor: pointer; }
#btn input:hover { background: url(http://www.youletdirect.co.uk/wp-content/themes/default/images/btn_roll.png) no-repeat; cursor: pointer; }

#advertise2 { padding: 18px; margin: 30px 0 30px 0; width: 450px; float: left; background-color:#EAEAEA;
border:1px solid #D6D6D6; } 
#advertise2 input { height: 16px; padding: 3px; width: 350px; border: 1px solid D6D6D6; margin-top: 2px;}
#advertise2 textarea { height: 100px; padding: 3px; width: 350px; border: 1px solid D6D6D6;}
#advertise2 label { width: 350px;}
#advertise2 h3 { background-color: #2C4E77; padding: 5px 5px 5px 15px; margin: -27px 0 30px 0; width: auto; color: #fff; border: 1px solid #1C426E; }
#advertise2 #btn input{ margin-top: 20px; border: none; text-indent: -9999px; width: 141px; height: 46px; background: url(http://www.youletdirect.co.uk/wp-content/themes/default/images/btn.png) no-repeat; cursor: pointer; }
#advertise2 #btn input:hover { background: url(http://www.youletdirect.co.uk/wp-content/themes/default/images/btn_roll.png) no-repeat; cursor: pointer; }

#btn2 input{ margin-top: 20px; border: none; text-indent: -9999px; width: 141px; height: 46px; background: url(http://www.youletdirect.co.uk/wp-content/themes/default/images/send_btn.png) no-repeat; cursor: pointer; }


#nav img { float: right; margin: -43px 0px 0 0; border: none; width: 204px; }

/* NAV AREA */
#nav
{
	position:		relative;

	height:			50px;
	/*background:		url(images/navBg.gif) repeat-x;*/
	padding-bottom:	10px; /* Prevents IE rendering bug which applied 10 px margin on the left and right col.*/
}

#nav a
{
	color:			#FFFFFF;
	display:		block;
	padding:		0 15px 0 15px;
	font-size:		1.2em;
}

#nav ul
{
	margin:			0;
	padding:		0;
	list-style:		none;
	height:			inherit;
	height:			50px;
	padding-left:	20px;
}

.widget ul li { font-size: 13px; }

#nav li
{
	line-height:	50px;
	float:			left;
}

#nav li:hover,#nav li a.selected
{
background:		url(images/navBgHover.gif);
}
.current_page_item a:link, .current_page_item a:visited {	background:		url(images/navBgHover.gif); }
.box li.current_page_item a{
  color: #000; background: none;
}

/*
#nav .BL{
	position:absolute;
	bottom:10px;
	left:0;
	background:url(images/outCurveBL.png) !important;
	background:url(images/outCurveBL.gif);
	height:10px;
	width:10px;
	overflow:hidden;
}

#nav .BR{
	position:absolute;
	bottom:10px;
	right:0;
	background:url(images/outCurveBR.png) !important;
	background:url(images/outCurveBR.gif);
	height:10px;
	width:10px;
	overflow:hidden;
}
*/

/* END OF NAV AREA */


/* FEATURE*/
.printlogo
{
    display: none;
}

#feature
{
	height:			255px;
	position:		relative;


	overflow:		hidden;
}
/*
#feature .TL
{
	position:		absolute;
	top:			0;
	left:			0;
	background:		url(images/outCurveTL.png) !important;
	background:		url(images/outCurveTL.gif);
	height:			10px;
	width:			10px;
	z-index:		2;
	overflow:hidden;
}

#feature .TR
{
	position:		absolute;
	top:			0;
	right:			0;
	background:		url(images/outCurveTR.png) !important;
	background:		url(images/outCurveTR.gif);
	height:			10px;
	width:			10px;
	z-index:		3;
	overflow:hidden;
}
*/
#feature span.slogan
{
	position:		absolute;
	bottom:			80px;
	display:		block;
	text-align:		right;
	padding-right:	20px;
	width:			745px;
	font-size:		2.1em;
	color:			#FFFFFF;
	font-style:		italic;
	z-index:		4;
}

#feature span.number
{
	position:		absolute;
	bottom:			55px;
	display:		block;
	text-align:		right;
	padding-right:	20px;
	width:			745px;
	font-size:		1.8em;
	color:			#FFFFFF;
	font-style:		italic;
	z-index:		5;
}

#feature .logo
{
	position:		absolute;
	top:			30px;
	left:			20px;
	
	background:		url(images/logo.png) !important;
	background:		url(images/logo.gif);
	width:			468px;
	height:			90px;
	overflow:		hidden;
	line-height:	200px;
	z-index:		5;
	background-repeat:no-repeat;
}

/* END OF FEATURE*/

#colL{
	float:			left;
	width:			520px;
	min-height:			200px;
	margin-left: 20px;
}

#colR
{
	width:			255px;
	float:			right;
}

#colR .spacer{
	height:10px;
}

/* REUSABLE BOX CLASS*/
/*
.box
{
	position:		relative;
	min-height:		100px;
	background:		#e2e2e2 url(images/subnavBG.jpg);
	border:			#d7d7d7 solid 1px;
	padding:		10px;
}

.box .TL,.box .TR,.box .BL,.box .BR
{
	position:		absolute;
	width:			10px;
	height:			10px;
	display:block;
	overflow:hidden;
}

.box .TL
{
	top:			-1px;
	left:			-1px;
	background:		url(images/TL.gif);
}

.box .TR
{
	top:			-1px;
	right:			-1px;
	background:		url(images/TR.gif);
}

.box .BL
{
	bottom:			-1px;
	left:			-1px;
	background:		url(images/BL.gif);
}

.box .BR
{
	bottom:			-1px;
	right:			-1px;
	background:		url(images/BR.gif);
}
*/

/* REUSABLE BOX CLASS*/

/* SEO */
#seo{border-top:#CCCCCC solid 1px;min-height:200px;font-size:0.7em;color:#a9a9a9;}
#seo p {padding-top:20px;width:980px;margin:0 auto 0 auto;}

h1
{
	margin:			0;
	padding:		0;
	margin-top:		20px;
	margin-left:	0px;
	margin-bottom:	10px;
	font-size:		2em;
	color:#3d6aa5;
	font-weight:normal;
}

p
{
	margin:			0;
	margin-left:	0px;
	margin-bottom:	10px;
font-size:1.1em;
}

#colL p
{
	width:			500px;
	font-size:		1em;
}



#subColL
{
	float:			left;
	width:			200px;
	padding-top:60px;
	margin-right: 25px;
}

#subColL .box
{
	min-height:		250px;
}

#subColL ul{list-style:none;padding:0;margin:0;}
#subColL a
{
	display:		block;
	text-align:		right;
	padding:5px 20px 5px 0;
border-bottom:1px #ccc dotted;
font-size:1.2em;
}

#subColL a:hover{color:#666666;}

#subColL a.selected
{
	color:black;
	background:		url(images/bullet.gif) no-repeat right top;
}


#subColR
{
	float:			right;
	width:			650px;
	
}

form{padding-left:20px;clear:both;}


/* Google Map */
#map {
    border:5px solid #e2e2e2;
}

/* End of Google Map */

.results {margin: 0 20px; padding-top:10px;}

.results .searchmessage {display:block;border-top:#CCCCCC solid 1px;border-bottom:#CCCCCC solid 1px;padding:4px 0;margin-bottom:10px;font-weight:bold;}

.results .thumb,.results .details {float:left;}

.results .thumb {margin-right:20px;}

.thumb img {border:0px;}

.results .thumb {border:#CCCCCC solid 1px;padding:4px;}

.breaker {clear:both;border-bottom:#CCCCCC solid 1px;margin-bottom:10px;padding-top:10px;}


.price {font-size:16px;color:#17522e;}

.price strong{font-size:19px;font-weight:bold;}

.shortdescription {margin-top:8px; margin-bottom:6px;}


h2 {margin:0;margin-left:20px;margin-bottom:5px;font-size:16px;}


.largepic {float:left;border:#CCCCCC solid 1px; padding:4px;margin-top:20px;}

.thumbholder {
	width:180px;
	float:right;
	margin-top:20px;
}

.thumbholder .thumb {margin:0 4px 4px 0;}

.results h1 {margin:0;}


.results .price2 {/*position:absolute;top:16px;right:4px;*/float:right;margin-top:-40px;}

.fulldetails {text-align:justify;}
.fulldetails h2 {margin:0;}
.fulldetails h3 {clear:both;margin:0;padding-top:20px;}
.fulldetails img.thumb{float:right;margin-left:20px;}

/* feedback form */
.text 
{
    width:300px;
}

.uploadform h3
{
    margin-bottom:3px;
    padding-bottom:0px;
    width:550px;
    padding:0px;
    font-size:15px;
}


/* SLIMBOX */

#lbOverlay {
	position: absolute;
	z-index: 9999;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}