* {
	margin: 0px; 
	padding: 0px; 
}

/*html*/
html {
    height: 100%; /* gives layout 100% height */
	overflow:inherit; /* triggers 100% height in Opera 9.5 */ 
}
	
body {
	height: 100%; /* gives layout 100% height */
	background:#676360;
	/*background-image: url('http://sandbox.kolourbox.com/J7143-co/holding/images/whitebg.gif');
	background-position: bottom center;
	background-repeat: repeat-y;*/
}


{
 clear:both;
}

.clear_h{
 clear:both;
 height:40px;
}
 
/*wrapper*/
#wrapper {
    min-height: 100%; /*gives layout 100% height */ 
	width:854px;
	background-color:#ffffff;
	margin:0 auto; 
	height:auto!important; 
	height: auto; 
}

/*PageContainer*/
#Pagecontainer { 
    width:854px;
	height: auto; 
	background-color:#ffffff;
}

/* -------------------------------- header -------------------------------*/
#head_area{
width:854px;
height:370px;
}

#top_header{
 width:854px;
 height:90px;
 background-image:url(../images/topheader.jpg);
 background-repeat:repeat-x;
}

/* ------------------------ menu ------------------------------*/
#menu_area
{
 width:854px;
 height:50px;
 background-image:url(../images/menu.jpg);
 background-repeat:repeat-x;
 text-decoration : none;
 }

ul.menu {
float:left;
list-style-type:none;
position:relative;
display:block;
font-size:12px;
font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
margin:0;
padding:0 0 0 15px;

}

ul.menu li {
display:block;
float:left;
margin:0;
padding:0;
}

ul.menu li a {
float:left;
color:#ffffff;
text-align:left;
text-decoration:none;
padding-left:18px;
padding-right:18px;
padding-top:5px;
padding-bottom:0px;
font-weight:normal;
}

ul.menu li a:hover,.current {
color:#007cc3;
text-decoration:none;
}

ul.menu .current a {
color:#007cc3;
font-weight:700;
}

#active a
{
color:#007cc3;
font-weight:700;
text-decoration: none;
}

/* ------------------------ end menu ------------------------------*/

/*search*/
#page_headersearch {float:right; clear: right; margin:7px 2px 1px 0px; width:150px; height:2.2em; color: #AAAAAA; font-family:Arial, Helvetica, sans-serif; font-size:9px; }
#page_headersearch h3 {float: left;font-size: 10px;color: #0099CC;	margin: 3px 0px 0px 0px;}
#page_headersearch form {float: left;}
#page_headersearch input {margin-top: 7px; padding-left: 2px; width: 107px; height: 14px; float: left; border:inset #AAAAAA 1px;
background-color: #AAAAAA; }
#page_headersearch input.button {padding: 0px; margin-top: 3px; margin-left:2px; width: 29px; height: 25px; float: left; border:none;}

/*banner*/
#banner
{
float:left;
width:854px;
height:243px;
background-image:url(../images/banner1.jpg);
background-repeat:no-repeat;
}

/* -------------------------------- end header -------------------------------*/

/* -------------------------------- body -------------------------------*/

/*body*/                   
#body_area{
width:843px;
margin:5px;
height:auto;
border-left: #CCCCCC 1px solid;
border-top:#CCCCCC 1px solid;
}

/* -------------------------------- body left -------------------------------*/

/* text formatting */
.topic_l
{
	 font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	 font-size:14px;
	 font-weight:bold;
	 color:#ae8c75;
	 padding-bottom:15px;
}

.blue_t{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #669999;
}

#welcome{
	float:left;
	width:580px;
	height:auto;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#007cc2;
	padding-bottom:10px;
	padding-top:15px;
	text-align:left;
}

#welcome_text{
	 float:left;
	 width:580px;
	 height:auto;
	 font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	 font-size:12px;
	 font-style:normal;
	 color:#a5a4a4;
	 text-decoration:none;
	 text-align:left;
}

.breadcrumb_text{
	text-align:left;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#a5a4a4;
	text-decoration:none;
}

a.more-orange:link{
   font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d1ab37;
	text-decoration: none;
}

a.more-orange:visited{
  font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d1ab37;
	text-decoration:none;
}

a.more-orange:active{
  font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#d1ab37;
	text-decoration:none;
}

a.more-orange:hover{
  font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #d1ab37;
	text-decoration: underline;
}

.types-topic {
	color: #D1AB37;
	font: bold;
}

.ne{
 font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
 color:#ae8c75;
 padding-bottom:15px;
}
 
.ne1{
 font-family:Arial;
 font-size:12px;
 color: #999999;
 padding-bottom:10px;
 line-height:15px;
}

.sendinfo{
text-align:right;
padding-right:15px;
font-family:Arial;
font-size:12px;
color: #999999;
padding-bottom:10px;
line-height:15px;
}

/* end text formatting */

#body_left{
	width:200px;
	height: auto;
	float:left;
	margin:6px 0 0 5px;
	background-color:#FFFFFF;
}

