/* CSS Document */
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

body 
{
	margin: 0 0 0 0;
	height: 100%;
	min-height: 100%;
	min-width: 1034px;
	font-size: 12px;
	background-image:url(images/websiteimages/background_1.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#ecedee;
	font-family: Arial, Helvetica, sans-serif;
}

p, form, h1, h2, h3, h4, h5, h6, table
{
margin: 0;
padding: 0;
}

#container
{
margin-top:0px;
margin-left: auto;
margin-right: auto;
width: 1034px;
height: auto;
min-height:600px;
}

#innercontainer
{
width: 1034px;
height:auto;
float: left;
margin: 0px;
padding: 0px;
}

#pagecontent
{
width: 973px;
height:auto;
float: right;
margin:0px;
padding:0px 27px 27px 0px;
background:url(images/leaf.jpg) bottom right no-repeat #FFFFFF;
}

#columeleft
{
width: 240px;
height:auto;
float: left;
margin:0px;
padding:0px;
}

#columeright
{
width: 706px;
height:auto;
float: right;
margin:0px;
padding:0px;
}

#sidetitle
{
width: 33px;
height:372px;
float: left;
margin:152px 0px 0px 0px;
padding:0px;
}

/*---| Page Title Top Left |---*/


.pageone
{
background:url(images/title-1.jpg) top left no-repeat #9ec7bf
}

.pagetwo
{
background:url(images/title-2.jpg) top left no-repeat #9ec7bf
}

.pagethree
{
background:url(images/title-3.jpg) top left no-repeat #9ec7bf
}

.pagefour
{
background:url(images/title-4.jpg) top left no-repeat #9ec7bf
}

.pagefive
{
background:url(images/title-5.jpg) top left no-repeat #9ec7bf
}

.pagesix
{
background:url(images/title-6.jpg) top left no-repeat #9ec7bf
}

.pageseven
{
background:url(images/title-7.jpg) top left no-repeat #9ec7bf
}

.pageeight
{
background:url(images/title-8.jpg) top left no-repeat #9ec7bf
}

.pagenine
{
background:url(images/title-9.jpg) top left no-repeat #9ec7bf
}

.pageten
{
background:url(images/title-10.jpg) top left no-repeat #9ec7bf
}

.pageeleven
{
background:url(images/title-11.jpg) top left no-repeat #9ec7bf
}

.pagetwelve
{
background:url(images/title-12.jpg) top left no-repeat #9ec7bf
}

.pagethirteen
{
background:url(images/title-13.jpg) top left no-repeat #9ec7bf
}

.pagefourteen
{
background:url(images/title-14.jpg) top left no-repeat #9ec7bf
}

.pagefithteen
{
background:url(images/title-15.jpg) top left no-repeat #9ec7bf
}


/*-----------------------------*/


#navbox
{
width:215px;
height:auto;
float:left;
margin: 0px;
padding:25px 0px 25px 25px;
background-color:#ecedee;
}

.navbutton
{
width:200px;
height:auto;
float:left;
margin: 0px;
padding:4px 0px 4px 0px;
background:url(images/arrow.jpg) right center no-repeat;
border-bottom:dotted #FFFFFF 1px;
}

.navbuttontwo
{
width:200px;
height:auto;
float:left;
margin: 0px;
padding:4px 0px 4px 0px;
background:url(images/arrow.jpg) right center no-repeat;
}

#navbox a
{
width:210px;
text-align:left;
text-decoration:none;
color:#68988d;
}

#navbox a:hover
{
color:#666666;
}


.navspacerone
{
float:left;
margin: 0px 0px 18px 0px;
}

/*----------------------------------------*/

#navboxtwo
{
width:215px;
height:auto;
float:left;
margin: 0px;
padding:25px 0px 25px 25px;
}

.navbuttonthree
{
width:200px;
height:auto;
float:left;
margin: 0px;
padding:4px 0px 4px 0px;
background:url(images/arrowtwo.jpg) right center no-repeat;
border-bottom:dotted #666666 1px;
}

.navbuttonfour
{
width:200px;
height:auto;
float:left;
margin: 0px;
padding:4px 0px 4px 0px;
background:url(images/arrowtwo.jpg) right center no-repeat;
}


#navboxtwo a
{
width:210px;
text-align:left;
text-decoration:none;
color:#666666;
}

#navboxtwo a:hover
{
color:#9dbcb5;
}

/*-----------------------------------------*/

 
.leftbox
{
width:240px;
height:auto;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
float:left;
}
 
 
.titlebox
{
width:215px;
height:auto;
float:left;
margin: 0px;
padding: 4px 0px 4px 25px;
background:#acd2ca;
}


.titlebox h1
{
color:#FFFFFF;
font-size:13px;
text-align:left;
}

.lefttextbox
{
width:215px;
height:auto;
float:left;
margin: 0px;
padding: 6px 0px 6px 25px;
}

.leftinnerbox
{
width:107px;
height:auto;
float:left;
margin: 0px;
}

.lefttextbox p
{
text-align:left;
color:#666666;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height:18px;
}

.lefttextbox a
{
text-align:left;
color:#9dbcb5;
text-decoration:none;
}

.lefttextbox ul
{
text-align:left;
color:#666666;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px;
line-height:18px;
list-style:url(images/box.jpg);
}


.spacer
{
width:200px;
height:auto;
float:left;
margin: 0px 0px 20px 0px;
padding:4px 0px 4px 0px;
border-bottom:dotted #666666 1px;
}

/*----------------------------------*/


#footer
{
width: 1000px;
height:auto;
float: right;
margin:0px;
padding:27px 0px 27px 0px ;
}


#footer p
{
text-align:center;
font-size:12px;
color:#666666;
width:1000px;
margin: 0px 0px 8px 0px;
}


#footer a
{
text-align:center;
font-size:12px;
text-decoration:none;
color:#666666;
margin: 0px 5px 0px 5px;
}

/*-------------------------------------------------------------*/


.toptitlebox
{
width:656px;
height:20px;
float:left;
margin: 0px;
padding: 25px 25px 25px 25px;
background:#acd2ca;
}

.toptitlebox img
{
float:right;
margin:0px;
}

.topimage
{
width:704px;
height:auto;
float:left;
margin: 0px;
border:#999999 dotted 1px;
}

.topimage .imagesizepro
{
width:704px;
height:160px;
float:left;
margin: 0px;
padding:0px;
}

.topimage .imagesizepag
{
width:704px;
height:385px;
float:left;
margin: 0px;
padding:0px;
}

.topimage img
{
width:704px;
height:auto;
}

.toprighttitle
{
width:689px;
height:auto;
float:left;
margin: 0px;
padding: 15px 0px 15px 15px;
text-transform:lowercase;
}

#columeright h1
{
text-align:left;
font-size:32px;
color:#9dbcb5;
font-weight:lighter;
}

#columeright p
{
text-align:left;
font-size:12px;
color:#666666;
font-weight:lighter;
margin: 0px 0px 8px 0px;
line-height:20px;
}

#columeright a
{
color:#9dbcb5;
text-decoration:none;
}


#columeright ul
{
text-align:left;
color:#666666;
margin: 0px 0px 30px 0px;
padding: 0px 0px 15px 12px;
line-height:18px;
list-style:url(images/box.jpg);
}

#columeright li
{
text-align:left;
color:#666666;
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 12px;
line-height:18px;
list-style:url(images/box.jpg);
}


#columeright Strong
{
color:#9dbcb5;
margin: 0px 15px 0px 0px;
}

#columeright span
{
margin: 0px 15px 0px 0px;
}


.rightcontent
{
width:654px;
height:auto;
overflow:visible;
float:left;
margin: 0px;
border-bottom:#999999 dotted 1px;
border-left:#999999 dotted 1px;
border-right:#999999 dotted 1px;
padding:25px;
}


.rightsplitone
{
width:370px;
height:auto;
float:left;
margin: 0px 25px 0px 0px ;
border-right:#999999 dotted 1px;
padding: 0px 25px 0px 0px ;
}


.rightsplittwo
{
width:654px;
height:auto;
float:left;
margin: 0px;
}


.rightsplitthree
{
width:250px;
height:auto;
float:left;
margin: 0px;
}

.rightsplitthreeb
{
width:250px;
height:auto;
float:left;
margin: 0px;
padding: 20px 0px 0px 0px;
}

.rightsplitthreec
{
width:75px;
height:auto;
float:left;
margin: 0px;
}

.rightsplitthreed
{
width:175px;
height:auto;
float:left;
margin: 0px;
}


.rightsplitfour
{
width:654px;
height:auto;
float:left;
margin: 0px;
}

.rightsplitfive
{
width:300px;
height:auto;
float:left;
margin: 0px;
}

.rightsplitsix
{
width:100px;
height:auto;
float:right;
margin: 0px;
}














.rightcontact
{
width: 654px;
height:auto;
float:left;
margin: 0px 0px 0px 0px;
padding: 20px 0px 20px 0px;
color:#666666;
text-align:left;
font-size:12px;
}

.splitlefttwo
{
width: 297px;
height:auto;
float:left;
margin: 0px 0px 0px 0px;
}

.splitrighttwo
{
width: 297px;
height:auto;
float:right;
margin: 0px 0px 0px 0px;
}

.splitrightfour
{
width: 654px;
height:auto;
float:right;
margin: 0px 0px 0px 0px;
padding-top:20px;
}


/*====================| FORM |======================*/


/*Text inputs*/
.textinput, .textinputHovered {
	width:281px;
	height:15px;
	background:#FFFFFF;
	border:1px #9dbcb5 solid;
	padding:4px 8px;
	margin: 0px 0px 10px 0px;
}
.textinputHovered {
	background-position:left bottom;
}

/*Text areas*/
.textarea, .textareaHovered {
	width:638px;
	height:125px;
	overflow:auto;
	background:#FFFFFF;
	max-width:638px;
	border:1px #9dbcb5 solid;
	padding:4px 8px;
}
.textareaHovered {
	background-position:left bottom;
}

/*Button*/
.buttonSubmit, .buttonSubmitHovered {
	width:160px;
	height:28px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:#FFFFFF;
	margin-top:20px;
	background-image:url(images/send.jpg);
	cursor:pointer;
	border:none;
}
.buttonSubmitHovered {
	background-position:left bottom;
}

/*Test div - testing if stylesheets are enabled*/
#stylesheetTest {
	position:absolute;
	left:-999px;
	width:10px;
	height:10px;
}




