/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font: 11px verdana;
	background: #565656;
/* 	background: #494848; */
	line-height: 18px;
}


h1{	
	font: 24px verdana;
	color: #ffffff;
	display: inline;
}

h2{	
	font: 15px verdana;
	color: white;
	display: inline;
}

form{ margin: 0; padding: 0; }

img{ border: none; }

.green{ color: #c1d72e; }

.blueText{
	color: #ee3a42;
}

.whiteText{ color: white;}

.clear{	clear: both; }

a{
	color: #98ad11;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

input, textarea{
	width: 100%;
	border: solid 1px #797979;	
	font: 9px verdana;
	width: 95%;
	color: #333333;
	margin-bottom: 3px;
	background-color: #d8d8d8
}

input#submit{
	width: 100px;
	background: #494848 url(../gfx/buttonSubmit.gif) no-repeat;
	width: 97px;
	height: 24px;
	border: none;
}

#quoteBox{ margin-bottom: 20px; }

#quoteBox input{
	width: 150px;
}

#quoteBox textarea{
	width: 300px;
}

#quoteBox #table input{
	width: 100px;
}

/* #quoteBox a{
	display: block;
	background: url(../gfx/buttonSubmit.gif) no-repeat;
	height: 30px;
	width: 150px;
}

*/

#quoteBox a{
	margin-top: 10px;
	padding-bottom: 10px;
	background: url(../gfx/buttonSubmit.gif) no-repeat;
	height: 15px;
	width: 83px;
	border: 0;
	display: block;
}

#quoteBox a:hover{
	background: url(../gfx/buttonSubmitOver.gif) no-repeat;
	height: 15px;
	width: 83px;
	border: 0;
	display: block;
}




#box{
	float: left;
	width: 958px;
	margin: 0;
	background: #494848;	
}

#leftBox{
	width: 18px;
	float: left;
	background: #494848;
}

#rightBox{
	float: right;
	width: 940px;
	margin: 0;
	background: #494848;
}

#header{
	height: 78px;
	background: #565555;	
}

#headerLeft{
	float: left;
	width: 596px;
}

a#logo{
	display: block;
	background: url(../gfx/logo.gif) no-repeat;
	height: 68px;
	width: 310px;
}

#headerRight{
	float: right;
	width: 344px;
}

#callBackArea{
	height: 24px;
	margin-left: 83px;
	background: url(../gfx/callBackBg.gif) repeat-x top;
	text-align: center;	
	color: white;
	font-size: 10px;
}

#callBack{
	float: left;
	width: 97px;
	height: 19px;
	padding-top: 5px;
}

#callBack a{
	color: white;
}

#date{
	float: right;
	width: 164px;
	height: 19px;
	background: url(../gfx/dateLeft.gif) no-repeat left;
	padding-top: 5px;	
} 

#telephone{
	background: url(../gfx/telephone.gif) no-repeat right;
	height: 41px;
	width: 344px;
}

#telephoneSE{
	background: url(../gfx/telephoneSE.gif) no-repeat right;
	height: 41px;
	width: 344px;
}

#navigation{
	background: #565555 url(../gfx/navigation.gif) repeat-x top;
	height: 42px;
}

#mainArea{
	clear: both;
	/*background: url(../gfx/logoBig.gif) bottom right no-repeat;*/
}

#mainLeft{
	float: left;
	width: 704px;
}

#mainRight{
	float: right;
	width: 220px;
	margin-bottom: 10px;
}

#titleQuickQuotation{
	background: url(../gfx/titleQuickQuotation.gif) no-repeat;
	padding: 47px 15px 0px 2px;
	margin-top: 21px;
}

#titleCallBack{
	padding: 20px 15px 0px 2px;
	margin-top: 21px;
	color: #ffffff;
}

#titleQuickQuotation input{
	padding-left: 9px;
}
	

#titleQuickQuotation input, select, textarea {
	font: 9px verdana;
	width: 95%;
	color: #333333;
	margin-bottom: 3px;
	background-color: #d8d8d8
}

input#submit2{
	width: 100px;
	background: #494848 url(../gfx/buttonSubmit.gif) no-repeat;
	width: 97px;
	height: 24px;
	border: none;
}


#titleQuickQuotation select{
	width: 100%;
	margin-bottom: 4px;
	margin-top: 1px;
}

#titleQuickQuotation a{
	margin-top: 10px;
	padding-bottom: 10px;
	background: url(../gfx/buttonSubmit.gif) no-repeat;
	height: 15px;
	width: 83px;
	border: 0;
	display: block;
}

#titleQuickQuotation a:hover{
	background: url(../gfx/buttonSubmitOver.gif) no-repeat;
	height: 15px;
	width: 83px;
	border: 0;
	display: block;
}


