/*Bespoke Arhcitectual Structures - Bifolding doors expertsCSS 2.1 Created October 2009 / by Aim High Media.http://www.aimhighmedia.co.uk*/html {	overflow-Y: scroll;}/*   ---- Tags ----   */body { 	font-family:Arial, Helvetica, sans-serif; 	font-size:80%; 	margin: 0px; 	padding: 0px; 	color:#333333;	background-color:#efefef; 	background-image: url(../images/whitebackground.gif); 	background-repeat:repeat-y; 	background-position:center;}H1 	{ 	font-size:180%; 	color:#990000;}H2 	{ 	font-weight:normal; 	font-size:180%}a, a:visited	{ 	color: #333333; 	text-decoration: none;}a:hover, a:active	{ 	color: #990000;}a.on-grey, a:visited.on-grey { 	color: #fff; 	text-decoration: none;}a:hover.on-grey, a:active.on-grey { 	color: #900; 	text-decoration: none;}form { 	padding: 0; 	margin: 0; }fieldset {	margin: 0px; 	padding: 0px; 	border:0px;}legend {	margin: 0px 0px 0px 0px; 	padding: 0px 0px 5px 0px; 	color:#FFCCCC;}	

/*   ----Overall Page Holder----   */
.siteframe { 	position: relative; 	width: 980px; 	background-color:#ffffff; 	margin-left:auto; 	margin-right:auto; 	margin-top: 0px;	margin-bottom: 0px; 	padding: 0px 2px 0px 2px; }		

/*   ----Top Navigation----   */
.topnav { 	float:left; 	position:relative; 	padding: 0px; 	margin: 0px; 	width:980px; 	background-color:#FFFFFF;}.topnav ul { 	float:left; 	position:relative; 	padding: 0px 0px 0px 20px; 	margin: 0px 0px 0px 0px; 	width:960px; 	background-image: url(../images/ulnavback.jpg); 	background-repeat:repeat-x; 	background-position: 0px 0px;  	border-bottom:#c5c5c5 solid 1px;}.topnav li { 	float:left; 	position:relative; 	padding: 4px 0px 6px 0px; 	margin: 5px 0px 0px 0px; 	display:inline; 	list-style-type:none; 	color: #333; }.topnav li.selected { 	float:left; 	position:relative; 	padding: 4px 0px 6px 8px; 	margin: 5px 0px 0px 0px; 	display:inline; 	list-style-type:none; 	font-size:90%;	color: #333; }.topnav a { 	color:#333; 	text-decoration:none; 	font-weight:normal; 	font-size:90%; 	border-right:#c5c5c5 solid 1px; 	padding: 0px 8px 0px 8px}.topnav a:hover { 	color:#990000; 	text-decoration:underline; 	font-weight:normal; 	font-size:90%;}	

/*   ----Header Element----   */
.header {	float:left; 	position:relative; 	padding: 0px; 	margin: 0px; 	width:980px; 	background-color:#FFFFFF;}
.brand {	float:left; 	position:relative; 	padding: 20px 0px 20px 0px; 	margin: 0px; 	width:380px; 	background-color:#FFFFFF; 	text-align:left}
.rightheader {	float:right; 	position:relative; 	padding: 20px 0px 0px 0px; 	margin: 0px; 	width:590px; 	background-color:#FFFFFF;}
.rightheader ul { 	float:left; 	position:relative; 	padding: 0px 0px 0px 20px; 	margin: 0px 0px 0px 0px; 	width:570px; 	border-left:1px solid #990000}
.rightheader li { 	float:left; 	position:relative; 	padding: 4px 0px 6px 20px; 	margin: 2px 0px 0px 0px; 	width:550px;	list-style-type:none; 	color: #333; 	background-image: url(../images/bullet.gif); 	background-repeat:no-repeat; 	background-position:2px 7px;}	

/*   ----Obtain a quote----   */
.obtainquote { 	float: left; 	position: relative; 	z-index: 999; 	background:url(../images/transpWhite.png); 	padding: 10px 10px 10px 10px; 	margin: 166px 0px 0px 60px; 	color:#333333; 	width:310px; 	border-top:1px solid #990000; 	border-bottom:5px solid #990000; 	text-align:right; }.obtainquote span 	{ 	float: left; 	position: relative; 	font-family:Arial, Helvetica, sans-serif; 	font-size: 180%; 	margin-bottom:0px; 	width:310px; }.obtainquote p	{ 	float: left; 	position: relative; 	font-family:Arial, Helvetica, sans-serif; 	font-size: 100%; 	margin:0px; 	padding:0px; 	width:310px}.obtainquote a	{ 	color:#990000; 	text-decoration:none; }.obtainquote a:hover { 	color:#333; 	text-decoration:underline;}	

/*   ----Main Horizontal Navigation----   */
.mainnav { 	float:left; 	position:relative; 	padding: 0px; 	margin: 0px; 	width:980px; 	background-color:#FFFFFF;}.mainnav ul { 	float:left; 	position:relative; 	padding: 0px; 	margin: 0px 0px 0px 0px; 	width:980px; 	background-image: url(../images/ulnavback.jpg); 	background-repeat:repeat-x; 	background-position: 1px 5px;}.mainnav li { 	float:left; 	position:relative; 	padding: 0px 0px 0px 0px; 	margin: 15px 0px 0px 0px; 	display:inline; 	list-style-type: none; 	color: #333; 	text-align:center; 	border-top:#c5c5c5 solid 0px; 	border-bottom:#c5c5c5 solid 0px; 	border-right:#c5c5c5 solid 0px; 	border-left:#c5c5c5 solid 0px;}.mainnav li a { 	color:#333; 	padding: 8px 15px 8px 15px; 	margin: 0px 0px 0px 0px; 	text-decoration:none; 	font-weight:normal;	border-right:#fff solid 1px; 	border-left:#c5c5c5 solid 1px;}.mainnav li a:hover { 	color:#990000; 	text-decoration:underline; 	font-weight:normal;}.mainnav li.selected { 	float:left; 	position:relative; 	background-color: #3e0005; 	background-image: url(../images/navbackselected.jpg); 	background-repeat:no-repeat; 	background-position: 0px 0px; 	padding: 13px 15px 8px 15px; 	margin: 0px 0px 0px 0px; 	display:inline; 	list-style-type: none; 	color: #fff; 	text-align:center; 	border-top:#333 solid 1px; 	border-bottom:#c5c5c5 solid 0px; 	border-right:#333 solid 1px; 	border-left:#333 solid 1px;}.mainnav li.selected a { 	color:#fff; 	text-decoration:none; 	font-weight:normal;	border-right:#c5c5c5 solid 0px; 	border-left:#c5c5c5 solid 0px;}	

/*   ----Positioning DIVS----   */
.container { 	float:left; 	position:relative; 	width:940px; 	padding:20px; 	margin:0px; 	background-color:#333333;}.contact    { 	float:right; 	position:relative; 	width:390px; 	padding:0px; 	margin: 0px; 	background-image: url(../images/contactbackimage2.jpg); 	background-repeat:no-repeat; 	background-position: 0px 0px; 	background-color:#ffffff; 	height:250px; 	border-top:#990000 solid 0px; 	border-bottom:#990000 solid 0px;}#jqueryslider	{ 	float:left; 	position:relative; 	width: 550px; 	padding:0px; 	margin: 0px; 	min-height: 250px; 	border-top:#990000 solid 0px; 	border-bottom:#990000 solid 0px; 	border-right:#990000 solid 0px; 	border-left:#990000 solid 0px;}	

/*   ----jQuery Slider Styles----   */

/*   ----Slider Elements----   */
.slider-wrap { 	width: 550px; 	position: absolute;}			.stripViewer .panelContainer .panel ul	{ 	text-align: left; 	margin: 0 15px 0 30px; }.stripViewer  { 	position: relative; 	overflow: hidden; 	width:550px; 	height:250px; }.stripViewer .panelContainer	{ 	position: relative; 	left: 0; 	top: 0; }.stripViewer .panelContainer .panel	{ 	float: left; 	height: 100%; 	position: relative; 	width:550px; }.stripNavL, .stripNavR, .stripNav	{ 	display: none; }	

/*   ----Tab----   */
.navigation_tab 	{ 	float:right;	position: relative;   	z-index: 999; 	padding: 0px; 	margin-top: -115px; 	width:550px; }.navigation_tab ul 	{ 	float:left; 	position: relative; 	padding: 0px; 	margin: 0px 0px 0px 0px; 	width:400px; 	font-size:75%; }.navigation_tab li 	{ 	float:left; position: relative; 	background-image: url(../images/mainnavtop.png); 	background-repeat:no-repeat; 	background-position: top left; 	padding: 8px 8px 8px 8px; 	margin: 0px 0px 0px 1px; 	display:inline; 	list-style-type: none; 	color: #333; 	text-align:center; 	width:184px; 	border:1px solid #00FF00}.navigation_tab a 	{ 	color:#EDE370; 	text-decoration:none; 	font-weight:normal;}.navigation_tab a:hover { 	color:#fff; 	text-decoration:underline;}	

/*   ----Title Link & Description----   */
.titleandcopy	{ 	float: left; 	position: relative; 	z-index: 999; 	background: url(../images/transpBlack.png); 	padding: 10px 10px 10px 10px; 	height: 59px; 	margin-top: -84px;	color:#CCCCCC; 	font-size:100%; 	width:400px; 	border-top:1px solid #990000;	border-bottom:5px solid #990000;}.titleandcopy span 	{ 	font-family:Arial, Helvetica, sans-serif; 	font-size: 180%; 	margin-bottom:0px; 	width:400px; }.titleandcopy p	{ 	font-family:Arial, Helvetica, sans-serif; 	font-size: 120%; 	margin:0px; 	padding:0px; 	width:400px}.titleandcopy a	{ 	color:#fff; 	text-decoration:none; }.titleandcopy a:hover 	{ 	color:#fff; 	text-decoration:underline;}	

/*   ----Thumbnail Buttons Container----   */
#movers-row	{ 	margin: 0px 0px 0px 478px; 	position: relative; 	z-index: 999; 	border:0px solid #FFFF00; 	height:245px; 	background: url(../images/transpBlack.png);  	border-right: 1px solid #333;	border-left: 1px solid #333;	border-bottom: 5px solid #990000;}*html #movers-row	{ 	margin: 0px 0px 0px 390px; 	background-color:#99FF00;}#movers-row div	{ 	width: 50px; 	float: left; 	padding: 0px 0px 0px 0px; 	margin:26px 10px 0px 10px;}#movers-row div a.cross-link { 	float: right; }

/*   ----Thumbnail Buttons----   */
.cross-link		{ 	display: block; 	width: 35px;	margin-top: -14px; 	position: relative; 	padding: 5px 7px 5px 5px; 	z-index: 999; 	background: url(../images/transpPaleWhite.png);}.nav-thumb 	{ 	border: 1px solid black; 	margin-right: 0px; }.active-thumb 	{ 	background-image: url(../images/transpRed.png);	background-position: top center;	Background-repeat:repeat}

/*   ----Breadcrumb----   */
.breadcrumb { 	float:left; 	position:relative; 	padding: 0px; 	margin: 0px; 	width:980px;}.breadcrumb ul { 	float:left; 	position:relative; 	padding: 8px 0px 8px 20px; 	margin: 0px 0px 0px 0px; 	width:960px; 	background-image: url(../images/ulnavback.jpg); 	background-repeat:repeat-x; 	background-position: 0px 0px; 	border-bottom:1px solid #ccc;}.breadcrumb li { 	padding: 0px; 	margin: 0px; 	display:inline; 	list-style-type: none; 	color: #333;}.breadcrumb a { 	color:#333; 	text-decoration:none; 	font-weight:normal; 	padding: 0px 8px 0px 8px}.breadcrumb a:hover { 	color:#990000; 	text-decoration:underline; 	font-weight:normal;}.red {	color:#990000; 	font-weight:bold;}

/*   ----Holder Positioning DIVs----   */
.holder  {	float:left; 	position:relative; 	padding: 0px; 	margin: 20px 0px 0px 0px; 	width:980px; 	background-color:#FFFFFF;}.l_sidebar	{	float:left; 	position:relative; 	padding: 0px 20px 0px 20px; 	margin: 0px 0px 0px 0px; 	width:370px; 	background-color:#FFFFFF;}.r_sidebarholder 	{	float:right; 	position:relative; 	padding: 0px 0px 0px 0px;  	margin: 0px 0px 0px 0px; 	width:570px; 	background-color:#FFFFFF;}.latestnews  {	float:left; 	position:relative; 	padding: 0px 20px 0px 20px; 	margin: 0px; 	width:258px; 	background-color:#FFFFFF; 	border-right:1px solid #CCCCCC; 	border-left:1px solid #CCCCCC;}.r_sidebar	{	float:right; 	position:relative; 	padding: 0px 20px 0px 0px; 	margin: 0px; 	width:230px; 	background-color:#FFF;}

/*   ----Talk to us----   */
.talktous { 	float:left; 	position:relative; 	margin: 0px 0px 0px 0px; 	padding: 20px 20px 20px 20px; 	width:190px; 	background-color:#333333; 	color:#FFFFFF;}.talktous h2 {	color:#FF9999;	margin: 0px 0px 10px 0px; 	padding: 0px 0px 0px 0px; }.talktous label {	color:#FFFFFF; 	font-size:90%; 	font-weight:bold;}.talktous legend {	margin: 0px 0px 0px 0px; 	padding: 10px 0px 10px 0px; 	color:#FFCCCC;}

/*   ----Form Elements for Talk to us----   */
.searchbox, .searchbox2 { 	margin:5px 0px 5px 0px; 	padding:2px 4px 2px 4px; 	font-size:100%; 	width:180px; 	border: 1px solid #ccc; 	color:#333; 	font-style:normal; 	background-image:url(../images/boxback.jpg); 	background-repeat:no-repeat; 	background-position: 0px 0px;}.searchbox2 { font-family:Arial, Helvetica, sans-serif; }.gobutton  {  	background-color: #990000; 	background-image:url(../images/buttonback.jpg); 	background-repeat:no-repeat; 	background-position: 0px 0px; 	padding: 5px 8px 5px 8px; 	margin: 5px 0px 0px 0px; 	color: #fff; 	text-align:center; 	border:#990000 solid 1px; 	font-weight:bold}

/*   ----Latest News----   */
.latestnews h2 {	color:#333333;	margin:0px;}
.latestnews a {	color:#990000;}
.snippet { 	margin:5px 0px 5px 0px; 	padding:10px 10px 10px 10px; 	background-color:#FBF0F0; 	font-size:90%}

.snippet img { 	float:left; position:relative; margin:0px 10px 0px 0px; border-bottom:2px solid #990000; border-top:1px solid #CCC;}

.gallery { 	margin:5px 0px 5px 0px; padding:10px 10px 10px 10px; 	background-color:#FBF0F0; 	font-size:90%}

.gallery img { 	float:left; 	position:relative; 	margin:0px 10px 10px 0px; 	border-bottom:0px solid #990000; 	border-top:0px solid #CCC;}

.highlighter {background: #f99; padding: 10px 0 10px 10px;}
.highlighter .gallery {background: #f99; padding:10px 10px 10px 0px;}

/*   ----Intro & Feature Boxes----   */
.intro {	float:left; 	position:relative; 	width:370px; 	margin:0px 20px 20px 0px; 	padding:0px 0px 0px 0px;}.intro h1 {	margin:0px 0px 10px 0px; 	padding:0px;}.feature1 { 	float:left; 	position:relative; 	margin:0px 0px 0px 0px; 	padding:0px 20px 0px 0px; 	width:165px;}.feature1 h1 {	color:#CC0000; 	margin:0px 0px 10px 0px; 	font-size:120%}.feature1 img {	border-bottom:3px solid #990000; 	border-top:1px solid #CCC; 	margin-bottom:10px;}.feature1 a {	color:#990000;}.feature2 { 	float:right; 	position:relative; 	margin:0px 0px 0px 0px; 	padding:0px 0px 0px 20px; 	width:164px; 	border-left:1px solid #CCCCCC; }.feature2 h1 {	color:#CC0000; 	margin:0px 0px 10px 0px; 	font-size:120%}.feature2 img {	border-bottom:3px solid #990000; 	border-top:1px solid #CCC; 	margin-bottom:10px;}.feature2 a {	color:#990000;}

/*   ----Footer----   */
.footer { 	float:left; 	position:relative; 	padding: 0px; 	margin: 20px 0px 0px 0px; 	width:980px; 	background-color:#333; 	color:#FFFFFF;}.footer ul { 	float:left; 	position:relative; 	padding: 0px 0px 0px 20px; 	margin: 0px 0px 0px 0px; 	width:960px; 	background-image: url(../images/navbackselected.jpg); 	background-repeat:repeat-x; 	background-position: 0px 0px;  	border-bottom:#c5c5c5 solid 1px;}.footer li { 	float:left; 	position:relative; 	padding: 4px 0px 6px 0px; 	margin: 5px 25px 0px 0px; 	display:inline; 	list-style-type:none; 	color: #fff; 	font-size:85%}.footer a { 	color:#fff; 	text-decoration:none; 	font-weight:normal; 	padding: 0px 0px 0px 10px; 	border-left:1px solid #efefef;}.footer a:hover { 	color:#FAEBEB; 	text-decoration:underline; 	font-weight:normal;}

/*   ----Sub Horizontal Navigation----   */
.subnav { 	float:left; 	position:relative; 	padding: 5px 0px 0px 0px; 	margin: 0px; 	width:980px; 	background-color:#333333;}.subnav ul { 	float:left; 	position:relative; 	padding: 0px; 	margin: 0px 0px 0px 0px; 	width:980px; 

/*	background-image: url(../images/ulnavback.jpg); 	background-repeat:repeat-x; 	background-position: 0px 0px;*/}
.subnav li { 	float:left; 	position:relative; 	padding: 0px 0px 0px 0px; 	margin: 10px 0px 0px 0px; 	display:inline; 	list-style-type: none; 	color: #333; 	text-align:center; 	border-top:#c5c5c5 solid 0px; 	border-bottom:#c5c5c5 solid 0px; 	border-right:#c5c5c5 solid 0px; 	border-left:#c5c5c5 solid 0px;}.subnav li a { 	color:#ddd; 	padding: 8px 14px 8px 14px; 	margin: 0px 0px 0px 0px; 	text-decoration:none; 	font-weight:normal;	border-right:#222 solid 1px; 	border-left:#444 solid 1px;}.subnav li a:hover { 	color:#FF9999; 	text-decoration:underline; 	font-weight:normal;}.subnav li.selected { 	float:left; 	position:relative; 	background-color: #333; 	background-image: url(../images/navbackselected.jpg); 	background-repeat:no-repeat; 	background-position: 0px 0px; 	padding: 8px 14px 8px 14px; 	margin: 0px 0px 0px 0px; 	display:inline; 	list-style-type: none; 	color: #fff; 	text-align:center; 	border-top:#999 solid 1px; 	border-bottom:#c5c5c5 solid 0px; 	border-right:#999 solid 1px; 	border-left:#999 solid 1px;}.subnav li.selected a { 	color:#fff; 	text-decoration:none; 	font-weight:normal;	border-right:#c5c5c5 solid 0px; 	border-left:#c5c5c5 solid 0px;}.subnav li.norm { 	float:left; 	position:relative; 	padding: 8px 0px 8px 0px;	margin: 0px 0px 0px 0px; 	display:inline; 	list-style-type: none; 	color:#ddd; 	text-align:center; 	border-top:#999 solid 0px; 	border-bottom:#c5c5c5 solid 0px; 	border-right:#999 solid 0px; 	border-left:#999 solid 0px;}.subnav li.norm a { 	color:#ddd; 	padding: 0px 14px 0px 14px;	margin: 0px 0px 0px 0px;	text-decoration:none; 	font-weight:normal;	border-right:#222 solid 1px; 	border-left:#444 solid 1px;}.subnav li.norm a:hover { 	color:#ff9999; 	text-decoration:underline; 	font-weight:normal;	border-right:#222 solid 1px; 	border-left:#444 solid 1px;}.subholder {	float:left;	position:relative;	width:710px;	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;}.lsub_sidebar {	float:left;	position:relative;	width:125px;	padding: 20px 20px 20px 20px;	margin: 0px 0px 0px 20px;	background-color:#333;	color:#FFFFFF;}.lsub_sidebar h2 {	color:#FF9999;	margin: 0px 0px 0px 0px; 	padding: 0px 0px 0px 0px; }.lsub_sidebar p {	color:#FF9999}.subcontent {	float:right;	position:relative;	width:460px;	padding: 0px 20px 0px 20px;	margin: 0px 0px 0px 0px;	background-color:#fff;	border-left:1px solid #ccc;	border-right:1px solid #ccc;}.subcontent a {	color: #990000; 	text-decoration: underline;}.subcontent a:hover {    color: #666;	text-decoration:none;}.subcontent h1{	padding: 0px 0px 0px 0px;	margin: 0px 0px 0px 0px;}.subcontent form {}.subcontent fieldset {	margin: 15px; 	padding: 10px; 	border: 1px #CCCCCC solid;}.subcontent legend {	color:#990000;	margin: 0px; 	padding: 10px; }.subcontent table th { 	text-align:left;	width:190px;	background-color:#ddd;	padding:3px}.subcontent table td { 	text-align:left;	width:190px;	background-color:#eee;	padding:3px}.subcontent .searchbox {	width:238px;	background-image:url(../images/boxback2.jpg); 	background-repeat:no-repeat; 	background-position: 0px 0px;}.subcontent .searchbox2 {	width:238px;	background-image:url(../images/boxback2.jpg); 	background-repeat:no-repeat; 	background-position: 0px 0px;}.ralcolours {}.ralcolours table {	width:100%}.ralcolours td {	width:100px;}.ralcolours td tr td{	font-size:70%;	text-align:center;}.csholder {	border-top:1px solid #777;	border-left:1px solid #777;	border-right:1px solid #777;	background-color:#eee;	padding:10px;	width:436px;}.thumbs  {	border:0px;	padding:0px;	margin-right:11px;	margin-bottom:11px;}.thumbsnone {	border:0px;	padding:0px;	margin-right:0px;	margin-bottom:11px;}.pinkhead	{ 	font-weight:normal; 	font-size:180%;	color:#ff9999;	margin:0px 0px 0px 0px;	padding:0px 0px 10px 0px;	display:block;}.lsub_sidebar ul {	float:left; 	position:relative; 	width:120px;	padding: 0px 0px 0px 0px; 	margin: 10px 0px 0px 0px; 	border-top:1px solid #ff9999;}.lsub_sidebar li {	float:left; 	position:relative; 	width:120px;	list-style:none;	padding: 9px 0px 9px 0px; 	margin: 0px 0px 0px 0px; 	border-bottom:1px solid #ff9999;}.blockup { 	float:left; 	position:relative; 	padding: 0px 0px 3px 0px; 	margin: 0px; 	width:980px; 	background-color:#333;	font-size: 1%;}.formnotice {	float:left; 	position:relative; 	margin:10px 0px 10px 0px; 	padding:5px 0px 5px 0px; 	font-size:100%; 	color:#FFCC00;	font-weight:bold;	border-top:1px #FFCC00 solid;	border-bottom:1px #FFCC00 solid;	}.quotenotice {	float:left; 	position:relative; 	margin:0px 0px 10px 0px; 	padding:0px 0px 5px 0px; 	font-size:100%; 	width:450px;	color:#990000;	font-weight:bold;	display:block;}

.assistive {visibility: hidden; display: none;}
