@import url("http://www.cosgroup.co.uk/css/global.css");

* {
	margin:0;
	padding:0;
	text-decoration:none;
	border:none;
}

body{
	background-image:url(../images/global/bg.gif);
	background-repeat:repeat-x;
	background-color:#dededc;
	color:#696969;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
}

#header{
	width:880px;
	height:67px;
	border-bottom: 1px solid #e7e7e5;
	}
	
h1{
	float:right;
	padding: 13px 30px 0px 0px;
}

h2{
	color:#7d5db8;
	font-size:1.3em;
	font-family:'CabinRegular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-bottom:10px;
}

h3{
	color:#9fa09b;
	font-size:1.3em;
	font-family:'CabinRegular', Arial, Helvetica, sans-serif;
	font-weight:normal;
}

h4{
	color:#8e8e8d;
	font-family:'CabinRegular', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
}

.projectheader{
	margin-bottom:0; 
	padding-bottom:0;
}

.clear{
	clear:both;
}

.right{
	float:right;
}

.left{
	float:left;
}
.displayNone{
display:none;
}


p {
	padding-bottom:10px;
	line-height:140%;
}

.intro{
	color:#c4c4c4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}

#wrapper{
	width:921px;
	margin: 0 auto;
	background-image:url(../images/global/wrapper-bg.png);
	background-repeat:repeat-y;
	background-position:left;
}

#container{
	width:881px;
	background-color:#FFFFFF;
	margin-left:21px;
	background-image:url(../images/global/bgshape.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
}


.col{
	width:150px;
	float:left;
	padding-left:210px;
}

.col2{
	width:445px;
	float:right;
	padding-right:35px;
}

.col3{
	clear:both;
	width:600px;
	margin: 0px 35px 0px 210px;
	padding-top:25px;
}

.col-wide{
	width:100%;
	float:left;
	padding-left:210px;
	}

.policyCol{
	width:300px;
	float:left;
	padding-left:210px;
}

.policyCol2{
	width:300px;
	float:right;
	margin-right:20px;
}

.policyCol ul{
	list-style-type:none;
	margin-bottom:45px;
}

.policyCol ul li{
	background-image:url(../images/global/pdfIcon.gif);
	background-repeat:no-repeat;
	padding:5px 0px 0px 30px;
	height:30px;
}

.policyCol2 ul{
	list-style-type:none;
	margin-bottom:45px;
}

.policyCol2 ul li{
	background-image:url(../images/global/pdfIcon.gif);
	background-repeat:no-repeat;
	padding:5px 0px 0px 30px;
	height:30px;
}

.policyCol a{
	color:#8e8e8d;
	text-decoration:underline;
}

.policyCol a:hover{
	color:#696969;
}

.policyCol2 a{
	color:#8e8e8d;
	text-decoration:underline;
}

.policyCol2 a:hover{
	color:#696969;
}


.margintop{
	margin-top:45px;
}


#printcarousel{
display:none;
}

.col p a{
	color:#8e8e8d;
	text-decoration:underline;
}

.col p a:hover{
	color:#696969;
}


.col2 p a{
	color:#8e8e8d;
	text-decoration:underline;
}

.col2 p a:hover{
	color:#696969;
}

/*--------------- nav ----------------- */

#nav{
	color:#7e7e7e;
	font-family:Arial, Helvetica, sans-serif;
}

#nav ul{
	float:left;
	padding: 30px 0px 0px 30px;
	list-style-type:none;
	}
	
#nav ul li{
	display:inline;
	margin-right: 20px;
	float:left;
	}
	
#nav a{
	color:#7e7e7e;
}

#nav a:hover{
	color:#333333;
}
	
#nav .selected{
	border-bottom: 3px solid #c9c9c5;
	padding-bottom:20px;
	float:left;
	}

#subnav{
	background-color:#7d5db8;
	width:191px;
	margin-top:15px;
	color:#FFFFFF;
	float:left;
	height:370px;
}

#subnav ul{
	list-style-type:none;
	margin:25px 0px 0px 30px;
}

#subnav ul li{
	border-bottom:1px solid #957bc5;
	padding:5px 0px;
}

#subnav ul li a{
	color:#48346b;
}

#subnav ul li a:hover{
	color:#2a1c42;
}

#subnav ul li ul{
	list-style-type:none;
	margin:3px 0px 0px 10px;
}

#subnav ul li ul li{
	border-bottom:1px solid #6e52a1;
	padding:3px 0px;
}

#subnav ul li ul li a{
	color:#a685e1;
}

#subnav ul li ul li a:hover{
	color:#d2baff;
}

#subnav #selected-white{
	color:#fff;
}

#subnav #selected-lilac{
	color:#d2baff;
}

#subnav .noborder{
	border:0;
}


ul#pagination{
	list-style-type:none;
}

