@charset "utf-8";

body {
margin: 0;
padding: 0;
font: 13px Arial, Helvetica, sans-serif;
background:#f9f6e3;
color:#444;
}

.contentImage{padding:0; margin: 0 0 0 12px;}

a{
color:#34b1a9;
text-decoration:none;
}

a:hover{
color:#41dcd2;
}

h1{
color:#34b1a9;
font: normal 22px/22px Arial, Helvetica, sans-serif;
margin: 0;
padding: 5px 0 10px 0;
letter-spacing: -0.5px;
}

h2{
color:#34b1a9;
font: bold 15px/15px Arial, Helvetica, sans-serif;
margin: 0;
padding: 11px 0 0px 0;
}

h3{
color:#666666;
font: bold 14px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 10px 0 5px 0;
}

h4{
color:#777;
font: bold 13px/13px Arial, Helvetica, sans-serif;
margin: 0;
padding: 20px 0 0px 0;
}

div.hr{
color: #229c95;
background-color: #229c95;
height: 1px;
}

table td h3{
color:#fff;
font: bold 14px/14px Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

h3.grey{color:#666;}


#wrap{background: url(images/bg.gif) repeat-y 50% 0;}

#container{
width: 982px;
margin: 0 auto;
}

.clear{clear:both;}

#header-container,#menu-container{
background:#f9f6e3;
width:100%;
}

#header{
width: 957px;
margin: 0 auto;
height: 116px;
}

	#header h1,#header h2{
	margin: 0;
	padding: 0;
	}

	#header h1{
	background: url(images/logo.gif) no-repeat 0 0;
	height: 75px;
	width: 348px;
	text-indent:-3000px;
	overflow:hidden;
	float:left;
	margin: 42px 0 0 2px;
	}
	
	#header h2{
	background: url(images/logo-text.gif) no-repeat 0 0;
	height: 22px;
	width: 469px;
	text-indent:-3000px;
	overflow:hidden;
	float:left;
	margin: 57px 0 0 123px;
	}
	
	#top-menu{
	display:inline;
	height: 25px;
	position:relative;
	float:right;
	clear:both;
	overflow:hidden;
	background: url(images/top-menu-bg.gif) repeat-x 0 0;
	}
	
	#top-menu short{width: 158px;}
	#top-menu wide{width: 189px;}
	
	
	#top-menu ul{display:block;margin: 0;padding: 0;}
	
	#top-menu li{
	margin: 0;
	padding: 0;
	display:block;
	float:left;
	list-style:none;
	line-height: 25px;
	background:url(images/top-menu-divider.gif) no-repeat right;
	}
	
	#top-menu li.last{background: none;}
	#top-menu li.last a{padding: 4px 20px 8px 15px;}
	
	
	#top-menu li a{
	color:#fff;
	margin: 0;
	padding: 4px 17px 8px 20px;
	text-decoration: none;
	display:block;
	font: bold 13px/13px Arial, Helvetica, sans-serif;
	}
	
	#top-menu li.first a{background: url(images/top-menu-left.gif) no-repeat 0 0;}
	#top-menu li.last a{background: url(images/top-menu-right.gif) no-repeat right;}
	#top-menu li a:hover{color:#c9fbf8;}

#menu{
height: 36px;
width: 982px;
margin: 0 auto;
background:url(images/menu-bg.gif) repeat-x 0 0;
}

#menu2{
height: 36px;
width: 982px;
background:url(images/menu-right.gif) no-repeat right;
}

#menu ul{
margin: 0;
background:#23aab0;
padding: 0;
}

#menu li{
display:block;
float:left;
list-style: none;
}



#menu li.logo{
background:url(images/logo2.gif) repeat-x 0 0;
width: 158px;
height: 36px;
}


#menu li a.menu-first{background: url(images/menu-home-item.gif) no-repeat 42px 0;}

#menu li a{
display:block;
font: bold 14px/36px Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:none;
padding: 0 41px 0 43px;
background: url(images/menu-divider.gif) no-repeat left;
}

#menu li a:hover{color:#c9fbf8;}

#spacer{
height: 10px;
background:url(images/spacer.gif) no-repeat 50% 0;
overflow:hidden;
}
	
	#sidebar{
	padding: 30px 20px 30px 35px;
	width: 200px;
	float:left;
	text-align:center;
	}
	
