/***********************************************/
/****   Crystal Lemon Care 2011 Website 	****/
/**** 					 					****/
/****      Author:  Owen Watson 			****/
/****      Company: Akulis Ltd 				****/
/***********************************************/

@charset "utf-8";

body  { behavior:url(../cssHoverFix.htc); font: 100% Verdana, Arial, Helvetica, sans-serif; background: #FFF; margin: 0; padding: 0; text-align: center; color: #666; background-color:#CCCCCC;}

p{ font-family:"Arial"; font-weight:normal; font-size:14px; margin-top:0px; color:#333;}
h1{ font-family:"Arial"; font-weight:normal;}
h2{ font-family:"Arial"; padding: 9px 0 5px 0; color: #EFA423;}
h3{	font-family:"Arial"; color: #666; font-weight:500; margin-bottom:12px;}
h4{ font-family:"Arial"; color: #E2C80A; margin-bottom:6px; font-size:17px;}
h6{ font-family:"Arial"; color: #FF0; padding: 0 0 5px 0;}
h7{ font-family:"Arial"; color: #333; font-size:15px; font-weight:bold;}
h8{ font-family:"Arial"; color: #E2C80A; margin-bottom:6px; font-size:20px; font-weight:bold;}
h9{ font-family:"Arial"; font-weight:bold; font-size:12px; color:#999;}
a, a:hover{ text-decoration: underline; color:#E2C80A; font-size:15px;}
a#footer_links{ font-family:"Arial"; font-weight:bold; font-size:12px; color:#999; line-height:12px;}
a#footer_links:hover{ font-family:"Arial"; font-weight:bold; font-size:12px; color:#999; line-height:12px;}
.address{font-family:"Arial"; font-weight:normal; font-size:12px; margin-top:5px; color:#333;}
.mem_logos{}

.twoColHybLt #container {
	width: 90%;
	background:#FBFBFB;
	text-align: left; 
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	} 

.twoColHybLt #sidebar1 {
	float: left; 
	width: 12em;
	padding: 2px 0px;
}
.twoColHybLt #sidebar1 h3, .twoColHybLt #sidebar1 p {
	margin-left: 10px; 
	margin-right: 10px;
}
.twoColHybLt #mainContent { 
	margin-left:13em;
	margin-right:15.5em;
	background-image:url(../images/logo_trans_background.png);
	background-repeat:no-repeat;
	background-position:center;
} 
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#banner{ float:left; width:100%; height:150px; margin-right:auto; margin-left:0px; margin-bottom:15px; background-color:#FFF; background-image:url(../images/banner2.png); background-repeat: repeat;}
#footer{ padding-bottom:5px; padding-top:5px; width:100%; height:100px;}
#footer_links{ background-color:#FFEE00; padding-bottom:5px; padding-top:5px; width:100%; height:20px; margin-top:75px;}
#question1{ float:left; width:30px;}
#question2{ float:right; width:150px; padding-top:2px;}
#address{float:left; width: 11em; margin-top:200px; padding-left:15px;}
#mem_logos{float:left; width:190px; height:50px; padding-left:10px; }
#accreditations1{float:left; width:49%; padding-left:1%;}
#accreditations2{float:left; width:49%; padding-left:1%;}
/********************* Contact Form ************************/
.contact_form{
	margin:15px 0 0 0;
}
.contact_form p{
	padding:0 0 4px 0;
}
.contact_form span{
	float:left;
	width:200px;
	text-align:left;
}
.contact_form input{
	padding:5px;
	width:299px;
	font:100% arial;
	border:1px solid #CBD0D8;
	background:#FFF;
	color:#47433F;
}
.contact_form textarea{
	padding:5px;
	width:299px;
	font:100% arial;
	border:1px solid #CBD0D8;
	background:#FFF;
	color:#47433F;
}
.contact_form .submit{
	font:15px arial;
	border:0;
	width:88px;
	margin:0 0 0 222px;
	height:26px;
	padding:2px 0 3px 0;
	cursor:pointer;
	background:#E2C80A;
	color:#FFF;
	font-weight:bold;
}
.contact_form textarea{
	font:100% arial;
	width:299px;
}
.contact_form select{
	font:100% arial;
	width:299px;
}
.contact_form select{
	width:310px;
}
.contact_form .checkbox{
	margin:4px 0;
	padding:0;
	width:14px;
	border:0;
	background:none;
}
/********************* Link Box/s **************************/

#box_links_main			{ float: right; width: 224px; margin-right:15px;}
.box_link_main_area		{ float: right; width: 222px; padding: 0px; margin: 0 0 0px 0;}
.top_box_links			{ width: 222px; height: 13px; background: transparent url(../images/side_top.png) no-repeat;}
.middle_box_links		{ background: url(../images/side_back.png) repeat-y; padding: 15px; padding-top:0px; width: 192px;}
.bottom_box_links		{ width: 222px; height: 13px; background: url(../images/side_base.png) no-repeat; padding: 0 0 10px 0;}
.box_link_main_area li a.selected	{ color: #444;} 
.box_link_main_area ul				{ margin: 0;} 
#content ul					{ margin: 2px 0 22px 0px;}

#right_links ul li 				{ list-style-type:none; background:url(../images/bullet.png) no-repeat; margin:10 0 0 0; padding:0 0 4px 25px; line-height:1.0em;}
.box_link_main_area ul li	{ list-style-type:none; background:url(../images/bullet.png) no-repeat;margin: 0 0 0 0; padding:0 0 4px 0px; line-height:1.0em;}

.box_link_main_area_left	{ float: left; width: 190px; padding-left:10px; margin: 0 0 0px 0;}
.top_box_links_left			{ width: 190px; height: 13px; background: transparent url(../images/side_top_left.png) no-repeat;}
.middle_box_links_left		{ background: url(../images/side_back_left.png) repeat-y; padding-left: 10px; width: 180px;}
.bottom_box_links_left		{ width: 190px; height: 13px; background: url(../images/side_base_left.png) no-repeat; padding: 0 0 10px 0;}
/********************  Navigation Menu  ***************************/
#navigation {
    width: 182px;
    font-size: 1.0em;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:10px;
	border-bottom:0px;
	border-top:0px;
}
	#navigation ul {
	margin: 0px;
	padding: 0px;
	height:28px;
	line-height:26px;
	border-bottom:0px;
	border-top:0px;
	}
	ul.top-level {
	border-bottom:0px;
	border-top:0px;
	height:28px;
	line-height: 26px;
	}
		
	#navigation li { 
	list-style: none;
	background-image:url(../images/button2.png);
	height:28px;
	line-height:26px;
	border-bottom:0px;
	border-top:0px;
	}
		
    ul.top-level li {
	height:28px;
	line-height:26px;
	border-bottom:0px;
	border-top:0px;
    }

	#navigation a {
	color: #666;
	cursor: pointer;
	display:block;
	height:28px;
	line-height: 26px;
	text-indent: 8px;					
	text-decoration:none;
	border-bottom:0px;
	border-top:0px;
	}
	
	#navigation a:hover{ 
	text-decoration:none; 
	background-image:url(../images/button2.png);
	color:#000;
	height:28px;
	line-height: 26px;
	border-bottom:0px;
	border-top:0px;
	}
			
	#navigation li:hover {
	position: relative;
	background-image:url(../images/button3.png);
	height:28px;
	line-height:26px;
	border-bottom:0px;
	border-top:0px;
	}
    
	ul.sub-level {
	display: none;
	height:28px;
	line-height:26px;
	border-bottom:0px;
	border-top:0px;
	}
 
    li:hover .sub-level {
    display: block;
    position: absolute;
    left: 182px;
    top: 0px;
	height:28px;
	line-height:26px;
	border-bottom:0px;
	border-top:0px;
	}

    ul.sub-level li {
	float:left;
	width:182px;
	height:28px;
	line-height:26px;
	border-bottom:0px;
	border-top:0px;
    }
	
	#navigation .sub-level {
	top:-1px;			/*sub level main position*/
	height:28px;
	line-height:26px;
	border-bottom:0px;
	border-top:0px;
	}

	#navigation .sub-level .sub-level { 
	height:28px;
	line-height:26px;
	border-bottom:0px;
	border-top:0px;
	}
						
	/*IE RESET HELPER*/
	li:hover .sub-level .sub-level {
	display:none;
	height:28px;
	line-height:26px;
	border-bottom:0px;
	border-top:0px;}

	.sub-level li:hover .sub-level {
	display:block;
	height:28px;
	line-height:26px;
	border-bottom:0px;
	border-top:0px; }