#menu_l{
	width:180px;
	height: auto;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
	line-height:1.5em;
	/*float:left;*/
	background-color:#f5f0ec;
	border:1px #c0c0c0 solid;
	/*border-spacing:120px;*/
}

/*  left menu   */
.leftmenu{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 180px; /* width of menu */
}

.leftmenu li{
	/*border-bottom: 1px solid white;  white border beneath each menu item */
	list-style-type: none;
	line-height:8px;
}

.leftmenu li a{
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: block;
	color: #669999;
	width: auto;
	padding: 3px 0; /* Vertical (top/bottom) padding for each menu link */
	text-decoration: none;
	/*border-bottom: 1px solid black; bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.leftmenu li a:visited, .leftmenu li a:active{
	color: #669999;
}

.leftmenu li a:hover{
	/*background-color: black; color of menu onMouseover*/
	color: #DCB51C;
	/*border-bottom: 1px solid black; bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}

/*   home  */
#signs #nav-signs a,
#blinds #nav-blinds a,
#awnings-and-canopies #nav-awnings-and-canopies a,
#shutters-and-shopfronts #nav-shutters-and-shopfronts a
{
	color: #DCB51C;
}

/*  awings  */
#ottawa #nav-ottawa a,
#bn #nav-bn a,
#compact #nav-compact a,
#losanna #nav-losanna a,
#monaco #nav-monaco a
{
 color: #DCB51C;
}

/*   blinds  */
#woodenvenetian #nav-woodenvenetian a,
#aluminiumvenetian #nav-aluminiumvenetian a,
#verticalblinds #nav-verticalblinds a,
#rollerblinds #nav-rollerblinds a,
#romanblinds #nav-romanblinds a,
#slidingpanel #nav-slidingpanel a,
#woodwave #nav-woodwave a,
#pleatedroller #nav-pleatedroller a,
#woodenshutters #nav-woodenshutters a
{
 color: #DCB51C;
}

#woodenvenetian #nav-woodenvenetian a:hover,
#aluminiumvenetian #nav-aluminiumvenetian a:hover,
#verticalblinds #nav-verticalblinds a:hover,
#rollerblinds #nav-rollerblinds a:hover,
#romanblinds #nav-romanblinds a:hover,
#slidingpanel #nav-slidingpanel a:hover,
#woodwave #nav-woodwave a:hover,
#pleatedroller #nav-pleatedroller a:hover,
#woodenshutters #nav-woodenshutters a:hover
{
 color: #DCB51C;
}

#aluminiumvenetianfinish #nav-aluminiumvenetianfinish a
{
 color: #DCB51C;
 background-image: url(../images/arrowhover.gif);
 background-position: left top;
 background-repeat: no-repeat;
}

#woodenvenetianfinish #nav-woodenvenetianfinish a
{
 color: #DCB51C;
 background-image: url(../images/arrowhover.gif);
 background-position: left top;
 background-repeat: no-repeat;
}

#verticalblindscp #nav-verticalblindscp a
{
 color: #DCB51C;
 background-image: url(../images/arrowhover.gif);
 background-position: left top;
 background-repeat: no-repeat;
}

#rollerblindscp #nav-rollerblindscp a
{
 color: #DCB51C;
 background-image: url(../images/arrowhover.gif);
 background-position: left top;
 background-repeat: no-repeat;
}

#romanblindscp #nav-romanblindscp a
{
 color: #DCB51C;
 background-image: url(../images/arrowhover.gif);
 background-position: left top;
 background-repeat: no-repeat;
}

.leftmenuSub{
list-style-type: none;
margin-left:20px;
padding: 0;
width: 160px; /* width of menu */
}

.leftmenuSub li{
list-style-type: none;
line-height:8px;
}

.leftmenuSub li a{
font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
font-size: 12px;
display: block;
color: #669999;
width: auto;
padding: 4px 10px; /* Vertical (top/bottom) padding for each menu link */
text-decoration: none;
list-style: none;
background-image: url(../images/arrow.gif);
background-position: left top;
background-repeat: no-repeat;
}

.leftmenuSub li a:visited, .leftmenuSub li a:active{
color: #669999;
}

.leftmenuSub li a:hover{
font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
font-size: 12px;
color: #DCB51C;
padding:4px 10px; /* Vertical (top/bottom) padding for each menu link */
text-decoration:none;
line-height:8px;
list-style: none;
background-image: url(../images/arrowhover.gif);
background-position: left top;
background-repeat: no-repeat;
}


/* end left menu  */

#large_f{
	width:180px;
	height: auto;
	text-align:left;
	padding-left:20px;
	padding-top:10px;
	line-height:1.5em;
	background-color:#dbd7d4;
	border:1px #cccccc solid;
}

#discount{
	width:200px; 
	height:auto; 
	padding-top:50px;
	text-align:center;
}
/* -------------------------------- end body left -------------------------------*/

#body_right{
	float:left;
	width:600px;
	height:auto;
	margin:0 3px 0 30px;
}

#bodybottom {
    float:right;
	width:600px;
	height:auto;
	padding-top:25px;
	text-align:left;
}

