body {
    margin: 0;
	margin-top: 20px;
	margin-bottom:20px;
    padding: 0;
    color: #333;
    font: 13px Veranda, Helvetica, Arial, sans-serif;
    background:#cccccc ;
    text-align: center; }
	
a {
    color: #4E5E87;
	text-decoration:none; }
	
a:hover {
    color: #7B94D4; }
	
a img {
	border:0; }

#container
    {
    margin: 0 auto;
    width: 900px;
	overflow: hidden;
    position: relative;
    background: #fff;
    padding: 0 10px 0 10px;
    text-align: left;
    }
	
.rightcontainer { 
	float:left; 
	width:40%; 
	margin:1px 0 0 1px; 
	padding:0; }
	
	.leftcontainer { 
	float:left; 
	width:50%; 
	margin:1px 0 0 1px; 
	padding:0; }

#headerLogo
    {
    background:  url(file:///C|/Documents%20and%20Settings/Claire/Desktop/%22images/header.gif%22) no-repeat;
	padding-top: 10px;
    }
	
#topNav
    {
    padding-top: 0px;
    }
	
/***** Navigation left *****/


#navigation{
    float: left;
    width: 150px;
	background: #ffffff;
	margin-top: 20px;}

ul.avmenu {
	width:150px;
	margin:0 0 18px;
	padding:0;
	list-style:none;}

ul.avmenu li {
	width:150px;
	padding:0;
	line-height:1.4em;
	display:inline;}

ul.avmenu li a {
	background-color:#ffffff;
	color:#003399;
	font-weight:bold;
	width:130px;
	float:left;
	margin-bottom:5px;
	padding:5px 1px 5px 5px;
	text-decoration:none;
	border-bottom: 1pt dotted #878787;}

ul.avmenu li a:hover, ul.avmenu li {
	background-color:#ffffff;
	color: #3366CC;}

ul.avmenu ul {
	margin:0 0 0 10px;
	padding:0 0 5px 0;
	font-size:0.9em;
	width:125px;}

ul.avmenu ul a {
	padding:3px 1px 3px 5px;
	width:115px; }

ul.avmenu ul ul {
	width:113px; }

ul.avmenu ul ul a {
	width:100px;}

/***** Main content *****/

#content { 
	margin:0 0px 0 20px;
	width: 550px;
	float: left;
	background-color:#fff; }
	
#content p { 
	line-height: 150%;
    margin: 1px 0 1px 0;
	color: #333333 }
	
strong, b {
font-weight : bold;
}
	
#content h1 {
    margin: 10px 0 10px 0;
	font-size: 16px;
	color:#4E5E87; }
	
#content h2 {
    margin: 10px 0 10px 0;
	font-size: 16px;
	color: #7B94D4; }
 
 #content h3 {
    margin: 10px 0 10px 0;
	font-size: 12px;
	color: #7B94D4; }

	
#content p span { 
	line-height: 150%;
    margin: 1px 0 1px 0;
	color: #666666}
	
	
.listcontainer {
	FONT-SIZE: 90%; 
	PADDING-BOTTOM: 5px; 
	COLOR: #989288; 
	PADDING-TOP: 5px
	Width: 550px; }
		
.listproductitem {
	BORDER-RIGHT: #d7d8d8 1px solid; 
	BORDER-TOP: #d7d8d8 1px solid; 
	FLOAT: left; 
	MARGIN-BOTTOM: 10px; 
	BORDER-LEFT: #d7d8d8 1px solid; 
	WIDTH: 125px; 
	BORDER-BOTTOM: #d7d8d8 1px solid }
	
.listproductitem2 {
	BORDER-RIGHT: #d7d8d8 1px solid; 
	BORDER-TOP: #d7d8d8 1px solid; 
	FLOAT: left; 
	MARGIN-BOTTOM: 10px; 
	BORDER-LEFT: #d7d8d8 1px solid; 
	WIDTH: 265px; 
	BORDER-BOTTOM: #d7d8d8 1px solid }
	
.listproductitem3 {
	BORDER-RIGHT: #d7d8d8 1px solid; 
	BORDER-TOP: #d7d8d8 1px solid; 
	FLOAT: left; 
	MARGIN-BOTTOM: 10px; 
	BORDER-LEFT: #d7d8d8 1px solid; 
	WIDTH: 170px; 
	BORDER-BOTTOM: #d7d8d8 1px solid }
	
.listmid {
	CLEAR: right }
	
.listleft {
	MARGIN-RIGHT: 14px}

.listright {
	MARGIN-LEFT: 14px}

.listproductimage {
	FLOAT: left }
	
.listproductdescription {
	PADDING-RIGHT: 5px; 
	PADDING-LEFT: 5px; 
	FLOAT: left; 
	PADDING-BOTTOM: 5px; 
	WIDTH: 80%; 
	PADDING-TOP: 5px}

.listcontainermain {
	FONT-SIZE: 90%; 
	PADDING-BOTTOM: 3px; 
	COLOR: #989288; 
	PADDING-TOP: 20px;
	Width: 550px; }
	
.listproductitemmain {
	BORDER-RIGHT: #d7d8d8 1px solid; 
	BORDER-TOP: #d7d8d8 1px solid; 
	FLOAT: left; 
	MARGIN-BOTTOM: 15px; 
	BORDER-LEFT: #d7d8d8 1px solid; 
	WIDTH: 550px; 
	BORDER-BOTTOM: #d7d8d8 1px solid }
	
.listproductdescriptionmain {
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	FLOAT: left; 
	PADDING-BOTTOM: 10px; 
	WIDTH: 50%; 
	PADDING-TOP: 10px; }

	
#productcol1 {
	margin-right: 20px; 
	FLOAT: left; 
	WIDTH: 230px}
	
#productcol2 {
	FLOAT: left; 
	WIDTH: 260px; }
	
	
/***** Right side menu *****/
	
#right {
	float: left;
    top: 300px;
    width: 160px; 
	background: #ededed;
	margin-top: 20px;
	margin-left: 20px;
	border-left: #fff 20px;}
	
#right p {
font-size:0.9em;
margin:0 0 16px;
padding:10px;
color: #787878;
margin:0 0 5px; 
padding-right:10px; 
padding-left:10px;
text-align: center;}

#right h2 {
color:#ffffff;
background-color:#7B94D4;
font-size:1.2em;
margin:0 0 5px;
padding-left:10px;
padding-right:10px;  }



/***** Footer *****/
#firstfooter {
	margin: 0 auto;
    width: 900px;
    background: #ededed;
    padding: 0 10px 0 10px;}
	
#firstfooter p {	
    text-align: left;
	color:  #4E5E87;
	width: 900px;
	vertical-align: middle;  }


#firstfooter a {
    color: #7B94D4;
    text-decoration: none; }
	
