@charset "UTF-8";
/* BlueCoffee CSS  */


/* Geniric Stles CSS  */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #CCCCCC;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
}


p{
margin: 0px;
}
h1{
margin: 0px;
color: #006633;

}
h2{
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
h3{
	margin: 0px;
	color: #006633;
	font-size: 14px;
}


/* Layout CSS  */
#wrapper {
	position:relative;
	margin: 0 auto;
	top:10px;
	width:990px;
	height:100%;
	z-index:1;
	min-height: 100px
}
#header {
	position:absolute;
	left:0px;
	top:10px;
	width:990px;
	height:70px;
	z-index:1;
}

#salesAdviseNumber {
	position:absolute;
	left:840px;
	top:20px;
	width:150px;
	height:35px;
	z-index:2;
}
#ukWelcome {
	position:absolute;
	left:210px;
	top:15px;
	width:30px;
	height:20px;
	z-index:3;
}
#esWelcome {
	position:absolute;
	left:245px;
	top:15px;
	width:205px;
	height:20px;
	z-index:4;
}
#tagLine {
	position:absolute;
	left:0px;
	top:40px;
	width:550px;
	height:20px;
	z-index:5;
}
#logo {
	position:absolute;
	left:0px;
	top:10px;
	width:209px;
	height:32px;
	z-index:6;
}


#topNav {
	position:absolute;
	left:0px;
	top:80px;
	width:970px;
	height:20px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	z-index:2;
	background-color: #006633;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	word-spacing: normal;
	text-align: left;

}

#imageHolder {
	position:absolute;
	left:0px;
	top:125px;
	width:990px;
	z-index:3;
	
	height: 300px;
}
#middleNav {
	position:absolute;
	left:0px;
	top:435px;
	width:990px;
	height:35px;
	z-index:4;
	background-color: #006633;
	line-height: 32px;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-indent: 20px;
}

#commercialProducts {
	position:absolute;
	left:0px;
	top:480px;
	width:230px;
	height:140px;
	z-index:5;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
}
#publicSectorProducts {
	position:absolute;
	left:250px;
	top:480px;
	width:230px;
	height:140px;
	z-index:5;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
}
#leisureSectorProducts {
	position:absolute;
	left:500px;
	top:480px;
	width:230px;
	height:140px;
	z-index:5;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
}
#aboutArboles {
	position:absolute;
	left:750px;
	top:480px;
	width:230px;
	height:140px;
	z-index:5;
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-top: 10px;
}
#brochureRequest {
	position:absolute;
	left:0px;
	top:640px;
	width:310px;
	height:90px;
	z-index:6;
	background-color: #A6C5BB;
	padding-left: 10px;
	padding-top: 10px;
}
#dinColour {
	position:absolute;
	left:330px;
	top:640px;
	width:320px;
	height:90px;
	z-index:6;
	background-color: #A6C5BB;
	padding-left: 10px;
	padding-top: 10px;
}
#callback {
	position:absolute;
	left:670px;
	top:640px;
	width:310px;
	height:90px;
	z-index:6;
	background-color: #A6C5BB;
	padding-left: 10px;
	padding-top: 10px;
}
#homeFooter {
	position:absolute;
	left:1px;
	top:750px;
	width:990px;
	height:125px;
	z-index:2;
	background-color: #006633;
	line-height: 30px;
	color: #FFFFFF;
	text-align: center;
}


/* Link Styles CSS  */

 a:link {
	text-decoration: none;
	color: #0066CC;	
}
 a:visited {
	text-decoration: none;
	color: #0066CC;	
	
	}
 a:hover {
	text-decoration: underline;
	color: #0066CC;	
	
	
}
 a:active {
	text-decoration: none;
	color: #0066CC;	

	
}




#topNav a:link {
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 6px;
	margin-left: 5px;	
}
#topNav a:visited {
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 6px;
	margin-left: 5px;
	}
#topNav a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	margin-right: 6px;
	margin-left: 5px;
}
#topNav a:active {
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 6px;
	margin-left: 5px;	
}


#homeFooter a:link {
	text-decoration: none;
	color: #FFFFFF;
	
}
#homeFooter a:visited {
	text-decoration: none;
	color: #FFFFFF;
	
	}
#homeFooter a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	
}
#homeFooter a:active {
	text-decoration: none;
	color: #FFFFFF;
	
}



/* Text Styles CSS  */


/* Form Elements CSS  */