#content.content{padding: 5px 7px;}
#small-content{padding: 60px 15px 30px;float:left;width: 678px; line-height:21px;}


	#content-container ul{
	margin: 0 0 0 4px;
	padding: 0;
	}

	#content-container ul li{
	background:url(images/bullet.gif) no-repeat 0 13px;
	padding: 6px 0 6px 12px;
	list-style:none;
	margin: 0;
	}


#content-bottom{
height: 11px;
margin: 0 auto;
background: url(images/content-bottom.gif) no-repeat 50% 0;
overflow:hidden;
}

div#orange-menu{
background: url(images/get-started-menu.png) no-repeat 0 -180px;
display:block;
height: 42px;
width: 928px;
margin: 0 auto;
}

div#orange-menu.orange-menu-1{background-position: 0 -180px;}
div#orange-menu.orange-menu-2{background-position: 0 -135px;}
div#orange-menu.orange-menu-3{background-position: 0 -90px;}
div#orange-menu.orange-menu-4{background-position: 0 -45px;}
div#orange-menu.orange-menu-5{background-position: 0 0;}
div#orange-menu ul{
margin: 0;
padding:0;
}

div#orange-menu li{
margin: 0;
padding: 0;
background: none;
float:left;
list-style:none;
text-align:center;
text-indent: -3000px;
}

div#orange-menu li a{
margin: 0;
padding: 0;
background: none;
display:block;
overflow:hidden;
line-height: 42px;
}

div#orange-menu li.m1{width: 185px;}
div#orange-menu li.m2{width: 186px;}
div#orange-menu li.m3{width: 186px;}
div#orange-menu li.m4{width: 185px;}
div#orange-menu li.m5{width: 186px;}


#footer-container{
width: 980px;
margin: 0 auto;
padding: 0 0 110px 0;
}

#footer-menu ul{
margin: 0 auto;
padding: 0;
display:block;
width: 740px;
}

#footer ul{
margin: 0 auto;
padding: 0;
}

#footer-menu li,#footer li{
list-style:none;
display:block;
float:left;
}


#footer-menu{
background:#34b1a9 url(images/footer-menu-right.gif) no-repeat right;
height: 34px;
margin: 10px 0 0 0;
}

#footer-menu li a{
display:block;
color:#fff;
font: normal 14px/34px Arial, Helvetica, sans-serif;
text-decoration:none;
padding: 0 35px;
}

#footer-menu li a:hover{color:#c9fbf8;}

#footer-menu div.left{
float:left;
width: 6px;
height:34px;
background:url(images/footer-menu-left.gif) no-repeat 0 0;
}


#footer{background:#f9f6e3;}

#footer p{
text-align:center;
color:#34b1a9;
line-height: 20px;
font-size:12px;
}

#footer ul{
width: 327px;
margin: 0 auto;
}

#footer li a{
text-decoration:none;
padding: 0 7px 0 5px;
background: url(images/footer-divider.gif) no-repeat right;
}

#footer li.last a{
background: none;
padding: 0 5px;
}

div.green-border{
background: #def5f3 url(images/green-border.gif) repeat-y 0 0;
width: 500px;
}

div#container div.green-border ul{
margin: 0;
padding: 0;
}

div#container div.green-border ul ul{
padding: 0 0 15px 0;
}


div#container div.green-border li{
background: none;
margin: 0;
padding: 0 0 0 22px;
font: 16px/18px Arial, Helvetica, sans-serif;
color:#00a79d;
list-style:none;
}

div#container div.green-border li li{
list-style:inside;
font-size: 13px;
color: #56585c;
padding: 0 0 0 10px;
}

div.green-border-top{height: 17px; background: #def5f3 url(images/green-border-top.gif) no-repeat 0 0;}
div.green-border-bottom{height: 17px; background: #def5f3 url(images/green-border-bottom.gif) no-repeat 0 0;}

td.get-started-left{width: 260px;}

#content form table td div,#content form table td label{
font-size: 14px;
}

#content form table td label{
position: relative;
left: -5px;
font-size: 11px;
}

div#get-started-top{
width: 500px;
padding: 0 0 10px 0;
}

table#titlechk2{
padding: 0;
margin: 0;
}

div#content input.delivery-tickbox{
float:left;
width: auto;
margin: 0 0 0 0;
}