#firstfooter a:hover {
    text-decoration: underline; }

#footer {
	clear:both;
    margin: 0 auto;
    width: 900px;
    background: #ffffff;
    padding: 0 10px 0 10px;}
	
#footer p {	
    text-align: left;
	color:  #4E5E87;
	width: 900px;
	vertical-align: middle;  }


#footer a {
    color: #7B94D4;
    text-decoration: none; }
	
#footer a:hover {
    text-decoration: underline; }
	
	.form { 
	font-family: verdana, arial, serif; 
	text-align: left; margin: 1em 13.5em 0 0; 
	padding: 1em 1ex 1em 0.8em; clear: left; 
	order-top-style: solid; }
	
	#contact-form label {
	float:left;
	width: 20%;
	font-size: 90%;
	margin-left: 1.2em;
}

#contact-form div {
	clear:left;
	margin: 0.4em 0 0.6em 0;
}

#contact-form fieldset {
	border: 1px solid #92B8CE;
}

#contact-form legend {
	color: #365787;
}

#contact-form fieldset label {
	margin-left: 0.4em;
}

#contact-form .txt {
	width: 90%;
	border: 1px solid #89B1CA;
}

#contact-form textarea.txt {
	width: 97%;
}

#contact-form .btn {
	border: 2px solid #89B1CA;
	background-color: #365787;
	color: #FFFFFF;
	padding: 0.4em;
}

#contact-form div.submit {
	text-align: center;
}

.t2tsimage {
float : left;
margin : 0 5px 0 0;
border : 1px solid #cccccc;
vertical-align : text-top;
}