html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background:#ffffff url(../images/background.gif) center repeat-y;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
} 
 
#pagewidth{ 
 width:903px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 background-color:#FFFFFF;  
} 
 
#header{
 height:150px; 
 background-color:#FFFFFF; 
 width:100%;
} 

#headerbutttom{
 height:100px;
 }
 #icon{
 width:127px;
 float:left;
 }
 #menu
 {
 float:right;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 font-weight:bold;
 padding-top:27px;
 }
#maincol{
background-color: #FFFFFF;  
}
 div.mainleft{
width:255px;
float:left;
padding-left:20px;
padding-right:10px;
}
 div.mainright{
width:588px;
float:left;
padding-left:20px;
padding-right:10px;
}


#footer{
 height:30px; 
 background-color:#FFFFFF; 
 clear:both;
 } 
 
 #footerbuttom{ 
 text-align:center; 
 font-weight:bold;
 font-size:12px;
 color:#000000;
 }

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


A:link {
	color: #CC0000;
	text-decoration: none;
}

A:visited {
	color: #CC0000;
	text-decoration: none;
}

A:active {
	color: #CC0000;
	text-decoration: none;
}

A:hover {
	color: #003366;
	text-decoration: none;
}

A.dark:link {
	color: #003366;
	text-decoration: none;
}

A.dark:visited {
	color: #003366;
	text-decoration: none;
}

A.dark:active {
	color: #003366;
	text-decoration: none;
}

A.dark:hover {
	color: #EFF4F4;
	text-decoration: none;
}



h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#2A29A0;
	display:block;
	height:30px;
	line-height:30px;
}
h3.homepage{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#2A29A0;
display:block;
height:30px;
line-height:30px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2A29A0;
display:block;
height:30px;
line-height:30px;
}

h3.tellfriend{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#999999;
display:block;
height:30px;
line-height:30px;
width:270px;
border-bottom:2px solid #999999;
}

input.txt{
background:#CCCCCC;
border:1px solid #999999;
}
input.button{
background:#CCCCCC;
border:1px solid #999999;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}
textarea{
background:#CCCCCC;
border:1px solid #999999;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

select{
background:#CCCCCC;
border:1px solid #999999;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

ul#about{
margin:0px;
padding:0px;
}
ul#about li{
list-style:none;
background:url(../images/bul.gif) no-repeat;
display:block;
height:22px;
line-height:22px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:25px;
}

ul#orderpage{
margin:0px;
padding:0px;
}
ul#orderpage li{
	display:block;
	line-height:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:25px;
	background-repeat: no-repeat;
	list-style-type: none;
	background-image: url(http://www.xp-products.com/images/tick.gif);
}

h2.offer{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333333;
	font-weight:bold;
}
input.submitbutton{
background: #ffffff;
color:#000000 ;	
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
border:1px solid #CCCCCC;
height: 25px;
line-height: 25px;
cursor:url;	
}
.article_separator {
	display: block;
	height: 20px;
	background-image: url(http://www.xp-products.com/images/dot.gif);
	background-repeat: repeat-x;
	background-position: center;
	margin-right: 20px;
	margin-left: 10px;
}