ul#pagination li{
	display:inline;
	float:left;
	margin-right:5px;
	border: none;
}

#pagination a{
	width:10px;
	height:10px;
	background:url(../images/global/pagination-off.gif) no-repeat left center;
	display:block;
}

#pagination a:hover{
	background-image:url(../images/global/pagination-on.gif);
}

#pagination a.selected{
	background-image:url(../images/global/pagination-on.gif);
}

#projects{height:290px;}


/*--------------- home ----------------- */
#flash{
	float:right;
	width:690px;
	height:370px;
	overflow:hidden;
	margin-top:15px;
}

.col ul{
	list-style-type:none;
}

.col ul li{
	background-image:url(../images/global/bullet.gif);
	background-repeat:no-repeat;
	background-position:top left;
	font-size:1.25em;
	padding:0px 0px 10px 10px;
	line-height:125%;
}


/*--------------- products ----------------- */


.products{
	clear:both;
	width:600px;
	padding: 0px 35px 0px 195px;
}


/*--------------- news ----------------- */

#newsheader{
	width:881px;
	height:196px;
	background-color:#7d5db8;
	margin-top:15px;
	color:#FFFFFF;
}

#newsheader .description{
	
	width:585px;
	float:left;
	padding:0 20px 0;
}

#newsheader .arrowLeft{
	float:left;
	width:20px;
}

#newsheader .arrowRight{
	float:right;
	width:20px;
}

#newsheader img{
	float:left;
}

#newsheader h2{
	margin: 0px 0px 5px 0px;
	color:#FFFFFF;
	padding-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
}

#newsheader p{
	color:#c9b7ea;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.6em;
	
}

.newslist{
	width:150px;
	float:left;
	padding-left:40px;

}

.newslist ul{
	list-style-type:none;
}

.newslist li{
	margin-bottom:10px;
}

.newslist a{
	color:#8e8e8d;
	font-weight:bold;
}

.newslist a:hover{
	color:#757574;
	font-weight:bold;
}

.newslist .selected{
	color:#7d5db8;
}

.newsitem{
	float:left;
	width:580px;
	padding: 0px 35px 0px 40px;
}

/*--------------- contact ----------------- */

.contactpanel{
	background-color:#e1e1e1;
	height:366px;
	margin-top:20px;
}

.contactpanel .col{
	padding:40px 0px 10px 25px;
}

.contactpanel .colright b{
	color:#7d5db8;
}

.contactpanel .colright{
	float:right;
	width:140px;
	padding:75px 0px 10px 20px;
}

.fields{
	padding:1px;
	width:170px;
	margin:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333333;
	/*border:1px solid #CCC;*/
}

.messagefield{
	width:415px;
	margin:3px 0px 0px 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333333;
}

.small{
	font-size:0.85em;
}

.contactform{
width:480px;
	float:left;
	padding:40px 0 0 25px;
}
.contactform table{
margin-top:15px;
}
.sendBtn{
float:right;
}

/*--------------- footer ----------------- */

#footer{
	margin: 150px 0 0 0;
	border-top:1px solid #e7e7e5;
	color:#cccccc;
	font-size:0.9em;
	height:20px;
	padding:0;	
	clear:both;
	/*background-color: #00FFCC;
	border:#00CCFF solid 1px;*/
}

#footer p{
	padding-top:3px;
}

#footer a{
	color:#cccccc;
}

#footer a:hover{
	color:#999999;
}

.copyright{
	padding-left:210px;
	/*float:left;*/
}

#credit{
	width:880px;
	background: url(../images/global/wrapper-btm.png) no-repeat center top;
	padding: 5px 10px 0;
	margin: 0 auto;
		/*clear:both;
		background-image:url(../images/global/wrapper-btm.png);
	background-repeat:no-repeat;
	background-position:top;
	height:20px;*/
	}

.limegreentangerine{
	float:left;
	color:#999;
	font-size:0.8em;
}

.limegreentangerine a{
	color:#999;
}

.limegreentangerine a:hover{
	color:#666666;
}

/*--------------- slider ----------------- */


.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 10px solid black;
	overflow: scroll; /*leave this value alone*/
	width: 500px; /*Width of Carousel Viewer itself*/
	height: 200px; /*Height should enough to fit largest content's height*/
	}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 20px; /*margin around each panel*/
	 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}


#printform{
	float:right;
	width:690px;
	margin-top:15px;
	background-color:#e1e1e1;
	}
	
#printformgrey{
	float:right;
	width:690px;
	margin-top:15px;
	background-color:#e1e1e1;
	}

#formcontent{
	margin:15px;
	width:650px;
	}
	
#formcontent input{
	padding:2px;
	margin-bottom:4px;
	}
	
#formcontent .field{
	width:200px;
	border: 1px solid #CCC;

	}
	
#formcontent .textarea{
	width:100%;
	}