/* THE BIG GUYS */
* { margin:0; padding:0; }
body { color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif; background: #fff url("../styleImages/bg.jpg") top center no-repeat; }

/* LINKS */
a,a:link,a:link,a:link,a:hover { background:transparent; text-decoration:underline; cursor:pointer; } 
a:link {color:#c00;} 
a:visited {color:#999;} 
a:hover,a:active {color:#069;} 

/* FORMS 
form { margin: 0 0 1.5em; }
input { font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0; }
fieldset { border: none; }
label { display:inline; padding: 5px 0; }
label br { clear:left; } */

/* TYPOGRAPHY */
p, ul, ol { margin: 0 0 1.5em; }
h1, h2, h3, h4, h5, h6 { font-family: verdana,arial,sans-serif; margin: 1.2em 0 .3em; color:#3a75ad; border-bottom: 1px solid #eee; padding-bottom: .1em;font-weight: normal;}
h1 { font-size: 1.7em; margin-top:.6em; }
h2 { font-size: 1.4em; clear:both; position: relative; }
h2 a,h2 a:link,h2 a:link,h2 a:link,h2 a:hover { font-weight:normal !important; }
dt a,dt a:link,dt a:link,dt a:link,dt a:hover { font-weight:normal !important; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
.highlight { color:#E17000; }
.subdued { color:#999; }
.error { color:#c00; font-weight:bold; }
.success { color:#390; font-weight:bold; }
.caption { color:#999; font-size:11px;}
.date { font: bold 82% arial; color:#bbb; display:block; letter-spacing: 1px; }
small { font-size:11px; }

/* LISTS */
ul { margin: .3em 0 1.5em ; list-style-type:none; }
	ul.related { margin-top: -1em; }
ol { margin: .5em .5em 1.5em; }
ol li { margin-left: 1.4em; padding-left: 0; background: none; list-style-type: decimal; }
li { line-height: 1.4em; padding-left: 25px; background: transparent url("../images/sprites.gif") no-repeat 0 0; }
li.doc { background-position: 3px -500px; }
ul.nomarker li { background:none; padding-left:0; }

dl { margin: 0 0 1em 0; }
dt { font-weight:bold; margin-top: 1.3em; }
dl dl { margin: 0 0 1.5em 30px; }

/* GENERAL */
img { border:none; } 
hr { margin: 1em 0; background:#f2f2f2; height:1px; color:#f2f2f2; border:none; clear:both; }
.clear { clear:both; position:relative; font-size:0px; height:0px; line-height:0px; }

/* LAYOUT - HEADER */
#header {
	position: relative;
	background: #fff url("../styleImages/header-red.jpg") no-repeat;
	height: 221px;
	}
	#cartitems { 
	position: absolute;
	top: 0; right: 5px;
	text-align: right;
	}
	#cartitems p { 
	font-size: .8em;
	}
	#cartitems a, a:link, a:visited { 
	text-decoration: none;
	color: #666;
	}
	#cartitems a:hover { 
	text-decoration: none;
	color: #222;
	}
	#header h1{
		margin: 0; padding: 20px 0 0 10px;
		border: none;
		}
	#header span.pathway {
		position: absolute;
		bottom: 55px; left: 20px;
		}
/* SPECIAL BUTTON */
#specialbutton {
        position:absolute;
        top:160px;
        left:430px;
        height:72px;
        width:175px;
        /*border:thin dotted grey;*/
        overflow:hidden;
}
		
/* SEARCH */
#search {
	position: absolute;
	bottom: -10px; right: 5px;
	color: #fff;
	font-weight: bold;
	}
	#search form { margin:0; }
	#search label { padding:5px 0 0; display:inline; }
#search input.inputbox {
	border: 1px solid #cd2427;
	width: 125px;
	background: #fff;
	padding: 2px 0;
	font-size: .8em;
	font-weight: normal;
	text-indent: 4px;
	}
#search input.button {
	background: #660a0d url("../styleImages/find.jpg");
	color: #fff;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	border: none;
	width: 23px;
	height: 23px;
	text-indent: -9000px;
	padding-bottom: 3px;
	cursor: hand;
}
#search input.button:hover { 
	background-color: #d20a10; 
	color: #fff;
}
* html #search input.button { color: #fff; }
/* NAV */
#navbar {
	position: absolute;
	height: 2em;
	bottom: 80px; left: 117px;
	}
	#navbar li {
		margin: 0; padding: 0;
		display: inline;
		list-style-type: none;
		}
	#navbar a:link, #navbar a:visited {
		float: left;
		font-weight: bold;
		padding: 0 6px;
		text-decoration: none;
		color: #708491;
		border-right: 1px solid #708491;
		}
	#navbar a:link.active, #navbar a:visited.active, #navbar a:hover {
		color: #000;
		}