#banner{
	width: 704px;
	height: 166px;
	background: #494848 url(../gfx/banner.gif) no-repeat;
	position: relative;
}



#gogreen{
	color: #98ad11;
	font-weight: bold;
	background: url(../gfx/buttonGoGreen.gif) no-repeat;
	position: absolute;
	bottom: 1px;
	right: 1px;
	padding: 30px 71px 0 30px;
}

#planttree{
	color: #98ad11;
	font-weight: bold;
	background: url(../gfx/buttonPlantTree.gif) no-repeat;
	position: absolute;
	bottom: 1px;
	right: 181px;
	padding: 30px 71px 0 30px;
}



#carbon-managers{
	width: 704px;
	height: 0px;
	position: relative;
}

#carbon-managers a{
position: absolute;
	bottom: 1px;
	right: 1px;
	color: #98ad11;
	font-weight: bold;
	background: url(../gfx/buttonCarbonManagers.gif) no-repeat;
	display: block;
	height: 0px;
	width: 70px;
	padding: 0px 0 51px 0px;}



#navBottom{
	clear: both;
	height: 27px;
}

#mainText{
	clear: both;
	background: #494848;
	color: white;	
	padding-top: 15px;
}

#mainText select{
	width: 100px;
}


.mainTextPad{
	padding-left: 20px;
	padding-right: 20px;
}

#mainText table{
	margin-top: 5px;
}

a#adDirectMail{
	background: url(../gfx/adDirectMailBottom.gif) no-repeat;
	width: 228px;
	height: 30px;
	display: block;
}

a#adPrinting{
	background: url(../gfx/adPrintingBottom.gif) no-repeat;
	width: 228px;
	height: 30px;
	display: block;
}

a#adFulfilment{
	background: url(../gfx/adFulBottom.gif) no-repeat;
	width: 228px;
	height: 30px;
	display: block;
}

a#adData{
	background: url(../gfx/adDataBottom.gif) no-repeat;
	width: 228px;
	height: 30px;
	display: block;
}

a#adStorage{
	background: url(../gfx/adStorageBottom.gif) no-repeat;
	width: 228px;
	height: 30px;
	display: block;
}

a#adDistribution{
	background: url(../gfx/adDistributionBottom.gif) no-repeat;
	width: 228px;
	height: 30px;
	display: block;
}

#productsServicesTable{
	width: 700px;
}

#productsAndServices{
	margin: 10px 0px 10px 0px;
	padding: 20px 20px 0px 20px;
	clear: both;
	color: white;
	background: #666666 600px 0px no-repeat;
}

#productsAndServices ul{
	margin-left: 19px;
	padding: 0px;
	vertical-align: middle;	
	list-style: none;
}

#productsAndServices ul li{
	padding-bottom: 6px;
}

#productsAndServices ul a{
	background: url(../gfx/arrowGreen.gif) left no-repeat;
	padding-left: 20px;
	display: block;
	height: 15px;	
	color: white;
}

#productsAndServices ul li span{
	background: url(../gfx/arrowGreen.gif) left no-repeat;
	padding-left: 20px;
	display: block;
	height: 15px;	
	color: white;
}

#brandedsites{
	background: #666666;
	padding: 7px 10px;
	width: 682px;
	margin-bottom: 10px;
	color: #ffffff;
}


#footer{
	clear: both;
	background: #515050 url(../gfx/footerRepeat.gif) repeat-x;
	color: #9c9c9c;
	font-size: 9px;
 	width: 958px;
}

#footer a{
	color: #9c9c9c;
}

#footerLeft{
	float: left;
	width: 200px;
	margin-left: 28px;
	padding-top: 50px;
	background: url(../gfx/footerLeft.gif) no-repeat;
}

#footerRight{
	float: right;
	width: 678px;
	height: 34px;
	padding-top: 16px;
	text-align: right;
	padding-right: 26px;
}

#footerBottom{
	clear: both;
	margin-bottom: 10px;
	padding-left: 35px;
}



#productTopBar3{
	background: #666666;
	height: 18px;
	width: 98%;
	text-align: right;
	padding-right: 2%;
}

#productTopBar3 a{
	background: url(../gfx/arrowLeft.gif) no-repeat;
	display: block;
	height: 19px;
	width: 90px;
	float: right;
	padding-top: 0px;
	padding-left: 15px;
	color: white;	
}

.mapPadding2{
	background: #858585; 
	width: 186px;
	margin-top: 3px;
	margin-left: 3px;
}

#mapImg{
	float: right;
	padding: 5px;
	padding-top: 4px;
	padding-right: 0px;
}

.mapPadding{
	background: #858585; 
	padding-left: 5px;
	width: 181px;
	margin-top: 5px;
	margin-left: 3px;
	line-height: 16px;
}