/* andreas01 - an open source xhtml/css website layout by Andreas Viklund  - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given to the original author.

Version: 1.3 (Nov 28, 2005)

Screen layout: */

body{
margin:0 auto;
padding:0;
font:76% Arial,sans-serif;
background:#d4eadd url(bg.gif) top center repeat-y;
color:#303030;
}

#wrap{
background:#ffffff;
color:#303030;
margin:0 auto;
width:760px;

}

#header{
clear:both;
margin:20px 0 0 0;
padding:0;
height:45px;
}

#header h1{
width:250px;
margin:0 0 10px 0;
float:left;
}

#header p{
width:500px;
float:right;
text-align:right;
color:#a0a0a0;
margin:0 0 10px 0;
font-size:1.0em;
line-height:1.4em;
background-color:inherit;
}

#frontphoto{
margin:0 0 10px 0;
border:0;
}

#avmenu{
clear:left top;
float:left;
width:150px;
margin:0 0 10px 0;
padding:0;
font-size:0.9em;
top:200px;
}

ul{	
list-style:none;
width:150px;
margin:0 0 20px 0;
padding:0;
font-size:1.1em;

}	

li{
margin-bottom:2px;
}


li a{
font-weight:normal;
height:20px;
text-decoration:none;
color:#505050;
display:block;
padding:6px 0 0 10px;
background:#d4eadd;
border-left:0px solid #154c8f;
}	
	
li a:hover{
background:#019e57;
color:#ffffff;
border-left:0px solid #154c8f;
}

.announce{
margin:10px 0 10px 0;
padding:10px;
width:130px;
color:#505050;
background-color:#d4eadd;
line-height:1.3em;
}

#extras{
float:right;
width:120px;
margin:0 0 10px 0;
padding:6px;
font-size:1em;
line-height:1.5em;
color:#FFFFFF;
background-color:#154c8f;
}

#extras p{
margin:0 0 1.5em 0;

}

#content{
width:448px;

padding:0;
font:12px Arial,sans-serif;
color:#303030;
line-height:130%;
}

#content ul{
width:auto;
margin-left:30px;
margin-top:10px;


}

#content li{
list-style:disc;
	width:auto;
	margin-bottom:10px;
}

#content li a{
	font-weight:normal;
	height:auto;
	text-decoration:none;
	color:#303030;
	display:inline;
	padding:0 0 0 0px;
	background-color:#FFFFFF;
	border-left:0px solid #154c8f;
}

#content li a:hover{
	font-weight:normal;
	height:auto;
	text-decoration:underline;
	color:#303030;
	display:inline;
	padding:0 0 0 0px;
	background-color:#FFFFFF;
	border-left:0px solid #154c8f;
}

#content h1 { 
	margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#303030;
	font-weight:bold;
	padding: 0px 0px 10px 0px;
	width:auto;
	float:none;
}

#content h2 { 
	margin: 0 0 0 0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#303030;
	font-weight:bold;
	padding: 0px 0px 10px 0px;
	width:auto;
	float:none;
}

#content h3{
	margin: 0 0 0 0; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#303030;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	width:auto;
}

/*#content h2{
font-size:1.5em;
margin:0 0 0.5em 0;
}*/

#content img{
padding:1px;
display:inline;
background:#cccccc;
color:#303030;
border:4px solid #f0f0f0;
}

h3{
font-size:1.3em;
margin:0 0 10px 0;
}

a{
text-decoration:none;
color:#286ea0;
}

a:hover{
text-decoration:underline;
color:#286ea0;
}

a img{
border:0;
}

#footer{
clear:both;
margin:0 auto;
padding:10px 0 20px 0;
border-top:4px solid #f0f0f0;
width:760px;
text-align:center;
color:#808080;
font-size:0.9em;
}

#footer a{
color:#808080;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

.left{
margin:10px 10px 5px 0;
float:left;
}

.right{
margin:10px 0 5px 10px;
float:right;
}

.textright{
text-align:right;
}

.center{
text-align:center;
}

.small{
font-size:0.8em;
}

.bold{
font-weight:bold;
}

.hide{
display:none;
}


#WideList{
	list-style:disc;
	margin:0 0 20px 30px;
	padding:0;
	width:auto;

	font:100% Arial,sans-serif;
	color:#303030;
}	

#WideList li{
	margin-bottom:8px;
}


#NarrowList{
	list-style:disc;
	margin:0 0 20px 30px;
	padding:0;
	width:auto;

	font:100% Arial,sans-serif;
	color:#303030;
}	

#NarrowList li{
	margin-bottom:8px;
}

.FormText{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#303030;
}

Input{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}

Textarea{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}

Select{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.Tarea{
	/*font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#303030;*/
	
	font-family: Arial;
	font-size: 11px;
	color: #303030;

	
}

input.button{
	background-color:#154C8F;
	color:#FFFFFF;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:none;
	padding:3px 3px 3px 3px;
	cursor:pointer;

}

input.buttongreen{
	background-color:#D4EADD;
	color:#000000;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:none;
	padding:3px 3px 3px 3px;
	cursor:pointer;
	width:130px;

}

.bigblue{
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	color:#286ea0;
}

a.bigblue:link, a.bigblue:visited{
	font:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
}

a.bigblue:hover{
	text-decoration:underline;
}

.whitetitle{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}

.whitetext{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#ffffff;
}

a.whitelink:link, a.whitelink:visited{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:underline;
}

a.whitelink:hover{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
}

form{
margin:0;
padding:0;
}

.worldpay{
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#303030;
}

.Ordertable td{
padding:5px 5px 0px 0px;
}

.Ordertable2 td{
padding:5px 5px 5px 0px;
}

#retailers td,
#service td
{
	vertical-align: top;
	padding-bottom: 20px;
}

#retailers p,
#service p
{
	width: 220px;
	text-align: left;
	color: #000000;
}