/* CSS Document */

* { padding:0; margin:0;}
	
body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #505153;
	background-image:url(template/background.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #00186A;	
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 980px;	
}
#topspacer {
	height: 30px;
}
#photoimage {
	height: 267px;
}
	#photoholder {
		position: relative;		
		height: 267px;
		width: 980px;		
	}
	#specialbar {
		position:relative;
		left: 767px;
		top: -200px;
		width: 213px;
		height:155px;
		z-index:1000;
	}
#menubar {
	height: 43px;
	background-image:url(template/menubackgroundv2.jpg);
	background-repeat: repeat-x;
	background-position: top left;
}
	#mainmenu {
		width: 782px;
		height:34px;
		float: left;
	}
	#searchbar {
		width: 198px;
		height:34px;
		float:right;
	}
	#searchbar .searchtext {
		margin-left:6px;
		line-height: 34px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		color: #ffffff;
	}
	#searchbar .searchbox {
		width:100px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		color: #010D3C;
	}

#footerwrapper {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	height:25px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	clear:both;
}
#footerwrapper A, A:visited, A:hover{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	color: #ffffff;
	text-decoration:none;
}

#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#FFFFFF;		/* Left column background colour */
}
#colmid {
	float:left;
	width:200%;
	position:relative;
	left:198px;
	background:#fff;    	/* Centre column background colour */
}
#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-396px;
	background-image:url(template/righthand_background.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #8B98BB; /* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 15px 0 415px;
	overflow:hidden;
}
#col1 {
	margin-top: 20px;
	width:100%;
	overflow:hidden;
}

#col1 A, A:visited, A:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #EE611C;
	text-decoration:none;
	font-weight:bold;
	border-bottom: 1px dotted #EE611C;
}
#col2 {
	margin-top:20px;
	float:left;
	width:198px;
	position:relative;
	margin-left:-50%;
	left:198px;
	overflow:hidden;
}
#col3 {
	float:left;
	width:198px;
	position:relative;
	left:0px;
	overflow:hidden;
	margin-top:20px;
	color: #ffffff;
	font-weight:normal;
}
	#col3 A, A:visited, A:hover {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		text-decoration:none;
		color: #FFFFFF;
		font-weight:normal;
		border:0;
	}
	#col3 A.readmore, A.readmore:visited, A.readmore:hover {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
		color: #010D3C;
		font-weight:normal;
		border:0;
	}



.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
h1 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:20px;
	color: #010D3C;
}
h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: #010D3C;
}

.blue14px {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: #010D3C;
}

.blue12px {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #010D3C;
}