input{
	background-color: #FFFFFF;
	border: thin solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.button{
border: thin solid #000000;
background-color:#FFFFFF;
font-size:10px;
}
textarea{
	background-color: #FFFFFF;
	border: thin solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	}
	
	
	
	
	#leftNav {
	position:absolute;
	left:0px;
	top:125px;
	width:220px;
	height: 290px;
	z-index:3;
	background-color: #FFFFFF;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
}
#staticNav1 {
	position:absolute;
	left:0px;
	top:10px;
	width:220px;
	height: 290px;
	z-index:3;
	background-color: #FFFFFF;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
}
#staticNav {
	position:relative;
	left:0px;
	top:10px;
	width:220px;
	height: 290px;
	z-index:3;
	background-color: #FFFFFF;
	float: left;
	padding-top: 10px;
	padding-left: 20px;
}
#largeImage {
	position:relative;
	left:0px;
	top:125px;
	width:740px;
	height:300px;
	z-index:4;
	background-color: #CCCCCC;
	float: right;
	right: 0px;
	bottom: 0px;
}
#pageTitle {
	position:relative;
	width:990px;
	height:35px;
	z-index:4;
	float: right;
	background-color: #006633;
	top: 135px;
	right: 0px;
	font-size: 16px;
	line-height: 35px;
	color: #FFFFFF;
	text-indent: 20px;
}
#itemWrapper {
	position:relative;
	top:145px;
	width:1000px;
	float: right;
	z-index:6;
	float: right;
	right: 0px;
	left: 0px;
}
#item {
	position:relative;
	width:240px;
	height:140px;
	z-index:1;
	float: left;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
#itemCat {
	position:relative;
	width:240px;
	height:140px;
	z-index:1;
	float: left;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#itemImageSmall {
	position:absolute;
	left:8px;
	top:7px;
	width:100px;
	height:100px;
	z-index:1;
}
#catImageSmall {
	position:absolute;
	left:10px;
	top:10px;
	width:220px;
	height:100px;
	z-index:1;
}
#itemTitle {
	position:absolute;
	left:115px;
	top:10px;
	width:110px;
	height:15px;
	z-index:2;
}
#itemText {
	position:absolute;
	left:116px;
	top:27px;
	width:110px;
	height:75px;
	z-index:3;
	font-size: 10px;
	text-transform:capitalize;
}
#itemLink {
	position:absolute;
	left:9px;
	top:117px;
	width:230px;
	height:15px;
	z-index:4;
}
#itemCatLink {
	position:absolute;
	left:6px;
	top:118px;
	width:230px;
	height:15px;
	z-index:4;
}

#detailsWrapper {
	position:relative;
	top:145px;
	width:990px;
	
	float: right;
	z-index:1;
	float: right;
	right: 0px;
	background-color: #FFFFFF;
}
#detailsWrapper1 {
	position:relative;
	top:145px;
	width:990px;
	z-index:1;
	right: 0px;
	float:right;
	background-color: #FFFFFF;
}
#staticContent {
	position:relative;
	top:10px;
	width:720px;
	z-index:1;
	float:right;
	right:20px;
}
#staticPageTitle1 {
	position:relative;
	left:0px;
	top:10px;
	width:225px;
	height:20px;
	z-index:1;
}
#staticContentCol1 {
	position:relative;
	top:20px;
	width:225px;
	height:330px;
	z-index:2;
	float:left;
}
#staticContentCol2 {
	position:relative;
	left:20px;
	top:20px;
	width:225px;
	height:290px;
	z-index:3;
	float:left;
}
#staticContentCol3 {
	position:relative;
	top:20px;
	left:40px;
	width:225px;
	height:290px;
	z-index:4;
	float:left;
}
#staticPageTitle2 {
	position:absolute;
	left:245px;
	top:10px;
	width:225px;
	height:20px;
	z-index:5;
}
#staticPageTitle3 {
	position:absolute;
	left:490px;
	top:10px;
	width:225px;
	height:20px;
	z-index:6;
}

#pageFooter {
	position:relative;
	width:990px;
	height:125px;
	z-index:4;
	float: right;
	background-color: #006633;
	top: 145px;
	font-size: 12px;
	line-height: 30px;
	color: #FFFFFF;
	text-align: center;
}

#pageFooter a:link {
	text-decoration: none;
	color: #FFFFFF;
	
}
#pageFooter a:visited {
	text-decoration: none;
	color: #FFFFFF;
	
	}
#pageFooter a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	
}
#pageFooter a:active {
	text-decoration: none;
	color: #FFFFFF;
	
}
hr{
	color: #f00;
	background-color: #006600;
	height: 2px;
}
#detailsImage1 {
	position:relative;
	left:20px;
	top:20px;
	width:300px;
	height:340px;
	z-index:1;
	float: left;
}
#detailsDesc {
	position:relative;
	left:30px;
	top:20px;
	width:300px;
	z-index:5;
	float: left;
	padding: 10px;
}

.splitter10{width:100%; height:10px;}
.viewCartHeaders{
background-color:#006633;
color:#FFF;
font-weight:bold;
}
.viewCartRows1{
background-color:#F6F6F6;
}
.viewCartRows2{
background-color:#F9F9F9;
}
.viewCartRowsError{
background-color:#feffc2;
}
.pagewrapper{
	padding:10px;
}
.errorText{
	color:#F00;
}
.pagewrapper h2{
	color:#666;
	font-size:16px;
	margin-bottom:15px;
}
.pagewrapper p{
	line-height:18px;
	margin-bottom:10px;
}
.pagewrapper input{
	padding:5px;
	color:#333;
	border:1px solid #DDD;
}
.newinput{
	padding:5px;
	color:#333;
	border:1px solid #DDD;	
}
.but_buyonline{
	float:right;
	margin:-5px 0px 0px 0px;
	padding:0px 5px 2px 0px;
}

#itemTitle h3{
	font-size:12px;
}
.listpricing{
	margin-top:10px;
}