/* LAYOUT - main body of page */
#wrap {
	width: 940px;
	margin: 0 auto;
	}

#content-wrap {
	float: left;
	width: 940px;
	min-height: 500px;
	}
	* html #content-wrap {
	height: 500px;
	}
	
	#content {
		float: left;
		width: 680px;
		padding: 0 20px 300px;
		position: relative;
		}
	#content a, #content a:link, #content a:visited { 
		font-weight: bold;
		color: #3a75ad;
		text-decoration: none;
		}
	#content a:hover { 
		font-weight: bold;
		color: #c00;		
		}
	#content ul {

		}
		
		a.backbutton {
			position: absolute;
			right: 20px;
			top: 25px;
			}
			* html a.backbutton {

				}
		.featurebox {color:#333;padding: 15px 20px 20px;border: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("../images/featurebox_bg.gif") no-repeat 100% 100%}
		.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
		.featurebox p {border:none;margin: 0 0 1em;color:#444}
		.featurebox a {font-weight:bold}

		.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
		.thumbnail img {border: 1px solid #000}
		#content ul li {
			list-style-type: disc;
			margin-left: 1em;
			padding-left: .5em;
			}
			
	#sub {
		float: left;
		width: 219px;
		background: #fff;
		border-left: 1px solid #eee;
		}


#extra {
	}

#footer{
	clear: both;
	width: 100%;
	border-top: 1px solid #eee;
	color: #999;
	text-align: center;
	}
	#footer p { 
		margin: 0; padding: 0;
		font-size: .8em;
		}
		#footer a, #footer a:link, #footer a:visited {
			border-bottom: 1px dotted #666;
			color: #666;
			font-size: .9em;	
			font-weight: bold;
			}
		#footer a:hover {
			border-bottom: 1px solid #333;
			color: #333;
			font-size: .9em;	
			font-weight: bold;
			}

	ul#nav {
		font-family: arial,verdana,sans-serif;
		font-size: 1em;
		text-align: right;
		font-weight: bold;
		width: 219px;
		}
		ul#nav li {
			}
			ul#nav li a:link, ul#nav li a:visited {
				text-decoration: none;
				display: block;
				height: 28px;
				background: url("../styleImages/nav.jpg") top right no-repeat;
				color: #3a75ad;
				padding-right: 26px;
				}
				ul#nav li a:link.active, ul#nav li a:visited.active {
					color: #b43535;
					background-position: -32px 0;
					}
				ul#nav li a:hover, ul#nav li a:hover.active {
					color: #f14343;
					background-position: -244px 0;
					}
			ul#nav li ul {
				margin: 0; padding: 0;
				}
			ul#nav li ul li {
				padding: 0; margin: 0;
			
				margin-right: 20px;
				}
			ul#nav li ul li {
				margin-right: 0;
				}
				ul#nav li ul li a:link, ul#nav li ul li a:visited {
					background: none;
					font-weight: normal;
					height: 24px;
					}
					ul#nav li ul li a:link.active, ul#nav li ul li a:visited.active {
						color: #b43535;
						}
					ul#nav li ul li a:hover, ul#nav li ul li a:hover {
						color: #f14343;
						}
							
	div#categories { 
		margin: 0 auto;
		}
	div#categories ul li {
		float: left;
		width: 170px;
		padding: 0;
		margin: 0;
		margin-bottom: 15px;
		text-align: center;
		list-style-type: none;
		}
		div#categories ul li img {
			display: block;
			padding: 0 35px;
		}
		div#categories ul li a, div#categories ul li a:link, div#categories ul li a:visited { 
		font-size: .8em;
		font-weight: bold;
		text-decoration: none;
		color: #4072A3;
		}
		div#categories ul li a:hover, div#categories ul li a:active { 
		font-size: .8em;
		font-weight: bold;
		text-decoration: none;
		color: #f00;
		}
