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

a, a:visited, a:hover, a:active { text-decoration:none; }

body { font-family:Arial, Helvetica, sans-serif; text-align:center; min-width:790px; }

#content-container { border:#C4BEB3 3px solid; width:790px; min-height:530px; margin:0 auto; text-align:left;
	background:url(../images/page-bg.jpg) left top no-repeat; position:relative; z-index:0; }

#content-container-split-top { border-top:#C4BEB3 3px solid; border-left:#C4BEB3 3px solid;	
	border-right:#C4BEB3 3px solid;	width:790px; height:520px; margin:0 auto; text-align:left; 
	background:url(../images/page-bg.jpg) top no-repeat; position:relative; z-index:0; }

#content-container-split-bottom { border-bottom:#C4BEB3 3px solid; border-left:#C4BEB3 3px solid; 
	border-right:#C4BEB3 3px solid;	width:790px; min-height:786px; margin:0 auto; text-align:left; 
	background:url(../images/page-bg-fill.jpg) left top repeat-y; position:relative; z-index:0; text-align:left;
	padding-bottom:20px; }

#content-container-bottom-fill { width:100%; height:8px; background-color:#FFFFFF; position:absolute; bottom:0;
	left:0; }

#opaque-cover { width:790px; min-height:480px; text-align:left; position:absolute; left:0; top:50px; 
	background-color: #FFFFFF; filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; z-index:1; }
	
#top-line { width:790px; height:20px; padding:5px; margin:0 auto; text-align:right; }

#top-menu { float:right; }

.top-menu-item { padding-left:10px; padding-right:10px; padding-top:2px; float:left; color:#000000; font-size:10px;
	font-weight:bold; text-decoration:none; }

.top-menu-divider { height:20px; width:1px; border-left:#CC0000 1px solid; float:left; }

.top-link { color:#000000; font-size:10px; font-weight:bold; text-decoration:none; }

#page-line { width:770px; height:20px; margin:0 auto; position:absolute; left:10px; top:12px; }

.page-menu-item { padding-left:20px; padding-right:20px; padding-top:2px; float:left; }

.page-menu-item-selected { padding-left:20px; padding-right:20px; padding-top:2px; float:left; font-size:11px;
	font-weight:bold; color:#FF0000; }

.page-menu-divider { height:20px; width:1px; border-left:#CC0000 1px solid; float:left;	}

.page-link { color:#000000; font-size:11px; font-weight:bold; text-decoration:none; }

.page-link-w { color:#FFFFFF; font-size:11px; font-weight:bold; text-decoration:none; }

#small-logo { position:absolute; right:47px; top:47px; z-index:4; }

#large-logo { position:absolute; left:100px; top:215px; z-index:4; }

#contact-logo { position:absolute; right:275px; top:140px; z-index:6; }

#contact-freecall { top:295px; right:300px; position:absolute; z-index:6; }	

#contact-details { margin-left:340px; width:200px; line-height:1.5em; }

#thumbs-line { position:absolute; left:7px; top:58px; width:535px; height:105px; }

img.thumb-image { float:left; margin-top:5px; margin-left:5px; }

#bottom-line { width:790px; height:50px; margin:0 auto; text-align:center; position:relative; padding-top:10px;
	font-size:8px; }

#ssg-logo { position:absolute; left:25px; top:3px; }

#lysaght-logo { position:absolute; left:120px; top:13px; }

.designby { color:#000000; text-decoration:none; }

.designby:hover { color:#5C7885; text-decoration:none; }

#home-layer { width:100%; height:408px; margin:0; padding:0; bottom:8px; right:8px; position:absolute;
	background:url(../images/home-layer-base.png) bottom right no-repeat; }

#misc-layer { width:100%; height:408px; margin:0; padding:0; bottom:8px; right:4px; position:absolute;
	background:url(../images/misc-layer-base.png) bottom right no-repeat; z-index:3; }

#misc-layer-split { width:100%; height:408px; margin:0; padding:0; bottom:0; right:4px; position:absolute;
	background:url(../images/misc-layer-base.png) bottom right no-repeat; z-index:3; }

#shed-layer { width:100%; height:408px; margin:0; padding:0; bottom:8px; right:4px; position:absolute;
	background:url(../images/sheds-layer-base.png) bottom right no-repeat; z-index:3; }

#shed-layer-long { width:100%; height:408px; margin:0; padding:0; bottom:0; right:4px; position:absolute;
	background:url(../images/sheds-layer-base.png) bottom right no-repeat; z-index:3; }

#brochure-image { bottom:4px; right:8px; position:absolute; }	

#freecall-image { bottom:32px; left:280px; position:absolute; }	

#home-side-title { width:155px; height:15px; position:absolute; right:5px; bottom:389px; color:#FFFFFF;
	font-size:11px; font-weight:bold; }

#home-side-text { width:150px; height:225px; position:absolute; right:8px; bottom:158px; color:#000000;
	font-size:10px; overflow:hidden; text-align:justify; }

