*{ font-weight:normal; margin:0px; padding:0px;}
img{ margin:0px; padding:0px; display:block; border:none;}

body {
color:#000000; 
font-family: Helvetica, Arial, sans-serif; 
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the */
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
font-size:12px;
}
body { behavior: url("http://www.craneshedsandsummerhouses.co.uk/csshover3.htc"); }

h1{ font-size:28px; margin-bottom:5px; color:#800000; font-family: Garamond, Times New Roman, Serif; padding-right:10px;  font-weight:bold; }
h2{ font-size:22px; margin-bottom:5px; color:#800000; font-family: Garamond, Times New Roman, Serif; padding-right:10px; font-weight:bold;}
h3{ font-size:16px; margin-bottom:5px; color:#800000; font-family: Garamond, Times New Roman, Serif; padding-right:10px; font-weight:bold; }

a{ text-decoration:none;color:#B30000;}
a:hover{ text-decoration:underline;}
p{ text-align:justify; margin:0px; padding-bottom:8px; padding-top:4px;line-height:1.2em;}
.first{ color:#333333; font-size:18px; font-family: Garamond, Times New Roman, Serif;  padding-right:10px;  }


.container{
width: 900px;
margin: 5px auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
background-color: #F1F1F2;
position:relative;
}

.banner{ height:110px; background-color:#800000; text-align:center; position:relative;}
#logo{ float:left; padding-top:13px; padding-left:10px;} 
#big-contact{ float:right; margin-top:20px; color:#FFFFFF; font-family: Garamond, Times New Roman, Serif; text-align:right; font-size:18px; padding-right:10px; }

#agentlogged{ clear:right; color:#FFFFFF; font-family: Garamond, Times New Roman, Serif; text-align:right; font-size:16px; padding-right:10px; padding-top:5px; line-height:30px; position:absolute; width:500px; top:65px; right:0px; }


#big-contact span{ font-size:1.4em; font-weight:bold; }

#big-contact span a{ color:#FFF; font-size:24px; }

.content{ border-top: 5px solid #ffffff; position:relative; }
.summerhouse-content { border-top: 5px solid #ffffff; position:relative;}
.studio-content { border-top: 5px solid #ffffff; position:relative;}
.summerhouse-sub-content{ border-top: 5px solid #ffffff; position:relative;}
.priceengine-content{ border-top: 5px solid #ffffff; position:relative;}
.index-content{ border-top: 5px solid #ffffff; position:relative;}
.admin-content{ border-top: 5px solid #ffffff; position:relative;}


.leftcolumn{float:left; width: 205px; }
.main-site{ border-right: white 5px solid; 
padding-right:20px; padding-left:20px; padding-bottom:10px; min-height:950px;  }
.centerpage{  margin-left:0px; border-left: 5px solid #ffffff; float:left; width:690px;  }
.centerpage h1{ padding-top:10px;}



.admin-content .leftcolumn{  height:1200px; position:relative;}
.admin-content .main-site{  border: none; padding:0px; margin:0px; padding-left:12px; padding-right:10px; padding-bottom:20px;}
.admin-content .centerpage{ width:660px;}
	
	
	
	
	
.priceengine-content .main-site{ 
 
	border: none; 
	padding:0px; 
	margin:0px; 
	padding-left:22px; 
	padding-right:20px; 
	padding-bottom:20px;
	}
	
.index-content .main-site{  
	border: none; 
	padding:0px; 
	margin:0px;   
	}




.summerhouse-content .main-site, .studio-content .main-site { 
	min-height:950px; 
	border: none; 
	padding:0px; 
	margin:0px; 
	padding-left:20px; 
	padding-right:20px; 
	padding-bottom:20px; 
	background-color:#FFF2CE; 
}

 .summerhouse-sub-content .main-site, .studio-content .main-site{  
	border: none; 
	padding:0px; 
	margin:0px; 
	background-color:#FFF2CE;
	}

 .national-content{  
	border: none; 
	padding:0px; 
	margin:5px 0 0 0; 
	background-color:#ffffff;
	}

.greybox{ width:500px; height:20px; background-color:#58585b; float:right; margin-right:-23px; 
}

.national-middle{ letter-spacing:.08em;}

.national-middle p{
	margin-right:-23px;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.2em;
	font-size:16px;
	padding:10px;
	color: #666;
	padding-top:0px;
	padding-left:0px;
}


.national-middle h2{
	color:#6C2877; font-size:28px; padding:10px; padding-left:0px;
}

.national-middle h1{
	color:#6C2877; padding:20px; font-size:28px;
}

.national-middle h3{
	color:#6C2877;
}

.national-prices{ padding-top:20px;}

.national-prices p{ display:block; float:left; width:140px; padding:15px; }


.national-prices table th{ background-color:#58585b;}
.national-prices table td{padding: 6px; border: 1px solid #58585b;}
.national-prices table { border: 1px solid #58585b;}


.national-spec table th{background-color:#CCC; padding:10px;}
.national-spec table td{padding: 9px; border: 1px solid #CCC;}
.national-spec table { border: 1px solid #CCC;}






.national-paint div{float:left; padding:7px; text-align:center;}
.national-paint h2{color:#454648; font-size:18px;}


.national-shed{ float:left; padding:50px;}
.greyright{ background-color:#58585b; width:290px; margin-right:-23px; float:right;}
.greyright p{ color:#FFF; margin:0px; padding:20px; font-size:14px; line-height:1.3em; text-align: justify;}
.greyright ul{
	padding:20px;
	list-style-type: none;
}
.greyright li{ color:#FFF; list-style-type: none; padding-bottom:9px; }
.greyright h2{ color:#FFF; margin:0px; padding:20px; padding-bottom:0px; font-size:20px; }




#directory{ border-top: 5px solid #ffffff;}
#directory div{ padding:22px 0 0 45px; width:180px; float:left;}
#directory h6{ padding: 4px 3px; color: #800000; font-size: 1em;}
#directory ul{ list-style:none;}
#directory ul ul {padding: 3px 0 3px 12px;}
#directory ul li{ list-style:none; padding: 2px;}
#directory ul li a{ font-size:12px; color:#666666;}
















/* - - - -  PARAGRAPH CLASSES  - - - - - - */



.quotenote{
    font-family: Garamond, Times New Roman, Serif;
	width:141px;
	background-image: url(../assets/shed-quote.jpg);
	background-repeat: no-repeat ;
	background-position: center top;
	background-color:#CD6A86;
	color:#FFFFFF; 
	font-size:14px; 
	padding-top:30px;
	padding-left:22px;
	padding-right:42px;
	padding-bottom:10px;
}


.chelsea-note{
	font-family: Garamond, Times New Roman, Serif;
	width:141px;
	height:74px;
	background-image: url(../images/hampton-court-flower-show.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#CD6A86;
	color:#FFFFFF;
	font-size:14px;
	padding-top:0px;
	padding-left:22px;
	padding-right:42px;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;



 }
 
 .burford-note{
	font-family: Garamond, Times New Roman, Serif;
	width:185px;
	height:180px;
	background-image: url(../assets/burford-left.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#CD6A86;
	color:#FFFFFF;
	font-size:14px;
	padding-top:20px;
	padding-left:15px;
	padding-right:5px;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;



 }
 
 
 .burford-note a{ color:#800000; font-weight:bold; }
 
 
 
 
 .chelsea-note a{ display:block; width:141px; height:74px;}



.quotenote a{ text-decoration:none; color:#ffffff; }
.midnote{color:#B01642;}
.midnote span{font-size:16px;  }

.note{
    font-family: Garamond, Times New Roman, Serif;
	width:141px; 

	background-color:#CD6A86;
	color:#FFFFFF; 
	font-size:14px; 
	padding-top:20px;
	padding-left:29px;
	padding-right:35px;
	padding-bottom:20px;
	text-align:justify;
}



.link-note{ font-weight:bold;}


/* - - - - END  PARAGRAPH CLASSES  - - - - - - */
















/* - - - -  FLOAT  - - - - - - */
.floatleft{ float:left;}
.floatleft img{ margin-right:5px; margin-left:0px; }


.floatleft-space{ float:left; margin:5px;}
.floatright{ float:right; padding:5px; }
.imageleft{ float:left; margin:5px; border: 1px solid #B30000;}

.imageright{ float:right; margin:5px; border: 1px solid #B30000; }
.clearleft { clear:left; }
.clearright { clear:right; }
.clearboth { clear:both; }
/* - - - -  FLOAT  - - - - - - */


.inpagelist{ padding-left:20px; padding-right:20px; text-align:justify; font-style:italic; font-weight:bold;}
.inpagelist li{margin:10px;}
#map{ border: 1px solid #B30000;}

pb {
color : #2D4067; 
background-color : #E5EAF3;
}



.triocontainer{ height:220px;}
.triocontainer div{ height:220px;}


.triocontainer p{ padding-left:10px; padding-right:10px;}

.priceenginecontainer{ height:240px;}

.priceenginecontainer p{ padding-left:15px; padding-right:15px; color:#CCCCCC;}
.officetrio p, .chalettrio p, .shedtrio p, .classictrio p, .garagetrio p, .studiotrio p{ color:#000000;}



.shedtrio, .lefttrio{ float:left; width:225px; border-right:#ffffff 5px solid; height:240px; }

.classictrio, .midtrio, .garagetrio{ height:180px; width:230px; float:left;}
.chalettrio,   .righttrio, .studiotrio, .officetrio{ float:left; width:225px; border-left:#ffffff 5px solid; height:240px;}




.chalettrio h2, .studiotrio h2,  .garagetrio h2, .classictrio h2, .shedtrio h2, .lefttrio h2, .righttrio h2, .officetrio h2, .midtrio h2 , .priceenginecontainer  h2{ display:block; background:#800000; font-family: Garamond, Times New Roman, Serif; margin:0px; padding-top:4px; padding-bottom:4px; padding-left:15px; font-size:17px; color:#FFFFFF; }



.priceenginecontainer .lefttrio h2, .priceenginecontainer .righttrio h2, .priceenginecontainer .midtrio h2

{ display:block; background:#CCCCCC; font-family: Garamond, Times New Roman, Serif; margin:0px; padding-top:4px; padding-bottom:4px; padding-left:15px; font-size:17px; }





.lefttwo{ float:left; width:343px; border-right:#ffffff 5px solid; height:400px; }
.lefttwo h2 { display:block; background:#800000; font-family: Garamond, Times New Roman, Serif; margin:0px; padding-top:4px; padding-bottom:4px; padding-left:15px; font-size:20px; }
.lefttwo h2 a{ display:block; background:#800000; color:#FFFFFF; }



.righttwo{ float:left; width:342px;}
.righttwo h2 { display:block; background:#800000; font-family: Garamond, Times New Roman, Serif; margin:0px; padding-top:4px; padding-bottom:4px; padding-left:15px; font-size:20px; }
.righttwo h2 a{ display:block; background:#800000; color:#FFFFFF; }



.twostudholder{ border-bottom: white 5px solid;}
.twostudholder p{ padding-left:15px; padding-right:15px;}



.leftstudtwo{ float:left; width:343px; border-right:#ffffff 5px solid; height:300px; }
.leftstudtwo h2 { display:block; background:#800000; font-family: Garamond, Times New Roman, Serif; margin:0px; padding-top:4px; padding-bottom:4px; padding-left:15px; font-size:20px; }
.leftstudtwo h2 a{ display:block; background:#800000; color:#FFFFFF; }



.rightstudtwo{ float:left; width:342px;}
.rightstudtwo h2 { display:block; background:#800000; font-family: Garamond, Times New Roman, Serif; margin:0px; padding-top:4px; padding-bottom:4px; padding-left:15px; font-size:20px; }
.rightstudtwo h2 a{ display:block; background:#800000; color:#FFFFFF; }














 .officetrio h2 a,.studiotrio h2 a, .chalettrio h2 a, .garagetrio h2 a, .classictrio h2 a, .shedtrio h2 a, .lefttrio h2 a, .righttrio h2 a, .midtrio h2 a{ display:block; background:#800000; color:#FFFFFF; }

.officetrio h2 a:hover,.studiotrio h2 a:hover, .chalettrio h2 a:hover , .garagetrio h2 a:hover ,.classictrio h2 a:hover ,.shedtrio h2 a:hover, .lefttrio h2 a:hover, .righttrio h2 a:hover, .midtrio h2 a:hover{ color:#FFFFCC;
text-decoration:none; }







.secondtriocontainer{ border-top:#ffffff 5px solid; height:220px;}
.secondtriocontainer p{ padding-left:10px; padding-right:10px;}
.secondtriocontainer div{ height:220px;}


.thirdtriocontainer{ border-top:#ffffff 5px solid; height:220px;}
.thirdtriocontainer p{ padding-left:10px; padding-right:10px;}
.thirdtriocontainer div{ height:220px;}

.frontmore{ border-top:#ffffff 5px solid; padding:10px; }










.footer{ color:#b5b5b5; font-size:12px}




	
/* - - - -  N A V  B A R  - - - - - - */	

 #header-navbar {
 font-size:16px;
	text-align:left;
	background-color:#FFFFCC;
	height:24px;
	padding: 3px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b30000;	
	}
 #header-navbar a{
	color:#b30000;
	text-decoration:none;
	}	
 #header-navbar a:hover{
	color:#FF7777;
	}	
	
 #header-navbar ul{
 list-style:none;
padding-left:0px;
margin:0px;
	}	
 #header-navbar li{
float:left;
padding-left:18px;
	}		
	
	
	
/* - - - -  END -B A N N E R B A R - - - - - - */


/* side menu*/

.menbar{ 
position:relative; font-family: Garamond, Times New Roman, Serif; 
background-color: #800000;
padding-top:10px;
min-height:208px;
}
.menbar ul{list-style:none; margin:0px; padding:0px; padding-left:0px; } 
.menbar li{
position:relative;


	
} 
.menbar li a{
	font-family: Garamond, Times New Roman, Serif;
	font-size:18px;
	height:28px;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:normal;
	display: block;
	padding-top:5px;
	margin-left:22px;
	margin-right:15px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #CD6A86;
}
.menbar li a:hover{
color:#CD6A86;
}




.menbar ul ul{
position: absolute;
left: 205px;
top:0px;
visibility: hidden;
z-index:200;
background-color: #800000;
padding-bottom:10px;
}

.menbar ul li{
width:205px;
}

.menbar ul ul li{
width:255px;
}




.menbar ul li:hover ul{
visibility:visible;
} 

.menuextend{
	background-image: url(../assets/menuextend.jpg);
	background-repeat: no-repeat;
	background-position: right 8px;
}






#useful-info{
	width:205px;
	background-color: #F1F1F2;
	padding-bottom:10px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FFFFFF;	
	}
	
#info-header h2{ padding-left:22px; background-color:#800000; height:30px; font-family: Garamond, Times New Roman, Serif; font-size:20px; padding-top:8px; margin-top:0px;}
 

#info-header h2 a{ color:#FFFFFF;}

#info-header h2 a:hover{
color:#B5B5B5;
text-decoration:none;
	
	
	}

#useful-info ul{ list-style-type:none; margin:0px; padding:0px;}
#useful-info li{ margin:0px; padding:0px; list-style:none;}

#useful-info li a{
	padding:5px;
	font-size:10px;
	margin-left:22px;
	display:block;
	color:#6F6C6D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B5B5B5;
	margin-right:15px;
	
	
	}
	
#useful-info li a:hover{
color:#B5B5B5;
	
	
	}




/* end of side menu*/




/* RIGHT LINKS */

.picture-menu a{ width: 115; height:80px; display: block;  margin:0px; padding:3px;}

.sheds a{background-image: url(../pics/index_display_right_1_off.jpg); background-repeat: no-repeat;}
.sheds a:hover{ background-image: url(../pics/index_display_right_1_on.jpg); background-repeat: no-repeat; }

.garages a{background-image: url(../pics/index_display_right_2_off.jpg); background-repeat: no-repeat;}
.garages a:hover{ background-image: url(../pics/index_display_right_2_on.jpg); background-repeat: no-repeat; }


.garden-offices a{background-image: url(../pics/index_display_right_7_off.jpg); background-repeat: no-repeat;}
.garden-offices a:hover{ background-image: url(../pics/index_display_right_7_on.jpg); background-repeat: no-repeat; }




.garden-chalets a{background-image: url(../pics/index_display_right_4_off.jpg); background-repeat: no-repeat;}
.garden-chalets a:hover{ background-image: url(../pics/index_display_right_4_on.jpg); background-repeat: no-repeat; }


.garden-rooms a{background-image: url(../pics/index_display_right_6_off.jpg); background-repeat: no-repeat;}
.garden-rooms a:hover{ background-image: url(../pics/index_display_right_6_on.jpg); background-repeat: no-repeat; }


.summerhouses a{background-image: url(../pics/index_display_right_5_off.jpg); background-repeat: no-repeat;}
.summerhouses a:hover{ background-image: url(../pics/index_display_right_5_on.jpg); background-repeat: no-repeat; }







/* RIGHT LINKS */








.fltrght{ float:right;}
.clearright{ clear:right;}
.floatleft{ float:left;}
.clearleft{ clear:left;}


.leftindent{
margin-left:10px;
}


table.products {
text-align:left;
border: 1px solid #666666;
border-collapse:collapse;
width:640px;
}


table.products td{
	padding:5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D0C8;
	vertical-align:top;
	font-size:12px;
	word-wrap: break-word;
	max-width:200px;
}

table.products td.tableimage{ width: 40px;}



table.products th{
font-weight:bold;
padding: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #666666;
	font-size:12px;
	background-color:#cccccc;

}

form.records label{
width:100px;
font-weight:bold;
}

.first {

}

.error{ color:#FF0000;}
/*   ex demo start */

.error-form { background-color:#FF5353;}

.error-yellow {color:#FFFF00; }

.exdemo-list-type{ border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC; 
	width: 600px;
	
	}
	
	
.exdemo-list-item{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	width: 600px;

}
.thumb {
float:left;


padding:5px;
}

.details{

}


.details-header{

font-size:15px;
	color: #B30000;
	display:inline;
	width:100px;
	margin-top:5px;}


.details-content{
font-size: 12px; }


.details-header-price{

font-size:16px;
	color: #B30000;
	display:inline;
	width:100px;
	margin-top:5px;}


.details-content-price{
font-size: 18px; }




.thumb-advice { border: 1px solid #B30000;}
.sold{ position:relative; left:20px; top:20px; color:#FF0000; font-weight:bold; height:0px; font-size:45px; background-color: #FFD2D2; }
.bigsold{ position:relative; left:50px; top:20px; color:#FF0000; font-weight:bold; height:0px; font-size:85px; }


/*   ex demo end */

/* TESTIMONIAL CLASSES */

.signature{ color:#b30000; margin-left:10px; }
.hline{ border-bottom: 1px dashed #B30000;  }
.testimonial{ padding:10px; font-style:italic; }

/* TESTIMONIAL CLASSES */


.clickimageright{ float:right; margin-left:20px; margin-right:20px;}



/* shed-main-page */


.section-page-main-img{}
.section-page-main-img img{border: 1px solid #b30000;}
.slideshow { border-bottom: white solid 5px;}
#floatdiscount{
	position:absolute;
	left:720px;
	top:10px;
	z-index:20;
	
	}




.schematics{}
.prices-button{
width:90px;
	height:26px;
	background-image: url(../assets/prices-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #b30000;	
	Margin:3px;
}
.prices-button a{ color:#FFFFFF;}

.prices-button-inner{ height:26px;
background-image: url(../assets/prices-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;

padding-left:10px;
padding-right:10px;
padding-top:4px;
}

/* shed-main-page-end */


/*  Electrical Packs */

.electrical-packs{ width:100%;
	border-collapse:collapse; }
.electrical-packs td{
	border: 1px solid #CCCCCC;
	padding:3px;
	vertical-align:top;	
}

.electrical-packs th{ background:#CCCCCC; font-size:16px; text-align:left; padding:3px; padding-left:10px; }
.packs-title{ background:#FFFFCC; padding:3px; font-size:14px; font-weight:bold;}
.packs-item-price{ text-align:center;}




/*  Electrical Packs */


/*  Landscapers Page */

.landscaper{
	padding-top:10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}

.landscaper p{ font-size:12px; line-height:1.3em;}

.design{ float:right; padding-left:5px; padding-top:10px;}
.designer-link{ }


.ddm1 {
    font: 11px tahoma;
}
.ddm1 .item1,
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    padding: 3px 8px 4px 8px;
    border: 0px #000000;
    border-style: none none none none;
    text-decoration: none;
    background: #FF0000;
    display: block;
    position: relative;
}
.ddm1 .item1 {
    background: #FFFFCC;
    color: #B30000;
}
.ddm1 .item1:hover,
.ddm1 .item1-active,
.ddm1 .item1-active:hover {
    background: #FFFFCC;
    color: #FF7777;
}
.ddm1 .item2,
.ddm1 .item2:hover {
    padding: 3px 8px 4px 8px;
    width: 160px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
.ddm1 .item2 {
    background: #FFD2D2;
    color: #B30000;
    
    
    
    
    

    
    
}
.ddm1 .item2:hover {
    background: #B30000;
    color: #FFD2D2;
}
.ddm1 .item3,
.ddm1 .item3:hover {
    padding: 3px 8px 4px 8px;
    width: 144px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
}
.ddm1 .item3 {
    background: #FFB0B0;
    color: #B30000;
}
.ddm1 .item3:hover {
    background: #B30000;
    color: #FFD2D2;
}
.ddm1 .section {
    border: 0px #003366;
    border-style:  none none none none;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;   
}

.ddm1 .left, .ddm1 .left:hover { border-style: none none none none; }
.ddm1 .right, .ddm1 .right:hover { border-style: none none none none; }




.nolink {cursor:crosshair}

a.white:link { COLOR: #FFFFFF; TEXT-DECORATION: none }
a.white:visited { COLOR: #FFFFFF; TEXT-DECORATION: none }
a.white:active { COLOR: #FFFFFF; TEXT-DECORATION: none }
a.white:hover { COLOR: #FFFFFF; TEXT-DECORATION: none }

a.solid:link { COLOR: #74A9CE; TEXT-DECORATION: underline }
a.solid:visited { COLOR: #74A9CE; TEXT-DECORATION: underline }
a.solid:active { COLOR: #74A9CE; TEXT-DECORATION: underline }
a.solid:hover { COLOR: #74A9CE; TEXT-DECORATION: underline }

a.hidden:link { color: #CCCCCC; TEXT-DECORATION: none }
a.hidden:visited { color: #CCCCCC; TEXT-DECORATION: none }
a.hidden:hover { color: #CCCCCC; TEXT-DECORATION: none }
a.hidden:active { color: #CCCCCC; TEXT-DECORATION: none }

a.hide:link { color: #CCCCCC; TEXT-DECORATION: none }
a.hide:visited { color: #CCCCCC; TEXT-DECORATION: none }
a.hide:hover { color: #CCCCCC; TEXT-DECORATION: none }
a.hide:active { color: #CCCCCC; TEXT-DECORATION: none }

a.black:link { color: #000000; TEXT-DECORATION: none }
a.black:visited { color: #000000; TEXT-DECORATION: none }
a.black:hover { color: #000000; TEXT-DECORATION: none }
a.black:active { color: #000000; TEXT-DECORATION: none }

a.blacksmall{ font-size:12px;}
a.blacksmall:link { color: #000000; TEXT-DECORATION: none }
a.blacksmall:visited { color: #000000; TEXT-DECORATION: none }
a.blacksmall:hover { color: #000000; TEXT-DECORATION: underline }
a.blacksmall:active { color: #000000; TEXT-DECORATION: none }


a.blackshow:link { color: #000000; TEXT-DECORATION: underline }
a.blackshow:visited { color: #000000; TEXT-DECORATION: underline }
a.blackshow:hover { color: #000000; TEXT-DECORATION: underline }
a.blackshow:active { color: #000000; TEXT-DECORATION: underline }

a.show:link { color: #333333; TEXT-DECORATION: none }
a.show:visited { color: #333333; TEXT-DECORATION: none }
a.show:hover { color: #333333; TEXT-DECORATION: underline }
a.show:active { color: #333333; TEXT-DECORATION: none }

a.footer:link { color: #CCCCCC; TEXT-DECORATION: none }
a.footer:visited { color: #CCCCCC; TEXT-DECORATION: none }
a.footer:hover { color: #CCCCCC; TEXT-DECORATION: underline }
a.footer:active { color: #CCCCCC; TEXT-DECORATION: none }

a.text{ font-size:14px; }
a.text:link { color: #B30000; TEXT-DECORATION: none; }
a.text:visited { color: #B30000; TEXT-DECORATION: none;  }
a.text:hover { color: #B30000; TEXT-DECORATION: underline }
a.text:active { color: #B30000; TEXT-DECORATION: none; }

a.text-bold{ font-size:14px; font-weight:bold; }
a.text-bold:link { color: #B30000; TEXT-DECORATION: none; }
a.text-bold:visited { color: #B30000; TEXT-DECORATION: none;  }
a.text-bold:hover { color: #B30000; TEXT-DECORATION: underline }
a.text-bold:active { color: #B30000; TEXT-DECORATION: none; }





a.underline:link { color: #B30000; TEXT-DECORATION: underline }
a.underline:visited { color: #B30000; TEXT-DECORATION: underline }
a.underline:hover { color: #B30000; TEXT-DECORATION: underline }
a.underline:active { color: #B30000; TEXT-DECORATION: underline }






/*  Prine Builder Labels*/

#price-builder{}

#price-builder p{  padding-left:10px; font-size:14px; }
#large-header{ font-size:26px;}


#price-builder .label{ width:200px; float:left; }
#price-builder .option{ float:left;  margin:5px; margin-left:10px; font-size:14px; padding-top:0px;}
#price-builder .option-paint{  margin:10px; margin-left:10px; font-size:14px; padding-top:5px;}




#price-builder .option input{ margin-top:10px;}
#price-builder .option select{ display:block; margin-top:4px;}

#price-builder .option-price{ float:right; margin:2px; font-weight:bold; margin-right:10px; margin-top:20px; font-size:16px; background:none;}
#price-builder .options_complete{}






#priceone, #pricetwo, #pricethree, #pricefour, #pricefive, #pricesix, #priceseven, #priceeight{
display:inline;
font-weight:bold;

}

.option-holder{
	width: 646px;
	background-color: #FFF2CE;
	background-image: url(../assets/building-option-back.png);
	background-repeat: repeat-y; 
	margin-top:7px;
	padding:0px;
	border:none;
	}

.option-holder h2{ color:#000000; padding:0px; margin:0px; padding-left:10px; font-size:26px;}
.option-holder h1{ color:#000000; padding:0px; margin:0px; padding-left:10px; font-size:20px;}



.option-holder-top{
	height:11px;
	background-color: #FFF2CE;
	background-image: url(../assets/building-option-top.png);
	background-repeat:no-repeat;
	display:block;
	padding:0px;
	border:none;
	
	}
	


	

	
	.option-holder-bottom{
	height: 11px;
	background-color: #FFF2CE;
	background-image: url(../assets/building-option-bottom.png);
	background-repeat: no;
	clear:both;
	
	}


 .question{  padding-left:10px; font-size:14px; float:left; height:18px; padding-top:8px; padding-right:3px;}
.help{width:26px; height:26px; float:left;}
.buttons{
	background-image: url(../assets/button-left.png);
	background-color: #FFF2CE;
	background-repeat: no-repeat;
	background-position: left;
	padding-left:6px;
	margin-top:10px;
	float:left;
}

.button100{
	background-image: url(../assets/button-left.png);
	background-color: #FFF2CE;
	background-repeat: no-repeat;
	background-position: left;
	padding-left:6px;
	margin-top:10px;
	float:left;
	width:100px;
}


.button150{
	background-image: url(../assets/button-left.png);
	background-color: #FFF2CE;
	background-repeat: no-repeat;
	background-position: left;
	padding-left:6px;
	margin-top:10px;
	float:left;
	width:160px;
}


.button200{
	background-image: url(../assets/button-left.png);
	background-color: #FFF2CE;
	background-repeat: no-repeat;
	background-position: left;
	padding-left:6px;
	margin-top:10px;
	float:left;
	width:230px;
}




.buttons input, .buttons a, .button100 a, .button150 a, .button200 a{
	background-image: url(../assets/button-right.png);
	
	background-repeat: no-repeat;
	background-position: right;
	display:block;
	height:30px;
	padding-right:10px;
	border:none;
	color:#FFFFFF;
	font-size:16px;
	cursor: hand;	
	background-color: #FFF2CE;
	border:0px transparent solid !important;
	
}

.buttons a , .button100 a , .button150 a, .button200 a{ padding-top:6px; height:24px;}


#price-builder-left{  }
#price-builder-left h1{ padding-left:5px; }
#price-builder-left .item-label{ width:120px; float:left; }
#price-builder-left .item-holder, #price-builder-left .item-holder-f {
padding:0px;
margin:0px;
padding-left:5px;
height:21px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
height:23px;
width:195px;
padding-top:4px;
}
 .item-holder-f{ background-color:#800000; color:#FFFFFF; }
.item-holder-f h1{color:#FFFFFF; font-size:16px; }



#price-builder-left .item-value{ float:left; width:75px;}

#price-builder-left .item-value a{
	height:19px;
	width:31px;
	background-image: url(../assets/price_engine_edit_button.png);
	background-repeat: no-repeat;
	display:block;
	float:right;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	padding-left:6px;
	padding-top:3px;

}


#graphical-shed-left{
	width:197px;
	background-image: url(../assets/your-building-back.jpg);
	background-repeat: repeat-y;
	margin-top:10px;
	margin-left:4px;
}


#graphical-shed-left .item-value{ float:left; width:40px; padding-bottom:4px;}
#graphical-shed-left .item-label{ float:left; width:110px; padding-bottom:4px; padding-left:10px; }



#graphical-shed-left h2{ color:#999999; padding-left:10px; font-size:16px;}

#graphical-shed-left img{ margin-left:6px;}




#graphical-shed-left .top{
	background-image: url(../assets/your-building-top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height:15px;

}

#graphical-shed-left .bottom{
	background-image: url(../assets/your-building-bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height:15px;
	clear:left;

}




/*  FINAL QUOTE STYLES */


#price-builder .item-label{ width:300px; float:left; margin-left:10px; font-size:14px; padding-top:4px; }
#price-builder .item-value{ width:250px; float:left; font-size:14px; padding-top:4px;  }
.buildtype { width:270px; float:left; padding-left:50px; margin-bottom:5px; margin-top:5px;}
.buildtype h2{ margin-left:30px; }
.buildtype input{ margin-left:20px; margin-top:3px;}


#final-quote .main-site{ float:none; margin-left:100px; }
.buildspec img{ float:right;
 }
.spec{ width:600px;}



#final-quote .option-holder{ margin-top:30px;}	
#final-quote .option-holder h1{ margin-top:15px;}	
.option-holder p{ padding-left:10px; padding-right:10px;}



#final-quote 	.option-holder-top{
	height:47px;

	background-color: #FFF2CE;
	background-image: url(../assets/building-option-top-final.jpg);
	background-repeat:no-repeat;
	display:block;
	padding:0px;
		padding-top:5px;
		padding-left:230px;
	border:none;
}

#final-quote 	.option-holder-top h1{
color:#FFFFFF;
font-size:30px;
	}
	
#final-quote .line{
	margin-left:10px;
	margin-right:20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #800000;
	padding-top:5px;
	padding-bottom:5px;
}

.sendcrane{ float:left; width:600px; padding:5px; padding-left:10px;}
.sendcrane label{  width:130px; display:block; float:left; font-weight:bold; }
.sendcrane input{ float:left;}

.price-engine-buttons{width:690px;}
#cranenote{ font-size:10px; padding-top:10px; width:170px; float:left;}
.returnquote{ padding-left:10px;}
.returnquote-header{ margin-left:10px;}
.agents{ padding-top:10px; margin-top:10px; color:#666666;}
.agents a{ font:11px; text-decoration:underline; color:#666666;}

/*  Gallery*/

.gallerythumb a{ float:left; margin:2px;}

#gallery{
	background-image:url(../assets/gallery/gallery-back.jpg);
	width:690px;
	background-repeat: repeat-y;
}

#gallery-top{
	background-image:url(../assets/gallery/gallery-top.jpg);
	width:690px;
	height:19px;
	background-repeat: repeat-y;
}

#gallery-bottom{
	background-image:url(../assets/gallery/gallery-bottom.jpg);
	width:690px;
	height:19px;
	background-repeat: repeat-y;
}


.gallery-tabs{ width:690px; height:27px;}
.gallery-tabs ul li{ float:left; list-style:none;}
.gallery-tabs ul li a{

	display:block;
	height:27px;
	width:95px;
	background-image: url(../assets/gallery/tab-down.jpg);
	background-repeat: no-repeat;
	padding-top:9px;
	padding-left:3px;
	font-family: Garamond, Times New Roman, Serif;
	font-size:14px;
}



.gallery-tabs ul li a:hover{

	background-image: url(../assets/gallery/tab-up.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	text-decoration:none;
}

#agshed #gshed a,
#agsummerhouse #gsummerhouse a, 
#agoffice #goffice a, 
#aggarage #ggarage a, 
#agroom #groom a, 
#agother #gother a, 
#agmain #gmain a,
#cgshed #cshed a  






{ background-image: url(../assets/gallery/tab-up.jpg);
	background-repeat: no-repeat;
	color:#FFFFFF;
	text-decoration:none;}


.gallery-main{
	width:216px;
	height:169px;
	float:left;
	background-image: url(../assets/gallery/gallery-main-background.jpg);
	margin-left:6px;
	padding-left:6px;
}

.gallery-main h2 a{

font-family: Garamond, Times New Roman, Serif;
font-size:18px;

}

.gallery-main img{

margin-top:5px;
}






.gallery-content{ margin:5px; text-align:center;}



#priority{ width:64px; height:23px;}
#priority a{
	float:left;
	width:32px;
	height:23px;
	display:block;
	background-image: url(../assets/gallery/prioritydown.jpg);
	background-repeat: repeat;
}

a#up{
	background-image: url(../assets/gallery/priorityup.jpg);
	background-repeat: no-repeat;
}


#shed-menu{
	background-image: url(../assets/sheds/menuback.jpg);
	background-repeat: repeat-x;
	height:47px;
	position:relative;
}


.summerhousemain #shed-menu, .studiomain #shed-menu{
	background-image: url(../assets/sheds/menuback-summerhouses.jpg);
	background-repeat: repeat-x;
	height:47px;
	position:relative;
}


#shed-menu li{
	float:left;
	list-style-type:none;
}

#shed-menu li a{
display:block;
height:42px;
margin-left:15px;
padding-left:5px;
padding-top:5px;
font-family: Garamond, Times New Roman, Serif;
	font-size:17px;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:normal;
	display: block;
	
}



#shed-menu ul li a:hover{
background-image: url(../assets/sheds/menuselected.jpg);
	background-repeat: no-repeat;
	background-position: left;
	
}

.summerhousemain #shed-menu ul li a:hover, .studiomain #shed-menu ul li a:hover{
background-image: url(../assets/sheds/menuselected-summerhouse.jpg);
	background-repeat: no-repeat;
	background-position: left;
	
}




#shed-menu ul ul{
	position: absolute;
	left: 0px;
	top:30px;
	visibility: hidden;
	z-index:200;
	padding-bottom:10px;
	
}




#shed-menu ul ul li{
float:left;
background-image: url(../assets/sheds/options-background.jpg);
	background-repeat: repeat-x;
	background-position: center top;

}




#shed-menu ul li:hover ul{
visibility:visible;
width:690px;
background-image: url(../assets/sheds/options-background.jpg);
	background-repeat: repeat-x;
	background-position: center top;


margin:0px;
padding:0px;
} 




#shed-menu ul ul  li a:hover{ background-color:#800000; color:#FFFFFF;}

#shed-menu li li a{ background-image:none; background-color:#FFFAD7; height:auto; color:#800000; font-size:15px; padding-left:6px; padding-right:6px; margin:0px; padding-bottom:5px; margin-bottom:40px;  }




#main #smain a, 
#options #soptions a,
#price #sprice a,
#gallery #sgallery a
{
background-image: url(../assets/sheds/menuselected.jpg);
background-repeat: no-repeat;
background-position: left;
}


.summerhousemain #main   #smain a, 
.summerhousemain #options  #soptions a,
.summerhousemain #price   #sprice a,
.summerhousemain #gallery  #sgallery a,
.studiomain #main   #smain a, 
.studiomain #options  #soptions a,
.studiomain #price   #sprice a,
.studiomain #gallery  #sgallery a
{
background-image: url(../assets/sheds/menuselected-summerhouse.jpg);
background-repeat: no-repeat;
background-position: left;
}


.summerhousemain #options #suboption a, .studiomain #options #suboption a{ background-image:none;}










#soptions #suboption  a{background-image: none;}
#soptions #suboption  a:hover{background-image: none;}



.shed-content{ padding-left:15px; padding-right:15px;}
.shed-content ul{ margin-left:10px;}



#slide1, #slide2, #slide3, #slide4, #slide5, #slide6, #slide7, #slide8, #slide9, #slide10, #slide11, #slide12, #slide13, #slide14, #slide15 , #slide16 , #slide17{
	margin-left:-15px;
	margin-right:-15px;
	padding:15px;
	position:relative;

	
	
	
	
}
#v1show, #v2show, #v3show, #v4show,#v5show,#v6show,#v7show,#v8show,#v9show,#v10show,#v11show ,#v12show ,#v13show ,#v14show ,#v15show ,#v16show ,#v17show  { color:#800000; font-family: Garamond, Times New Roman, Serif; font-weight:bold; font-size:14px;}
#v1hide, #v2hide,  #v3hide,  #v4hide,  #v5hide,  #v6hide,  #v7hide,  #v8hide,  #v9hide,  #v10hide #v11hide, #v12hide, #v13hide, #v14hide, #v15hide, #v16hide, #v17hide { color:#800000; font-family: Garamond, Times New Roman, Serif; font-weight:bold; font-size:14px;}



.accentuate{ font-family: Garamond, Times New Roman, Serif; font-weight:bold; font-size:14px; font-size:24px; font-style:italic;}



#cladding{
	width:657px;
	height:479px;
	background-image: url(../images/shed-page/cladding.jpg); position:relative;
}


#summer-cladding{
	width:657px;
	height:479px;
	background-image: url(../images/summerhouse_page/cladding.jpg);
	position:relative;
}




#garage-cladding{
	width:657px;
	height:479px;
	background-image: url(../images/garage-page/garage-cladding.jpg); position:relative;
}

#chalet-cladding{
	width:657px;
	height:417px;
	background-image: url(../images/chalet-page/chalet-cladding.jpg); position:relative;
}




#shiplap{ position:absolute; width:210px; left:370px; top:20px;  }
#weatherboard{ position:absolute; width:260px; top:340px; left:90px;}


#chalet-cladding #shiplap{ position:absolute; width:210px; left:340px; top:20px;  }
#chalet-cladding #weatherboard{ position:absolute; width:260px; top:280px; left:90px;}


#door-options{ width:657px; height:850px; background-image:url(../images/shed-page/door-options.jpg); position:relative; }
#single-door{ position:absolute; left:100px; width:250px; top:20px;}
#double-door{position:absolute; left:380px; width:200px; top:250px;}
#window-door{position:absolute; top:440px; width:170px; left:200px;}
#add-door{position:absolute; left:370px; width:200px; top:710px;}


#garage-door-options{
	position:relative;
	background-image: url(../images/garage-page/garage-door-options.jpg);  width:657px; height:651px;
}
#add-garage-double{ position:absolute; left:320px; width:250px; top:20px;}
#add-garage-up{ position:absolute; left:90px; width:200px; top:250px;}
#add-garage-single{ position:absolute; top:440px; width:170px; left:300px;}



#window-options{ width:657px; height:850px; background-image:url(../images/shed-page/windows.jpg); position:relative; }




#garage-window-options{ width:657px; height:850px; background-image:url(../images/garage-page/garage-windows.jpg); position:relative; }
#chalet-window-options{ width:657px; height:850px; background-image:url(../images/chalet-page/windows.jpg); position:relative; }







#win-add{ position:absolute; width:280px; top:20px; left:320px;}
#win-open{ position:absolute; width:230px; top:210px; left:90px;}
#win-georgian{ position:absolute; width:260px; top:400px; left:320px;}
#win-double{ position:absolute; width:210px; top:530px; left:100px;}
#win-velux{ position:absolute; width:280px; top:730px; left:330px;}




#window-options-summerhouse{ width:657px; height:574px; background-image:url(../images/summerhouse_page/windows.jpg); position:relative; }
#window-options-summerhouse #win-georgian{ position:absolute; width:260px; top:30px; left:320px;}
#window-options-summerhouse #win-double{ position:absolute; width:210px; top:230px; left:100px;}
#window-options-summerhouse #win-velux{ position:absolute; width:280px; top:430px; left:330px;}








#security-options{ width:657px; height:472px; background-image:url(../images/shed-page/security.jpg); position:relative;}
#sec-win{position:absolute; width:190px; top:29px; left:216px;}
#sec-screw{position:absolute; width:199px; top:169px; left:176px;}
#sec-lock{
	position:absolute;
	width:223px;
	top:350px;
	left:186px;
	height: 103px;
}






#workbench-options{ width:657px; height:281px; background-image:url(../images/shed-page/workbench.jpg); position:relative;}
#bench-add{ position:absolute; left:400px; top:20px; width:240px;}


#floor-options{
	width:657px;
	height:200px;
	background-image:url(../images/shed-page/floor-options.jpg);
	position:relative;
	background-color: #FFF;
	background-repeat: no-repeat;
}
#floor-thin{ position:absolute; left:50px; top:130px; width:240px;}

#floor-thick{ position:absolute; left:340px; top:130px; width:240px;}







#lining-options{ width:657px; height:267px; background-image:url(../images/shed-page/lining.jpg); position:relative;}

#garage-lining-options{ width:657px; height:394px; background-image:url(../images/garage-page/garage-lining.jpg); position:relative;}


#chalet-lining-options{ width:657px; height:569px; background-image:url(../images/chalet-page/lining-and-insulation.jpg); position:relative;}

#chalet-line1{ position:absolute; left:340px; top:40px; width:240px;}
#chalet-line2{ position:absolute; left:70px; top:400px; width:240px;}
#chalet-line3{ position:absolute; left:30px; top:500px; width:560px;}




#garage-base{ width:657px; height:396px; background-image:url(../images/garage-page/garage-base.jpg); position:relative;}
#garage-concrete{ position:absolute; left:340px; top:20px; width:240px; }
#garage-brick{ position:absolute; left:130px; top:240px; width:200px; }





#line-add{ position:absolute; left:400px; top:20px; width:240px; }


#specification{
	border-collapse: collapse;
	margin-top:10px;
	border: 1px solid #800000;
	background-color:#FFFFFF;
	font-family: Garamond, Times New Roman, Serif; font-size:16px;
}



#specification  th{ margin-collapse:collapse; margin:0px; border:0px; height:30px; background-color:#800000;}

#specification td{
	padding:8px;
	vertical-align:text-top;
 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}


.specification{
	border-collapse: collapse;
	margin-top:10px;
	border: 1px solid #800000;
	background-color:#FFFFFF;
	font-family: Garamond, Times New Roman, Serif; font-size:16px;
}



.specification  th{ margin-collapse:collapse; margin:0px; border:0px; height:30px; background-color:#800000;}

.specification td{
	padding:8px;
	vertical-align:text-top;
 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}



.item{ font-size:18px; padding-right:20px;}
.itemvalue{}



#paint-systems{
	border-collapse: collapse;
	margin-top:10px;
	border: 1px solid #800000;
	background-color:#FFFFFF;
	font-family: Garamond, Times New Roman, Serif; font-size:15px;
	padding-bottom:10px;
}
#paint-systems2{
	border-collapse: collapse;
	margin-top:10px;
	border: 1px solid #800000;
	background-color:#FFFFFF;
	font-family: Garamond, Times New Roman, Serif; font-size:15px;
	padding-bottom:10px;
}

#paint-systems2 th{ margin-collapse:collapse; margin:0px; border:0px; height:30px; background-color:#800000;}
#paint-systems td,
#paint-systems2 td{
	padding:4px;
	padding-bottom:4px;
	vertical-align:text-top;	
	text-align:center;
}

.paint-systems{
	border-collapse: collapse;
	margin-top:10px;
	border: 1px solid #800000;
	background-color:#FFFFFF;
	font-family: Garamond, Times New Roman, Serif; font-size:15px;
	padding-bottom:10px;
}
.paint-systems2{
	border-collapse: collapse;
	margin-top:10px;
	border: 1px solid #800000;
	background-color:#FFFFFF;
	font-family: Garamond, Times New Roman, Serif; font-size:15px;
	padding-bottom:10px;
}

.paint-systems2 th{ margin-collapse:collapse; margin:0px; border:0px; height:30px; background-color:#800000;}
.paint-systems td,
.paint-systems2 td{
	padding:4px;
	padding-bottom:4px;
	vertical-align:text-top;	
	text-align:center;
}




#roof-options{  width:657px; height:692px; background-image:url(../images/shed-page/roof-covering.jpg); position:relative;}

#roof-options-summerhouse{  width:657px; height:558px; background-image:url(../images/summerhouse_page/roof-covering.jpg); position:relative;}



#cedar-add{
	position:absolute;
	width:218px;
	top:25px;
	left:106px;
	height: 109px;
}
#slate-add{ position:absolute; width:280px; top:254px; left:327px; }
#green-add{ position:absolute; width:306px; top:538px; left:23px; }

#delivery{width:657px; height:235px; background-image:url(../images/shed-page/delivery.jpg); position:relative;}

#deliverysummerhouses{width:657px; height:303px; background-image:url(../images/summerhouse_page/delivery.jpg); position:relative;}




#summerhouse-styles{
	width:657px;
	height:247px;
	background-image:url(../images/summerhouse_page/summerhouse_styles_4.jpg);
	position:relative;
	background-repeat: no-repeat;
	background-color:#FFF;
	
}

#summer-hex{position:absolute; width:140px; top:190px; left:20px;}
#summer-oct{position:absolute; width:140px; top:190px; left:180px;}
#summer-oct2{position:absolute; width:140px; top:190px; left:340px;}
#summer-rect{position:absolute; width:140px; top:190px; left:500px;}
#summer-rectmore{position:absolute; width:500px; top:260px; left:20px;}











#del1{position:absolute; width:250px; top:20px; left:390px;}
#del2{ position:absolute; width:280px; top:254px; left:327px;}



#chalet-veranda{ width:657px; height:429px; background-image:url(../images/chalet-page/veranda-style.jpg); position:relative;}
#veranda{ position:absolute; width:500px; top:330px; left:20px;}





#room-windows{
	width:657px;
	height:276px;
	background-image: url(../images/room-page/windows.jpg); position:relative;
}

#room-win-standard{ position:absolute; left:40px; top:230px; }
#room-win-georgian{ position:absolute; left:350px; top:230px; }




#room-lining-options{ position:relative width:657px;
	height:543px;
	background-image: url(../images/room-page/lining.jpg);
}
#line-intro{ position:absolute; left:60px; top:30px; width:550px;}
#line-match{ position:absolute; left:350px; top:150px; width:250px;}
#line-painted{ position:absolute; left:60px; top:440px; width:250px;}


#room-roof-options{
	position:relative;
	width:657px;
	height:520px;
	background-image: url(../images/room-page/roof-options.jpg);
}
#cedar-room{ position:absolute; left:370px; top:80px; width:250px;}

#slate-room{ position:absolute; left:60px; top:290px; width:250px;}



#pricetable{
	border-collapse: collapse;
	margin-top:10px;
	border: 1px solid #800000;
	background-color:#FFFFFF;
	font-family: Garamond, Times New Roman, Serif; font-size:16px;
	width:100%;
}


#pricetable  th{ margin-collapse:collapse; margin:0px; border:0px; height:30px; background-color:#800000; color:#FFFFFF; text-align:center; font-size:14px;}


#pricetable td{
	padding:8px;
	vertical-align:text-top;
border-bottom:; 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size:12px;
	text-align:center;
}


#spricetable{
	border-collapse: collapse;
	margin-top:10px;
	border: 1px solid #800000;
	background-color:#FFFFFF;
	font-family: Garamond, Times New Roman, Serif; font-size:16px;
	width:100%;
}


#spricetable  th{ margin-collapse:collapse; margin:0px; border:0px; height:30px; background-color:#800000; color:#FFFFFF; text-align:center; font-size:18px;}

#spricetable th a {
	color:#ffffff;
}

#spricetable td{
	padding:8px;
	vertical-align:text-top;
border-bottom:; 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size:16px;
	text-align:center;
}




#displaytable{
	border-collapse: collapse;
	margin-top:10px;
	border: 1px solid #800000;
	background-color:#FFFFFF;
	font-family: Garamond, Times New Roman, Serif; font-size:16px;
	width:100%;
}


#displaytable  th{ margin-collapse:collapse; margin:0px; border:0px; height:30px; background-color:#800000; color:#FFFFFF; text-align:left; font-size:18px; padding:8px;}


#displaytable td{
	padding:8px;
	vertical-align:text-top;
border-bottom:; 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-size:16px;
	text-align:left;
	vertical-align:middle;
}


#displaytable a{
	display:block;
	padding:4px;
	padding-left:10px;
	width:117px;
	height:23px;
	float:left;
	background-image: url(../images/display-back.jpg);
	background-repeat: no-repeat;
	color:#FFF;
}










#extras{
	border-collapse: collapse;
	margin-top:10px;
	border: 1px solid #800000;
	background-color:#FFFFFF;
	font-family: Garamond, Times New Roman, Serif; font-size:16px;
	width:100%;
}
#extras  th{ margin-collapse:collapse; margin:0px; border:0px; height:30px; background-color:#800000;}

#extras td{
	padding:8px;
	vertical-align:text-top;
 	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.item{ font-size:18px; padding-right:20px;}
.itemvalue{}

.configure-link{



}

.configure-link a{
	display:block;
	float:right;
	color:#FFFFFF;
	padding:7px;
	padding-left:12px;
	height:20px;
	width:175px;
	background-image: url(../assets/configure-back.png);
	background-repeat: no-repeat;
}



.main-table{ width:90%; margin-left:10px;}

.main-table th{ background-color:#CCCCCC}

.main-table td{ border: 1px solid #CCCCCC; padding:2px;}


.white{ background-color:#FFF; padding:5px;}

.pink{ background-color:#EDCBD5; padding:10px; }


/* Link Directory Start */

.linkpage{ float:left; padding:10px;}

.linkpage p{  padding-left:10px;}



.linkdirectory{
	background-color: #D8D8D8;
	margin-top:5px; 
	

}


.linkdirectory a{ color:#06F; text-decoration:none; }
.linkdirectory a:visited{ color:#06F; }


.linkdirectory div{ width:130px; float:left; padding:10px; padding-bottom:5px;}


.linkdirectory div div{ width:130px; float:left; padding:2px;  }

.linkdirectory div div a{ font-size:12px; }


.breadcrumbs{ padding:5px; color:#000; background-color: #D8D8D8; margin-top:10px; }
.breadcrumbs a{ padding:5px; color:#000; }
.breadcrumbs a:visted{ padding:5px; color:#000; }

.links{ margin-top:10px; }

.links div{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	padding:5px;
}


.reciplinks{ margin-top:10px; padding:10px; }

.reciplinks div{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	padding:5px;
}



#intro{ position:absolute; top:1080px; left:210px; height:170px; width:670px; padding:10px;}
#intro-space{ height:170px; }
#newfor{ position:absolute; top:14px; left:182px; font-size:22px;color:#800000; font-family: Garamond, Times New Roman, Serif; padding-right:10px; font-weight:bold; display:block; }


/* Link Directory End */

.news img {
	border-color:#800000;
	border-style:solid;
	border-width:1px;
	float:right;
	margin:0px 0px 20px 20px;
}

.news h3 a{ font-size:16px; margin-bottom:5px; color:#800000; font-family: Garamond, Times New Roman, Serif; padding-right:10px; font-weight:bold; }


.ref{ font-size:12px;}

.newstl {
	background-image: url(../assets/newstl.jpg);
	background-position: left top;
	background-color:#FFD5D5;
	background-repeat: no-repeat;
	margin-bottom:7px;
}
.newstr { background-image: url(../assets/newstr.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	
	}
.newsbl { background-image: url(../assets/newsbl.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	}
.newsbr { background-image: url(../assets/newsbr.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	padding:5px;
	
	}

.newsbr p{ padding-bottom:15px; padding-top:0px; font-family:"Times New Roman", Times, serif; font-size:14px; }
.newsbr h2{ font-family:"Times New Roman", Times, serif; }
.newsbr a{ font-family:"Times New Roman", Times, serif; }

/* --- Help note popup stuff ----------------------------------------------------------- */

.helpnote{
	background-image: url(../assets/help-notes/help-note-back.png);
	background-repeat: repeat-y;
	width:618px;
	padding:10px;
}

.helpnotetop{
	background-image: url(../assets/help-notes/help-note-top.png);
	height:49px;
	width:638px;

}



.helpnotetop h2{
	padding-left:50px; padding-top:12px;
	color:#FFF; 
}


.helpnotetop a{
	float:right;
	margin-top:8px;
	margin-right:10px;
	background-image: url(../assets/help-notes/help-note-close.jpg);
	background-repeat: no-repeat;
	display:block;
	width:31px;
	height:30px;
}




.helpnotebottom{
	background-image: url(../assets/help-notes/help-note-bottom.png);
	height:25px;
	width:638px;

}
.helpnotebottom a{ font-size:14px; float:right; padding:3px; padding-right:10px;  }


.darkenBackground {
	background-color: rgb(0, 0, 0);
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70; /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 20;
	height: 100%;
	width: 100%;
	background-repeat:repeat;
	position:fixed;
	top: 0px;
	left: 0px;
}


.summerhousemain h1, .studiomain h1{	
font-family: Trajan Pro, Times New Roman, Serif;
font-size:22px;
padding-top:15px;
}


.summerhousemain h2, .studiomain h2{	
font-family: Trajan Pro, Times New Roman, Serif;
font-size:16px;

}


.summerhousemain h3, .studiomain h3{	
font-family: Trajan Pro, Times New Roman, Serif;
font-size:14px;

}





.summerhousemain p, .studiomain p{	
font-family: Times New Roman, Serif;
font-size:16px;
color:#58595B;

}

.summertrio img{ float:left;
}



#retrieve-quote{
	float:right;
	width:141px;
	height:121px;
	background-image: url(../assets/retrieve_back.png);
	background-repeat: no-repeat;	
	margin-right:-30px;
	margin-left:10px;
	margin-top:10px;
	padding:5px;

	
	}
	
#retrieve-quote input{  width:120px; padding:2px; margin:3px;}
#retrieve-quote h2{ color:#FFF; font-size:19px; margin:3px; }
#retrieve-quote label{ color:#FFF; margin:3px; }
#retrieve-quote	#retrieve-button{ width:130px;}



.summerhouse-builder{  background-color:#FFF2CE;}
.summerhouse-builder a{ padding:7px; display:block; float:left;}
.summerhouse-builder h2{ font-family: Trajan Pro, Times New Roman, Serif;font-size:22px; padding-top:15px; background-color:#FFF2CE; color:#800000;}
.summerhouse-builder p{	 font-family: Times New Roman, Serif; font-size:16px; color:#58595B;}



.burford-show{
	width:380px;
	height:166px;
	background-image: url(../images/show-centres/burford.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	margin-right:6px;
}

.newbury-show{
	width:380px;
	height:166px;
	background-image: url(../images/show-centres/newbury.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	margin-right:6px;
}


.norfolk-show{
	width:380px;
	height:166px;
	background-image: url(../images/show-centres/cranes.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
	margin-right:6px;
}






.show-centres h2{ margin:0px; padding:0px; font-size:22px; padding-top:3px;}
.show-centres h3{ margin:0px; padding:0px; font-size:16px;}

.quick_enquiry{
	width:314px;
	height:303px;
	background-image: url(../images/show-centres/quick_enquiry.jpg);
	background-repeat: no-repeat;
	
	padding:10px;
	padding-left:20px;
	
	}
	
.quick_surround{float:right; width:340px;}
	
	
	
.quick_enquiry	.formlabel{ color:#FFF; padding-top:5px;}
	
.quick_enquiry	.forminput{ width:250px;}

.quick_enquiry  #enquirytxt { height: 100px; }


.quick_enquiry .quickbutton{ height:30px;}



.quick_enquiry p{ color:#FFF;}
.quick_enquiry h2{ color:#FFF;}


#panel-show-centres {
	width: 656px; padding: 10px 0 10px 14px; margin-bottom: 20px; background-color: #FFD5D5; display: block; min-height: 205px;
}
.show-centre {
	width: 210px; background-color: white; margin-right: 6px; float: left; display: block; min-height: 175px; padding-bottom: 5px;
}
.show-centre p {
	font-family:"Times New Roman", Times, serif;
	font-size: 1.2em;
	padding: 3px 10px;
}



.agentslogin{ width:190px; margin:5px;}

.agentslogin label{ display:block; float:left; width:60px;}
.agentslogin div{ clear:left; padding-top:4px;}
.agentslogin input{ width:120px;}



.hr {
	background-color:#990000;
	clear:both;
	height:1px;
	margin:20px 0px;
}
.inline{
	display:inline;
}