@charset "utf-8";
/*------Basic Styling--------*/
* {
	margin: 0px;
	padding: 0px;
}
body{
	background-color:#284E73;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:85%;
	}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
#wrapper{
	position:relative;
	width:788px;
	margin:0 auto;
	text-align:left;
	background:url(../assest/product_back.jpg) repeat-y;
	}

#clear {
	clear: both;
	height: 3px;
 	}
/*-----------Position Container element-------------*/
#header {
	position:relative;
	background:url(../assest/navBar_back.jpg) repeat-y;
	height:75px;
	list-style: none;
	}
#header ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	display: none;
}
#header li {
	float:left;
	}
#header h1 {
	margin-left: -9000px;
	display: none;

	}
#header #logo {
	position:absolute;
	top:15px;
	width: 216px;
	height:40px;
	left: 18px;
	}
#header #navbar {
	position: absolute;
	right: 8px;
	bottom: 0px;
	width: 500px;
}

#navbar {
	position: absolute;
	right: 25px;
	bottom: 25px;
	height: 35px;
}
#banner {
	height: 400px;
	background: url(../assest/banner1.jpg) no-repeat;
}
#trialbutton {
	height: 60px;
	width: 125px;
	right: 25px;
	position: absolute;
	top: 180px;
}
#buybutton {
	height: 60px;
	width: 125px;
	right: 25px;
	position: absolute;
	top: 240px;
}
#moreinfobutton {
	height: 60px;
	width: 125px;
	right: 25px;
	position: absolute;
	top: 300px;
}



#sidebar{
	float:left;
	width:310px;
	background:#FFFFFF repeat-y;
	margin-left: 10px;
	padding-bottom: 10px;
	margin-right: 10px;
	}
#sidebar p {
	font-size: 0.9em;
	color: #333333;
}
#sidebar  h1 {
	font-size: 1.1em;
	color: #000033;
}
#sidebar h2 {
	font-size: 1em;
	color: #666666;
	line-height: 1.3em;
}



#contents {
	float:right;
	width: 430px;
	margin-right: 15px;
	list-style: inside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
	color: #666666;
	margin-bottom: 20px;
	}
#logo  img  {
	text-decoration: none;

}


#contents a {
	color: #333333;
}


#contents h1 {
	font-size:1.3em;
	font-weight: bold;
	color: #333333;
	letter-spacing: 0.01em;
	margin-bottom: 0.5em;
	padding-top: 10px;
	}

#contents h2 {
	font-size:1.1em;
	font-weight: bold;
	color: #333333;
	}
#contents h3 {
	font-size:1.2em;
	font-weight: bold;
	color: #333333;
	margin-bottom: 0.3em;
	}
a:hover  {
	background: #98BADC;
	text-decoration: none;
}
#logo a:hover {
	background: none;
}

#news {
	width: 424px;
	border-top: 1px none #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	text-decoration: none;
	list-style: none;
	margin-bottom: 20px;
}
#news  .moveright {
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
	color: #999999;
	text-align: right;
	padding-right: 1em;
	line-height: 0.4em;
	padding-bottom: 1.5em;
	padding-top: 0.6em;
}
#news p {
	padding-left: 1em;
}


#news h1 {
	background: url(../assest/news.jpg) no-repeat;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 20px;
	border-style: none;
	font-family: "Lucida Sans Unicode", Calibri, Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #666666;
	padding-left: 1.2em;
}


#quicklinks {
	float: left;
	height: 200px;
	width: 180px;
	margin-right: 0px;
}
#quicklinks h1 {
	background: url(../assest/quicklink.jpg) no-repeat;
	margin: 0px;
	padding: 0px 0px 0px 1.2em;
	border-style: none;
	font-weight: bold;
	color: #666666;
	font-size:1em;
	height: 22px;
}
#quicklinks p {
	padding-left: 10px;
}
#green p {
	padding-right: 10px;
	padding-left: 10px;
}
#green h1 {
	background: url(../assest/index_greenheader.jpg) no-repeat left top;
	margin: 0px;
	padding: 0.5em 0px 0px 1.2em;
	border-style: none;
	font-weight: bold;
	font-size:1em;
	color: #666666;
	height: 35px;
}
#green {
	float: right;
	width: 235px;
	background: url(../assest/index_greenmain.jpg) repeat-y;
	margin-right: 5px;
}
#green   .greenLast   {
	background: url(../assest/index_greenend.jpg) no-repeat left bottom;
	padding-bottom: 10px;
	text-align: right;
}
#footer {
	color:#fff;
	background:#000 url(../assest/footer.jpg);
	width:788px;
	height:78px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}

#footer       .firstFooter    {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 10px;
	text-decoration: none;
}
#footer .firstFooter a:link, a:visited {
	color: #666666;
}
#footer .firstFooter a:hover {
	color: #666666;
	background: #074692;
}

#footer .secondFooter {
	font-size: 0.9em;
	color: #333333;
	padding-left: 10px;
	padding-top: 15px;
	font-style: normal;
	text-decoration: none;
}

#footer .secondFooter a:link, a:visited {
	color: #333333;
}
#footer .secondFooter a:hover {
	color: #666666;
	background: #074692;
}
#cvboxshot {
	float: left;
	height: 120px;
	width: 80px;
	margin-left: 0px;
	margin-right: 10px;
	background: url(../assest/index_camvercebox.jpg) no-repeat;
}
#lcboxshot {
	float: left;
	height: 120px;
	width: 80px;
	margin-left: 0px;
	margin-right: 10px;
	background: url(../assest/index_lcbox.jpg) no-repeat;
}
#lrboxshot {
	float: left;
	height: 120px;
	width: 80px;
	margin-left: 0px;
	margin-right: 10px;
	background: url(../assest/index_lrbox.jpg) no-repeat;
}

/*----------------------------Spry----------------------------*/
.Accordion {
	width:310px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	overflow: hidden;
	border-bottom: 1px solid #999999;
}


.AccordionPanel {
	margin: 0px;
	padding: 0px;
}


.AccordionPanelTab {
	height:21px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	background: url(../assest/index_product2.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	color: #666666;
	line-height: 1.5em;
	text-align: center;
}


.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 10px 0px 0px 5px;
	height: 345px;
	width: 300px;
	font-size: 0.9em;
	line-height: 1.2em;
}



.AccordionPanelOpen .AccordionPanelTab {
	background: url(../assest/index_product.jpg) repeat-x;
}


.AccordionPanelTabHover {
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	color: #333333;
}


.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}


.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}
#boxshot {
	float: left;
	height: 106px;
	width: 84px;
	margin-left: 10px;
	margin-right: 10px;
	background: url(../assest/index_lcbox.jpg) no-repeat;
}