dl.las {
	float: left;
	margin: 0; padding: 0;
	display: inline; /* fixes IE/Win double margin bug */
	width: 680px;
	position: relative;
	}
			dl.las dt {
				float: right;
				width: 680px;
				margin: 0; padding: 0;
				font-family: verdana,arial,sans-serif; 
				margin: 1.2em 0 .3em; 
				color:#3a75ad; 
				border-bottom: 1px solid #eee; 
				padding-bottom: .1em;
				font-weight: normal;
				font-size: 1.4em;
				}
			dl.las dd {
				margin: 0 0 0 120px;
				}
			dl.las  dd.img {
				float: left;
				margin: 0 15px;
				}
			dl.las  dd.price{
				font-weight: bold;
				font-size: 1.6em;	
				position: absolute;
				top: 0; right: 0;
				}
			dl.las  dd ul {
				margin-left: 55px;
				}
				dl.las  dd ul li {
					padding: 2px 0;
					}

			.cartrow td a:link, a:visited { 
				color: #000000;
				text-decoration: none;
				}
			.cartrow td a:hover { 
				color: #4072A3;
				}
			.checkout td {
				text-align: right;
			}
			.cartrow td.left { 
				text-align: left;
			}
			.checkout td input { 
			text-align: right;
			}


form.contactform {
clear: both;
color:#333;
padding: 20px;
margin: 0 0 1.5em;
background: #fff url("/components/com_virtuemart/css/browse2.jpg") top no-repeat;
}
form.contactform fieldset {
border: none;
margin: 0;
}

form.contactform  div {
position: relative;
padding: 5px 0;
}

/* this ensures that all div class="container" blocks are cleared properly and not overlapping */
form.contactform div.container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html form.contactform div.container {height: 1%;}
/* End hide from IE-mac */


form.contactform legend {
font-weight : bold;
margin : 0;
padding : 0 .5em .5em 0;
font-size: 100%;
letter-spacing: 0.05em;
color: #81b9dc;
}

form.contactform label, form.contactform span.label {
float: left;
width: 15em;
text-align: left;
vertical-align: middle;
border-bottom: 1px dotted #006;
font-weight: bold;
color: #006;
margin-right: .5em;
padding-bottom: 0;
}

form.contactform fieldset div input {
	width: 15em; /* Width for modern browsers */
	vertical-align: middle;
	padding: 0.1em;
	}
	
form.contactform fieldset div input.radio {
	width: 1.125em; /* Width for modern browsers */
	height: 1.125em;
	padding : 1px;
	border: none;
}

form.contactform fieldset div input.checkbox {
width: auto;
border: none;
}

form.contactform fieldset hr {
background-color: #efefef;
color: #efefef;
width: 80%;
height: 1px;
border: 1px solid #006;
}

form.contactform fieldset div.container {
margin: 0.25em 0;
}


form.contactform fieldset div.container label {
display: block;
float: left;
width: 40em;
margin-left: 0.5em;
}


form.contactform fieldset div select {
	font-family : Arial,Verdana,sans-serif;
	font-size : 100%;
	width: 140px; /* Width for modern browsers */
	border : 1px solid #006;
	height: auto;
	padding : 1px;
	}

form.contactform input.button {
display: block;
margin: 0.5em;
text-align: center;
vertical-align: middle;
margin-left: 205px;
}

form.contactform input.button {
width: 5em;
}

form.contactform input.radio, form.contactform input.checkbox {
height: 1em;
width: 1em;
}

form.contactform label em {
position: absolute;
left: 195px;
top: 0;
width: 20em;
text-align:left;
font-style: normal;
margin: 0.25em 0;
font-weight: bold;
color: #006;
}
* html form.contactform label em {
left: 220px;
}
		#info {
			color:#333;
			padding: 20px;
			margin: 0 0 .5em;
			background: #fff url("/components/com_virtuemart/css/browse.jpg") no-repeat;
			float: left;
			width: 640px;
			height: 172px;
			}
		#info h2 { 
			font-size: 1.2em; 
			margin: 0;
			padding: 0;
			color: #316ac5; font-weight: normal 
			}
			#info div#phone, #info div#emailinfo, #info div#address {
			width: 211px; 
			float: left;
				}
				#info div#phone p, #info div#emailinfo p, #info div#address p {
					margin: 0;
					padding: 0;
					}
				#info a:link, #info a:visited {
					color: #000;
					font-weight: bold;
				} 
				#info a:hover, #info a:active {
					color: #c00;
					font-weight: bold;
				} 
		#info h2#noline { 
			font-size: 1.2em; 
			margin: 0;
			padding: 0;
			color: #316ac5; font-weight: normal ;
			border-bottom: none;
			text-decoration: none;
			}
.catalogue { 
	margin-top: 30px;
	margin-left: 50px;
	}
.catalogue img {
	border: 1px solid #666;
	}
	a.gbackbutton {
		position: absolute;
		right: 0px;
		top: 5px;
		}
.cat_text { 
	font-size: .8em;
	margin: 0 50px;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}
img { behavior: url("/iepngfix.htc") }
			
.amount {
	width: 26px!important;
	}