/* CSS Document */

/*CSS Reset Reloaded*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;font-style: inherit; font-size: 100%; font-family: Arial; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white; font-size:100.01%; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}
















/*Global Styling*/
body{background:url(/images/main-bg.gif) repeat-x #fff; font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif; font-size: 11px;}
#skiplinks{display:none;}
a:link {color: #ff9900; text-decoration:underline}
a:visited {color: #ff9900; text-decoration:none}
a:hover {color: #ff9900; text-decoration:underline}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}
h2{font-size:18px}
h3{font-size:16px}
h4{font-size:12px}
h5{font-size:10px}
h6{font-weight:bold;}

/*headers*/
.head-sectional{background:url(/images/head-sectional.gif)0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-roller{background:url(/images/head-roller.gif)0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}
.head-spares{background:url(/images/head-spares.gif)0 0 no-repeat; height:30px; width:340px; text-indent:-9999px;}

/*Layout */
#wrapper{width:100%; height:100%;}
#content-box{width:800px; padding:0; margin:0 auto;}
#page-heading{width:755px; height:30px; padding:20px 20px 0 25px;}
.col2{width:545px; float:left; padding:20px 0px 30px 10px; margin:0 10px 0 16px; color:#333; line-height:16px; text-align:justify;}
#type1 h2, #type2 h2{font-weight:bold; color:#333;}
.col1{width:360px; float:left; padding:20px 0px 30px 10px; margin:0 10px 0 16px; color:#333; line-height:16px; text-align:justify;font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}
.col1 p{font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}

/*bottom boxes*/
#bottom-boxes{width:790px; height:90px; padding:0 5px 0 5px; margin:0 auto; clear:both;}
#bottom-boxes strong{display:none;}
#box1{width:221px; height:70px; float:left; background:url(/images/bottombox5.gif) 0 0 no-repeat; padding:10px 10px 10px 10px; margin:0 10px 0 19px; color:#fff;}
#box1 h2, #box1 h2 a, #box2 h2, #box2 h2 a, #box3 h2, #box3 h2 a{display:block; width:221px; height:70px; text-indent:-9999px;}
#box2{width:221px; height:70px; float:left; background:url(/images/bottombox2.gif) 0 0 no-repeat; padding:10px 10px 10px 10px; margin:0 10px 0 5px; color:#fff; display:block;}
#box3{width:221px; height:70px; float:left; background:url(/images/bottombox3.gif) 0 0 no-repeat; padding:10px 10px 10px 10px; margin:0 10px 0 5px; color:#fff; display:block;}

/*mast
#mast{height:69px; width:800px; margin:0 auto;}
#mast h1, #mast h1 a{text-indent:-1000px; margin:0 0; padding:0; background:url(/images/logo.gif) 0 0 repeat-x; border:0; display:block; height:69px; width:323px;}
#logo{float:left; width:323px; height:69px;}
#mast-nav{width:112px; height:44px; float:right; margin:25px 20px 0 0; background:url(/images/mast-nav-bg.gif) no-repeat; font-size:10px; font-weight:bold; color:#ffffff;}

#mast-nav ul {list-style:none; border:none; margin:0; padding:5px 0 0 5px;}
#mast-nav li {display: inline; float: left;}
#mast-nav li a {display: block; padding: 0 5px 0 5px; text-decoration: none; color:#fff;}
html>body #mast-nav li a {width: auto;}
#mast-nav li a:hover {color: #ff9900;}
*/

/*mast*/
#mast{height:69px; width:800px; margin:0 auto;}
#mast h1, #mast h1 a{text-indent:-1000px; margin:0 0; padding:0; background:url(/images/logo.gif) 0 0 repeat-x; border:0; display:block; height:69px; width:323px;}
#logo{float:left; width:323px; height:69px;}
#mast-nav{width:286px; height: 44px; float:right; margin:25px 20px 0 0; background: url(/images/mast-nav-bg.gif) 170px 0 no-repeat; font-size:10px; font-weight:bold; color:#ffffff;}

#mast-nav ul {list-style:none; border:none; margin:0; padding:0;}
#mast-nav li {display: inline; float: left; padding:5px 0 5px 5px;}
#mast-nav li a {display: block;  text-decoration: none; color:#fff;}
html>body #mast-nav li a {width: auto;}
#mast-nav li a:hover {color: #ff9900;}

/*google button*/
#google-button{width:170px; height:43px; padding:0!important;}



/*header*/
#head-content-r1{height:152px; width:800px; margin:0 auto;  background:url(/images/header-roller1.jpg) 0 0 no-repeat; }
#head-content-r2{height:152px; width:800px; margin:0 auto;  background:url(/images/header-roller2.jpg) 0 0 no-repeat; }
#head-content-r3{height:152px; width:800px; margin:0 auto;  background:url(/images/header-roller3.jpg) 0 0 no-repeat; }
#head-content-s1{height:152px; width:800px; margin:0 auto;  background:url(/images/header-sect1.jpg) 0 0 no-repeat; }
#head-content-s2{height:152px; width:800px; margin:0 auto;  background:url(/images/header-sect2.jpg) 0 0 no-repeat; }
#head-content-s3{height:152px; width:800px; margin:0 auto;  background:url(/images/header-sect3.jpg) 0 0 no-repeat; }

#breadcrumb-strip{width:770px; height:26px; margin:0 auto; padding:10px 0 0 30px; color:#fff; font-weight:bold;}

/*footer*/
#footer-wrap {width:100%; /*height:160px;*/ background:url(/images/footer-bg.gif) repeat-x; text-align:center; clear:both;  padding-bottom:40px;}
#footer {width:800px; /*height:120px;*/ margin: 0 auto; padding-top:20px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#ccc; background:url(/images/cards.gif) 0 0 no-repeat;}
#footer p{margin-top:10px;}

#footer ul {list-style:none; border:none; margin:0;	padding: 5px 0 0 0;}
#footer li {display: inline;}
#footer li a {display: inline; padding: 0 6px 0 6px; text-decoration: none; color:#fff;}
html>body #footer li a {width: auto;}
#footer li a:hover {color: #ff9900;}

/*main navigation*/
#nav{width:800px; height:31px; margin:0 auto;/*padding: 6px 0 0 6px;*/	background: url(/images/nav-up.gif) 0 0 no-repeat;}
#nav ul {list-style: none;	border: none; margin:0;	padding: 0 0 0 0;}
#nav li {display: inline; float: left;}
#nav li a {display: block; padding: 15px 0 15px 0; text-decoration: none; color:#fff;}
#nav li a:hover {color: #ff0000;}

li#nav1 a {width: 65px;}
li#nav2 a {width: 177px;}
li#nav3 a {width: 160px;}
li#nav4 a {width: 83px;}
li#nav5 a {width: 82px;}
li#nav6 a {width: 94px;}
li#nav7 a {width: 80px;}
li#nav8 a {width: 59px;}

/*65 177 160 83 82 94 80 59*/
li#nav1 a:hover { background: url(/images/nav-ovr.gif) 0px 0px no-repeat;}
li#nav2 a:hover { background: url(/images/nav-ovr.gif) -65px 0px no-repeat;}
li#nav3 a:hover { background: url(/images/nav-ovr.gif) -242px 0px no-repeat;}
li#nav4 a:hover { background: url(/images/nav-ovr.gif) -402px 0px no-repeat;}
li#nav5 a:hover { background: url(/images/nav-ovr.gif) -485px 0px no-repeat;}
li#nav6 a:hover { background: url(/images/nav-ovr.gif) -567px 0px no-repeat;}
li#nav7 a:hover { background: url(/images/nav-ovr.gif) -661px 0px no-repeat;}
li#nav8 a:hover { background: url(/images/nav-ovr.gif) -741px 0px no-repeat;}

#nav ul li strong {display: none;}

/*current page highlight*/
/*#home #active{color:#ff2a00;}*/

/*--subnav--*/
.subnav {width:160px; padding:20px 0px 30px 10px; font-family: Arial, sans-serif; color: #fff; float:left; margin:0 10px 0 16px; }
.subnav ul {list-style: none; margin:0;	padding: 0;	border: none;}
.subnav li {margin: 0 0 1px 0;}
.subnav li a {display: block; padding:7px 2px 2px 10px;	background-color: #94989f;	color: #fff; text-decoration: none;	width: 100%; height:19px; font-weight:bold;}
html>body .subnav li a {width: auto;}
.subnav li a:hover {background: #b3bac6; color: #2f3542;}

.subhead1{background:url(/images/subhead-rsd.gif) 0 0 no-repeat; width:160px; height:32px;}
.subhead2{background:url(/images/subhead-psd.gif) 0 0 no-repeat; width:160px; height:32px;}
.subnav .subhead1 strong, .subnav .subhead2 strong , .subnav .subhead-rol1 strong , .subnav .subhead-rol2 strong, .subnav .subhead-roller strong,  .subnav .subhead-sectional strong {display: none;}
.subnav-clear{width:160px; height:20px;}

.subhead-rol1{background:url(/images/subhead-rol1.gif) 0 0 no-repeat; width:160px; height:32px;}
.subhead-rol2{background:url(/images/subhead-rol2.gif) 0 0 no-repeat; width:160px; height:32px;}
.subhead-roller{background:url(/images/subhead-roller.gif) 0 0 no-repeat; width:160px; height:32px;}
.subhead-sectional{background:url(/images/subhead-sectional.gif) 0 0 no-repeat; width:160px; height:32px;}




/* = Thumbnails
----------------------------------------------- */
	div.tn {
  	float: left;
	margin:0 11px 0 0;
	padding-bottom:40px;
	width:170px;
  	}


	div.tn p {
   	text-align: left;
	margin:0;
   	}

	div.spacer {
	clear: both;
	}

	div.tn ul {
	list-style-type:none;
	margin:0;
	line-height:22px
  	}

	div.tn li a{
	color:#ff9900;
	font-weight:bold;
	}

	div.tn p{
	margin-top:9px;
	margin-bottom:15px;
	color:#7A848B;
	font-size:11px;
	line-height:14px;
	}


/* = closeup
----------------------------------------------- */

#closeup-col1{width:545px; margin:0 20px 20px 0; float:left; font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}
#closeup-col1, p{font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}
#closeup-col2{width:545px; margin:0 0 0 0; float:left; font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}
#closeup-col2, p{font-family:'Trebuchet MS', Verdana, Arial, Sans-Serif;}
#closeup-col2 h3{font-weight:bold}

/*customise box
------------------------------------------------ */
#customize-top{
	width:545px;
	height:40px;
	background:url(/images/customize_top.gif) no-repeat #fff;
	margin:20px 0 0 0;
	float:left;
	}

#customize-top h3{
	display:none;
	clear:both;
	}

#customize{
	background:url(/images/customize_bg.gif) 0 0 repeat-y transparent;
	padding:20px 20px 20px 20px;
	color:#fff;
	clear:both;
	}

#customize h3{
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 0;
	color:#E6F2F8;
	}

#customize select{
	font-size:11px;
	color:#212426;
	font-family:lucida-sans, verdana, helvetica;
	}

#customize-bottom{
	width:525px;
	height:40px;
	padding:0 10px 10px 20px;
	background:url(/images/customize_bottom.gif) no-repeat #fff;
	margin:0 0 20px 0;
	clear:both;
	}
/*-- product help sections --*/


#motor-location{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}


#door-type{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}
#fixingType{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}
#doorDimensions{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}
#doorStandardDimensions{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}
#panelType{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}

#lowTrack
{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}

#doorColours
{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}
#doorColourhelp
{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}
#facia90
{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}
#facia45
{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}
#doorOperator
{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}

#doorHandle
{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}

#doorManRel
{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	display:none;
}

/*error box*/
#error-top{
		width:545px;
		height:45px;
		background:url(/images/error_top.gif) no-repeat #fff;
		margin:20px 0 0 0;
		float:left;
		clear:both;
}

#error-top h3{
	display:none;
}

#error{
		background:url(/images/error_bg.gif) repeat-y transparent;
		padding:10px;
		color:#fff;
				clear:both;
}

#error p{
		margin:0;
		font-weight:bold;
}