.righthandtitleorange16px {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	color: #E05C22;
	font-weight:bold;
}
.righthandtitleblue16px {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	color: #010D3C;
	font-weight:bold;

}
.productprice {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #010D3C;
	font-weight: bold;
}
.fieldLabel {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #010D3C;
	width: 225px;
}
.fieldData input {
	border: 1px solid #010D3C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}
.fieldData select {
	border: 1px solid #010D3C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}
.fieldData textarea {
	border: 1px solid #010D3C;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}
.errorheader {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #E05C22;
	font-weight:bold;
}
hr {
	border-top: 1px dotted #010D3C;
	height: 1px;

}

.preload1 {background: url(/template/mainmenu_on.jpg);}

#nav {padding:0; margin:0; list-style:none; height:34px; background: url(/template/mainmenu_off.jpg) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:34px; line-height:32px; color:#FFFFFF; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 0; cursor:pointer; vertical-align: middle;  border:0px; border-right: 1px solid #FFFFFF; }
#nav li a.top_link span {float:left; display:block; padding:0 16px 0 16px; height:34px; vertical-align: middle;}
#nav li a.top_link img {border: 0px; align: left; vertical-align: middle;}

#nav li a.top_linkon {display:block; float:left; height:34px; line-height:32px; color:#EF601D; background: url(/template/mainmenu_on.jpg) repeat-x; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 0; cursor:pointer; vertical-align: middle;  border:0px; border-right: 1px solid #FFFFFF; }
#nav li a.top_linkon span {float:left; display:block; padding:0 16px 0 16px; height:34px; vertical-align: middle;}
#nav li a.top_linkon img {border: 0px; align: left; vertical-align: middle;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#EF601D; background: url(/template/mainmenu_on.jpg) repeat-x;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(/template/mainmenu_on.jpg) repeat-x;}


#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}

#nav :hover ul.sub {left:0px; top:37px; background: #0085EA; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav :hover ul.sub li {display:block; height:30px; position:relative; float:left; width:200px; font-weight:bold; vertical-align:middle; border-bottom:1px solid #FFFFFF;}
#nav :hover ul.sub li a {display:block; font-size:12px; height:30px; width:200px; line-height:28px; text-indent:5px; color:#FFFFFF; text-decoration:none; vertical-align:middle;  border:0px;}
#nav :hover ul.sub li img {border: 0px; padding-left: 12px; align: left; vertical-align: middle;}
#nav :hover ul.sub li a:hover {background:#041260; color:#FF7B3C; border-color:#fff;  border:0px;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


#nav3 {padding:0; margin:0; list-style:none; width: 224px;  position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav3 li.top {display:block; float:left;}
#nav3 li a.top_link {display:block; width:224px; float:left; height:28px; line-height:26px; color:#006699; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 1px 0; cursor:pointer; vertical-align: middle; background: url(/template/shopsubmenu_off.jpg) repeat-x; border:0px;}
#nav3 li a.top_link span {float:left; display:block; padding:0 0 0 0; height:28px; vertical-align: middle; margin-left:10px;}
#nav3 li a.top_link img {border: 0px; align: left; vertical-align: middle;}

#nav3 li a.top_linkon {display:block; width:224px;float:left; height:28px; line-height:26px; color:#000066; background: url(/template/shopsubmenu_on.jpg) repeat-x; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 1px 0; cursor:pointer; vertical-align: middle; border:0px;}
#nav3 li a.top_linkon span {float:left; display:block; padding:0 0 0 0 ; height:28px; vertical-align: middle; margin-left:10px;}
#nav3 li a.top_linkon img {border: 0px; align: left; vertical-align: middle;}

#nav3 li:hover a.top_link,
#nav3 a.top_link:hover
{color:#000066; background: url(/template/shopsubmenu_on.jpg) repeat-x;}
#nav3 li:hover a.top_link span, 
#nav3 a.top_link:hover span
{background:url(/template/shopsubmenu_on.jpg) repeat-x;}


#nav3 table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav3 li:hover {position:relative; z-index:200;}
#nav3 a:hover {position:relative; white-space:normal; z-index:200;}

#nav3 :hover ul.sub {left:0px; top:37px; background: #0085EA; white-space:nowrap; width:200px; height:auto; z-index:300;}
#nav3 :hover ul.sub li {display:block; height:30px; position:relative; float:left; width:200px; font-weight:bold; vertical-align:middle; border-bottom:1px solid #FFFFFF;}
#nav3 :hover ul.sub li a {display:block; font-size:12px; height:30px; width:200px; line-height:28px; text-indent:5px; color:#FFFFFF; text-decoration:none; vertical-align:middle;}
#nav3 :hover ul.sub li img {border: 0px; padding-left: 12px; align: left; vertical-align: middle;}
#nav3 :hover ul.sub li a:hover {background:#041260; color:#FF7B3C; border-color:#fff;}

#nav3 li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav3 ul, 
#nav3 a:hover ul ul,
#nav3 a:hover a:hover ul ul,
#nav3 a:hover a:hover a:hover ul ul,
#nav3 a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


#nav4 .top_link {display:block; width:198px; float:left; height:28px; line-height:28px; color:#010D3C; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 1px 0; cursor:pointer; vertical-align: middle; background: url(/template/shoppingmenu_backgroundoff.jpg) repeat-x;  border:0px; }
#nav4 .top_link span {float:left; display:block; margin-left:10px;}
#nav4 .top_linkon {display:block; width:198px; float:left; height:28px; line-height:28px; color:#EF601D; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 1px 0; cursor:pointer; vertical-align: middle; background: url(/template/shoppingmenu_background.jpg) repeat-x;  border:0px; }
#nav4 .top_linkon span {float:left; display:block; margin-left:10px;}
#nav4 a.sub_link {display:block; width:198px; float:left; height:24px; line-height:24px; color:#FFFFFF; text-decoration:none; font-size:11px; vertical-align:middle; border-bottom:1px solid #FFFFFF; background-color: #6775A6; font-weight:bold;}
#nav4 a.sub_link:hover {display:block; width:198px; float:left; height:24px; line-height:24px; color:#EF601D; text-decoration:none; font-size:11px; vertical-align:middle; border-bottom:1px solid #FFFFFF; background-color: #6775A6;}
#nav4 a.sub_link span {float:left; display:block; margin-left:10px;}
#nav4 a.sub_linkon {display:block; width:198px; float:left; height:24px; line-height:24px; color:#EF601D; text-decoration:none; font-size:11px; vertical-align:middle; border-bottom:1px solid #FFFFFF; background-color: #6775A6; font-weight:bold;}
#nav4 a.sub_linkon span {float:left; display:block; margin-left:10px;}