#thumbs-side { width:145px; height:300px; text-align:left; left:28px; top:70px; position:absolute;
	z-index:4; }

div.shed-thumb { width:141px; height:91px; background:url(../images/shed-thumb.png) no-repeat;
	z-index:4; margin-bottom:12px; position:relative; font-size:10px; }

div.shed-thumb-title { font-size:10px; text-align:right; color:#666666; font-style:italic; position:absolute;
	top:3px; right:12px; }

div.page-center-bar { margin: 0 auto; background-color: #D9D3A3; border: 3px solid #FFFFFF; z-index:4;
	width:100%; height:100%; padding:10px; }

#page-center-bar-small { position:absolute; left:206px; top:140px; width:320px; min-height:57px; z-index:4;
	text-align:left; font-size:11px; font-weight:bold; font-style:italic; text-align:left; }

#page-center-bar-large { position:absolute; left:206px; top:140px; width:344px; min-height:50px; z-index:4;
	text-align:left; font-size:11px; line-height:1.4em; text-align:center; }

#page-center-bar-extralarge { position:absolute; left:206px; top:140px; width:555px; min-height:50px;
	z-index:4; text-align:left; font-size:11px; line-height:1.4em; text-align:justify; }

div.left-text { text-align:left; }	

span.em-text { font-style:italic; font-weight:bold; }

span.bold-orange { font-weight:bold; color:#D76E00; }

span.bold-white { font-weight:bold; color:#FFFFFF; }

#page-title { font-size:20px; position:absolute; left:212px; top:80px; z-index:4; }

div.designs-title { font-size:22px; z-index:4; padding-top:20px; padding-left:50px; }

#designs-sizes { font-size:11px; z-index:4; padding-top:5px; padding-left:52px; }

img.designs-image { margin-top:15px; margin-left:20px;	}
	
#chart-title { font-size:12px; font-weight:bold; position:absolute; left:222px; top:289px; z-index:4; }

div.chart-container { position:absolute; left:215px; top:308px; width:330px; height:160px; border:#FFFFFF 1px solid;
	background-color:#4F9607; z-index:4; }

div.chart-left { width:80px; height:19px; border-right:#FFFFFF 1px solid; border-bottom:#FFFFFF 1px solid;
	float:left; clear:both; color:#FFFFFF; font-size:11px; text-align:center; padding-top:3px; overflow:hidden; }

div.chart-right { width:249px; height:19px; border-bottom:#FFFFFF 1px solid; float:right; color:#FFFFFF; font-size:11px;
	text-align:center; padding-top:3px; overflow:hidden; }

div.chart-item { width:30px; height:100%; float:left; color:#FFFFFF; font-size:11px; text-align:left; margin-left:10px;
	overflow:hidden; }

#shed-side-text { width:147px; height:382px; position:absolute; right:15px; top:10px; font-size:10px;
	line-height:1.5em; overflow:hidden; }

img.shed-thumb-image { position:absolute; bottom:1px; left:1px; }

div.line-space { margin-top:20px; }

div.left-li { font-size:10px; font-weight:bold; width:24px; vertical-align:top; float:left; }

div.right-li { font-size:10px; font-weight:normal; width:120px; vertical-align:top; float:right; }

div.clear-line { clear:both; width:100%; height:1px; }

.invisible { text-decoration:none; color:inherit; }

div.small-link { font-size:12px; padding-left:5px; padding-top:5px; }

div.center-align { width:100%; text-align:center; }

div.quote-form-title { clear:left; float:left; font-weight:bold; padding-left:52px; padding-top:3px; width:135px; }

div.quote-form-field { float:left; font-weight:normal; padding-left:5px; padding-top:5px; width:530px; }

div.quote-form-col1 { clear:left; float:left; padding-left:52px; padding-top:5px; width:100px; }

div.quote-form-col2 { float:left; padding-top:5px; width:165px; }

div.quote-form-col3 { float:left; padding-top:5px; width:295px; }

div.quote-form-col4 { float:left; padding-top:5px; width:130px; }

span.quote-form-rowtitle { font-weight:bold; }

div.quote-col-cell { float:left; padding-right:5px; width:32px; }

div.quote-col-cell-np { float:left; padding-right:2px; }	

div.quote-col-cell-nw { float:left; padding-right:10px; }	

div.quote-col-cell-fr { float:left; padding-right:10px; padding-top:5px; }	

div.quote-form-buffer { clear:left; float:left; padding-left:52px; padding-right:10px; padding-top:5px; }

span.quote-form-title { font-size:18px; font-weight:bold; }

div.quote-form-colt { clear:left; float:left; padding-left:52px; padding-top:5px; width:130px; }

div.quote-col-filler { clear:left; float:left; padding-left:52px; padding-top:5px; width:300px; }

div.quote-col-cell-winlen { float:left; padding-top:5px; width:285px; }

span.small-text { font-size:12px; }

span.okay { font-weight:bold; color:#009900; }

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

img.links-item { float:left; margin-right:5px; }

div.link-container { float:left; margin-bottom:5px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; clear:both; width:99%; }