#error h3{
		font-size:14px;
		font-weight:bold;
		margin:10px 0 0 0;
		color:#E6F2F8;
}

#error-bottom{
		width:545px;
		height:35px;
		background:url(/images/error_bottom.gif) no-repeat #fff;
		margin:0 0 20px 0;
		clear:both;
}

/*order box*/
#order-top{
	width:545px;
	height:45px;
	background:url(/images/order_top.gif) no-repeat #fff;
	margin:20px 0 0 0;
	float:left;
}

#order-top h3{
	display:none;
	clear:both;
}

#order{
	background:url(/images/order_bg.gif) repeat-y transparent;
	color:#3F3D33;
	clear:both;
}
#order td{padding:5px 0 5px 20px;}

/*order list*/
#order ul{
	list-style:none;
	color:#fff;
}

.price{
	color:#2F3542;
	font-size:12px;
	font-weight:bold;
}

#order h3{
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 0;
	color:#1B1A10;
}

#order-bottom{
	width:545px;
	height:50px;
	background:url(/images/order_bottom.gif) no-repeat #fff;
	margin:0 0 20px 0;
	clear:both;
}

#product-price-data{
	text-align: right;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ccc;
	height:150px;
	}

span.product-price{ float: left; font-weight: bold; color: #F10A3F; font-size:12px;}
span.product-note { font-weight: normal; font-size: 9px; color: #ccc; }




/*--roller doors--*/
#doorColours-roller
{
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border:1px solid #2F3543;
	background-color:#607092;
	color:#fff;
	}

hr{border:0; color:#7c8d9d; background:#7c8d9d; height:1px;}




/*spares*/
.spares-product{width:545px; height:160px; float:left; background:#ededed; border:#ededed 5px solid;}
.spares-img{width:160px; height:160px; float:left;}
.spares-text{width:360px; padding:5px 0 5px 0; margin-left:10px; float:left;}
.spares-text h3{font-size:14px; color:#2F3542; font-weight:bold;}
.spares-text {font-size:10px; line-height:14px;}
.spares-price{width:200px; float:left;}
.spares-input{width:100px; float:left; margin-left:120px;}
.spares-clear{width:545px; height:20px; float:left;}




/*	colour cell styles */
.swatch_cell {
	text-align: center;
	height: 85px;
	width: 100px;
}

.maintable_cell {
	height: 168px;
}

.banner1 strong {
	display: none;
}
.saving{ font-size:18px; font-family:"Trebuchet MS", Tahoma, Verdana; color:#fff;}

#product_heading {
	height: 37px;
	margin-bottom: 5px;
}

#product_heading_title {
	float: left;
}

#product_heading_quote {
	float: right;
}