/*-----------------------------------------------*/



.spacedoutimgone
{
margin: 0px 0px 10px 0px;
}


.spacedoutimgtwo
{
margin: 20px 0px 10px 0px;
}





/*-----------------------------------------------*/



.colourchange
{
color:#666666;}


.categories img { border:#999999 1px dotted; margin:0px 10px 10px 0px; }
.categories img:hover { border:#333333 1px dotted; margin:0px 10px 10px 0px; }

.subcategories img { margin:0px; width:110px; max-height:110px; }
.subcategories h3 { font-size:13px; font-weight:bold; line-height:18px; color:#8dd2ca; }
.subcategories-box { width:110px; height:auto; min-height:150px; margin: 0px 7px 7px 0px; padding:4px; float:left; border:#999999 1px dotted; }



.product-info img { width:350px; height:auto; padding:5px; border:#999999 1px dotted; float:left; margin:0px; }
.product-info .holder { width:300px; height:auto; padding:5px; float:right; margin:0px; }
.product-info .holder h2 { color:#9dbcb5; font-size:35px; font-weight:100; }

.email-friend { padding: 5px 5px 5px 26px; background:url(../images/email-logo.jpg) 4px 3px no-repeat; margin:0px 10px 10px 0px; border:#999999 1px solid; color:#666666; }
.print-page { padding: 4px 5px 5px 21px; background:url(../images/print-logo.jpg) 2px 3px no-repeat; margin:0px 0px 10px 0px; border:#999999 1px solid; color:#666666; }
.call-page { padding: 4px 5px 5px 21px; background:url(../images/call-logo.jpg) 2px 3px no-repeat; margin:10px 0px 10px 0px; border:#999999 1px solid; color:#666666; }



/* Form box */

#blanket {
   background-color:#111;
   opacity: 0.65;
   position:absolute;
   z-index: 9001; /*ooveeerrrr nine thoussaaaannnd*/
   top:0px;
   left:0px;
   width:100%;
}
#feedbackform {
	position:absolute;
	top: 20px;
	left:38%;
	width:265px;
	height:auto;
	padding: 70px 20px 20px 20px;
	background:url(../images/email-friend.jpg) no-repeat 20px 20px #FFFFFF !important;
	z-index: 9002; /*ooveeerrrr nine thoussaaaannnd*/
}

#feedbackform span { width:22px !important; height:22px !important; margin: -83px 0px 0px -28px; background:url(../images/close-feedback.png) no-repeat top left; display:block; position:absolute; }

#feedbackform label { width:265px; height:auto; margin: 0px 0px 3px 0px; padding:0px; display:block; }
#feedbackform .feildone { width:255px; height:auto; min-height:18px; margin: 0px 0px 8px 0px; padding:4px; border:#9dbcb5 1px solid; }