div#content button.submit{
 width: 217px;
	 height: 42px;
 	float:right;
	margin: 0 0 0 10px;
 	 padding: 0;
 	 border: 0;
	 color:#fff; 
	 font: bold 14px/42px Arial, Helvetica, sans-serif;
	text-align:center;
 	 background: url(images/button.gif) no-repeat 0 0;
 	 cursor: pointer; /* hand-shaped cursor */
 	 cursor: hand; /* for IE 5.x */
}

a.greyButton{
	background:url(images/grey-button.gif) #b7b7b7 no-repeat; 
	color:#fff; 
	font-weight:bold;
	font-size:14px;
	line-height: 42px;
	text-align:center;	
	letter-spacing:-0.5px;
	display:block; 
	width:107px; 
	height:42px;
	padding:0;
	float:right;
	margin: 0 0 0 10px;
	}
	
div.greeninfo{
background:#34b1a9 url(images/footer-menu-right.gif) no-repeat right;
height: 34px;
margin: 10px 0 25px 0;
width: 600px;
}

	
td.greenheader1{
background:#fff url(images/green-header.gif) repeat-x 0 0;
height: 34px;
margin: 0 0 0 0;
width: 500px;
}

td.greenheader2{
background:#fff url(images/green-header.gif) repeat-x 0 0;
height: 34px;
margin: 10px 0 25px 0;
width: 100px;
color:#fff;
}


div.greeninfo div.left,td.greenheader1 div.left{
float:left;
width: 6px;
height:34px;
background:url(images/footer-menu-left.gif) no-repeat 0 0;
}

td.greenheader2 div.right{
float:right;
width: 5px;
height:34px;
background:url(images/footer-menu-right.gif) no-repeat 0 0;
}


td.greenheader1 h3,div.greeninfo h3{
line-height:34px;
padding: 0 0 0 20px;
width :80%;
margin: 0;
}


td.greenheader2 button{
float:right;
width:17px; 
height:17px;
text-indent: -3000px;
display:block; 
padding: 0;
margin: 8px 5px 0 5px;
border: 0;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}

td.greenheader2 button.up{background:url(images/up.gif) #fff no-repeat;}
td.greenheader2 button.down{background:url(images/down.gif) #fff no-repeat;}
	
div.colour-option,div.colour-option img,div.colour-option div{
float:left;
}

div.colour-option div{
float:left;
width: 285px;
}

div.colour-option div p{font-size: 11px;}

div.colour-option img{
margin: 0 15px 0 10px;
}

div.colour-option h4{
margin: 0;
padding: 0;
}

td.colour-options input{
float:left;
display:block;
}

div.grey-box{
width: 405px;
background: #eee;
margin: 0 0 20px 0;
}

div.grey-box p{
padding: 0 0 0 20px;
margin: 5px 0;
line-height: 14px;
font-size: 13px;
}

div.grey-box span{
color:#888;
}



div.grey-box-top{
overflow:hidden;
height: 5px;
background: url(images/grey-box-top.gif) no-repeat 0 0;
}

div.grey-box-bottom{
overflow:hidden;
height: 5px;
background: url(images/grey-box-bottom.gif) no-repeat 0 0;
}

td.get-started-left h3{
color:#777;
margin: 4px 2px 0 10px;
}

div.sidebar-price{
width: 100%;
padding: 5px 0 30px 0;
}

div.sidebar-price table{width: 100%;padding: 0 8px;}
div.sidebar-price table th{background: #888;color:#fff;}
div.sidebar-price table td{background: #f8f8f8;}
div.sidebar-price p{margin: 0;padding: 8px 10px;}
div.sidebar-price p.smalltext{font-size: 11px;margin: 0;padding: 5px 12px;}

.payment-price{color:#34b1a9;}
.payment-price2{color:#8ed0cc;}

.qty{
padding: 0 0 0 17px;
font-size: 12px;
font-weight: bold;
color:#e00;
}

.red{color:#e00;}

table.tickbox-table{
margin: 12px 0 0 4px;
float:left;
}

.bigtext{
font-weight:bold;
font-size: 15px;
}

.bigtext2{
font-size: 15px;
color:#999;
}

div.grey-box div.total{
text-align:right;
border-top: 1px solid #b4b4b4;
padding: 5px 10px;
display:block;
margin: 15px auto 0 auto;
width: 85%;
}

.greybox-total{
color:#34b1a9;
}