#index-centre{
width:575px;
height:auto;
font-family:Trebuchet MS,Arial, Helvetica, sans-serif; 
font-size:12px; 
font-style:normal; 
color:#a5a4a4; 
text-decoration:none;
}

#col-sign{
float:left; 
width:190px; 
height:340px; 
border-right:#007cc2 1px solid;
}

#col-sign-in{
width:175px; 
height:180px;/* 
padding-right:4px;*/
}

#col-blind{
float:left; 
width:190px; 
height:340px; 
border-right:#007cc2 1px solid;
}

#col-blind-in{
width:175px; 
height:180px; 
padding-right:7px; 
padding-left:7px;
}

#col-awnings{
float:left; 
width:190px; 
height:340px;
}

#col-awnings-in{
width:175px; 
height:180px; 
padding-right:7px; 
padding-left:7px;
}

.testipic {
	width:110px;
	height:90px;
	padding-top:10px;
	padding-right:5px;
	padding-bottom:10px;
	float:left;
}

/* ----------------- inner ----------------------- */

#body_right_left{
	float:left;
	width:380px;
	height: auto;
	margin:0;
}

#body_right_right{
	float: right;
	width:210px;
	height: auto;
	padding-left:0px;
	margin:0;
}

#breadcrumb {
	float:left;
	width:360px;
	text-align:left;
    padding-top:15px;	
	padding-bottom:8px;	
	padding-right:10px;
}

#page{
	width:360px;
	height:auto;
	float:left;
	text-align:right;
	padding-top:10px;	
	padding-bottom:10px;
	padding-right:10px;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#a5a4a4;
}

#gallery{
    width:360px;
	height:auto;
	text-align:center;
}

.news{
	width:200px;
	height:auto;
	float: right;
	line-height:1em;
} 

.space{
	width:200px;
	height:42px;
} 

.rightmenu{
	text-align:left;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#a5a4a4;
	text-decoration:none;
}

#body_rightco{
padding-top:8px;
width:590px;
height:auto;
float:right;
padding-left:0px;
padding-right:10px;
background-color:#FFFFFF;
}

.contact{
	width:270px;
	height:auto;
	float:left;
	line-height:1em;
	padding-left:10px;
}

.contact1{
	width:300px;
	height:auto;
	float:left;
	line-height:1em;
	padding-left:10px;
} 
/* ----------------- footer ---------------------- */

#footer{
	width:854px;
	height:40px;
	background-color:#4d4948;
	padding-top:10px;
	text-align:center;
}             

#footer_middle{
	text-align:center;
	height:40px;
	width:854px;
}

#footer_bottom{
	text-align:center;
	height:40px;
	width:854px;
	background-color:#FFFFFF;
}

a.whitetext1:link{
	font-family: Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	text-decoration:none;
}
a.whitetext1:visited{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration:none;
}
a.whitetext1:active{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	text-decoration:none;
}
a.whitetext1:hover{
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;
	text-decoration: underline;
}

.whitetext {
font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
font-style:normal;
color:#fff;
font-size:12px;
}
/* ---------------------- end footer ------------------------ */ 
 
/*banner*/

#banner{
float:left;
width:854px;
height:243px;
}

#banner1{
float:left;
width:854px;
height:243px;
background-image:url(../images/banner2.jpg);
background-repeat:no-repeat;
}

#banner_signs{
float:left;
width:854px;
height:243px;
background-image:url(../images/banner_signs.jpg);
background-repeat:no-repeat;
}
	
#banner_roller{
float:left;
width:854px;
height:243px;
background-image:url(../images/banner_roller.jpg);
background-repeat:no-repeat;
}

#banner_woodweave{
float:left;
width:854px;
height:243px;
background-image:url(../images/banner_woodweave.jpg);
background-repeat:no-repeat;
}
	
#banner_blind{
float:left;
width:854px;
height:243px;
background-image:url(../images/banner_blinds.jpg);
background-repeat:no-repeat;
}

#banner_shutters{
float:left;
width:854px;
height:243px;
background-image: url(../images/banner_shutters.jpg);
background-repeat:no-repeat;
}

#banner_contact{
float:left;
width:854px;
height:243px;
background-image:url(../images/banner_contact.jpg);
background-repeat:no-repeat;
}

/********************************* form **********************************/

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
  padding: 0;
  /*width: 300px;*/
  color: #999999;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px; 
	padding: 0; 
	margin: 5px 0 0 35px; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

form input {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:140px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 0px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.back{
	background-color:#CCCCCC;
	border:1px solid #000000;
}

form input.short {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:50px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 3px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}

form input.image {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	/*width:50px;  */    /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 13px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
}

form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:140px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 3px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
	background-color:#CCCCCC;
	border:1px solid #000000;						  
}

/*form input#reset {
	margin-left:0px; 
}*/

textarea { overflow: auto; }

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.bu1{	width:70px;	height:26px;	float:right;	padding-right:9px;	}
.bu2{	width:70px;	height:26px;	float:right;	padding-right:3px;	}

/********************************** menu left **************************/