body {
	background-color:#afd3fb;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	background-image: url(../img/body-bg-xmas.jpg);
	background-repeat: repeat-x;
}
.warning { color: #930; }
.ordertable td { padding: 0 10px 10px 0; }
.ordertable td.price { text-align: right; }
#customerform td { vertical-align: top; }
#mainForm select { width: 60px; }
#accordion { float:left; }
.price {
	font-size: 15px;
	font-weight: bold;
	color: #006F51;
}
.sub #content .productdesc h3 {
	font-size:16px;
	margin: 0px;
}
.sub #content p.price, .sub #content p span.price {
	font-size: 15px;
	font-weight: bold;
	color: #006F51;
}
a.head {
	background-image: url(../img/faq_bullet.gif);
	background-repeat: no-repeat;
	display: block;
	background-position: left top;
	padding-left: 60px;
	font-size: 15px;
	font-weight: bold;
	height: 60px;
	padding-top: 12px;
}
#streetvan a.head { background-image: url(../img/faq_bullet.gif); background-repeat: no-repeat; display: block; background-position: left 5px; padding-left: 20px; font-size: 15px; font-weight: bold; padding-top: 0px; height:20px; 
}
#streetvan div p { padding-left:20px; }
#accordion div {
	padding: 0 0 20px 0px;
}
#accordion div div { padding: 0; }
#content ol {
	list-style-type: decimal;
	margin: 0px 0px 1em 2em;
	padding: 0;
	font-weight: bold;
}

#content ol li { font-weight: normal; }
#content ol.scaselist { font-weight: bold; }
#content ol.scaselist li { font-weight: bold; }
#content ol.scaselist li span { font-weight: normal; }



.insurance td {
	padding: 10px;
	font-size:13px;
	border: 1px solid #ccc;
}
.insurance th {
	padding: 10px;
	font-size:13px;
	border: 1px solid #006F51;
	background-color:#006F51;
	color:#fff;
	font-weight:bold;
}

a {
	color:#fff;
	text-decoration:none;
}

p { font-size:12px; 
}

.wrapper {
	width:921px;
	margin:20px auto 10px auto;
	position:relative;
	padding: 10px 10px 10px 10px;
	background-color: #FFF;
}

#header {
	height:145px;
	padding-top:33px;
	background-position:bottom right;
	background-image:url(../img/header_bg.jpg);
	background-repeat:no-repeat;
}
#header.sept10 { height:145px; padding-top:20px; background-position:bottom right; background-image:none; background-repeat:no-repeat; padding-bottom: 5px; 
}

#header #contact {
	position:absolute;
	right:130px;
	padding-top: 37px;
}



#index.main {
	width:921px;
	height:468px;
	background-repeat:no-repeat;
	background-image: url(../img/main_bg.jpg);
	z-index:1;
}
#index.sub {
	width:921px;
	min-height:468px;
	background-repeat:no-repeat;
	background-image: url(../img/sub_bg.jpg);
	z-index:1;
}
#index.sub.blog {
	background-image: url(../img/blog_bg.jpg);
}
#index.sub.docs {
	background-image: url(../img/sub_bg_docs.jpg);
}

.sub {
	width:921px;
	min-height:468px;
	background-repeat:no-repeat;
	background-image: url(../img/sub_bg.jpg);
	z-index:1;
}
#right {
	float:right;
	text-align:right;
	width:245px;
}

.box {
	right:0px;
	height:119px;
	overflow:hidden;
	text-align:left;
}

.box h2 {
	font-weight:bold;
	background:no-repeat url(../img/blue_bullet.gif);
	padding-left:23px;
	line-height:20px;
	font-size:16px;
	margin: 20px 0px 10px 0px;
	color: #FFF;
}

.box .heading {
	font-weight:bold;
	background:no-repeat url(../img/blue_bullet.gif);
	padding-left:23px;
	line-height:20px;
	font-size:16px;
	margin: 20px 0px 10px 0px;
	color: #FFF;
}

.box input#postcode {
	font-size:10px;
	color:#005a92;
	background-color:transparent;
	background-image:url(../img/input_bg.gif);
	border:none;
	width:142px;
	height:15px;
	padding:3px;
	margin-right:10px;
}

.box #box_button {
	margin-top:1px;
	vertical-align: bottom;
}

.box p {
	max-width:180px;
	padding-left:23px;
	font-size: 12px;
}
.box p.heading{
	max-width:auto;
}

.box img {
	vertical-align:middle;
}

#box1, #docsbox1 {
	padding-left:0px;
	cursor: pointer;
}

#box2, #docsbox2 { padding-left:0px; 
	cursor: pointer;
}

#box3, #docsbox3 { padding-left:12px; 
	cursor: pointer;
}

#box4, #docsbox4 { padding-left:30px; 
	cursor: pointer;
}

#content {
	padding:20px 530px 20px 20px;
}
.sub #content {
	padding:20px 0px 20px 20px;
	width: 600px;
	float: left;
}

#content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight: normal;
}

#content h1, h2, h3, h4, h5, h6, p{
	margin-bottom:10px;
	line-height:150%;
}

#footer, #footer a {
	font-size:12px;
	color:#bcbec0;
}

#footer a:hover {
	color:#006f51;
}

.right {
	float:right;
	text-align: right;
}

.spacer {
	clear:both;
	float:none;
	height:1px;
	overflow:hidden;
}

/*** ESSENTIAL STYLES ***/
#navbar {
	height:39px;
	width:915px;
	background-repeat:no-repeat;
	background-image:url(../img/navbar.jpg);
	position: relative;
}

ul#navbar  {
	margin-bottom:15px;
	padding-left: 15px;
	margin-top: 15px;
}

ul#navbar li {
	float:left;
	background:no-repeat left center url(../img/nav_bullet.gif);
	font-size:13px;
	line-height:39px;
	margin-right: 20px;
	padding: 0px 0px 0px 15px;
}

ul#navbar li ul {
	position:absolute;
	background-color:#5cae64;
	padding:0px 10px;
	width: 180px;
}

ul#navbar li ul * {
	position:relative;
	float:none;
	background:none;
	line-height:15px;
	margin-left:0px;
	padding:2px 0px;
	background-color:#5cae64;
}

ul#navbar li.selected a, ul#navbar li a:hover, ul#navbar li.selected li a:hover {
	color:#006f51;
}
ul#navbar li.selected li a {
	color:#fff;
}
#navbar, #navbar * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#navbar {
	line-height:	1.0;
}
#navbar ul {
	position:		absolute;
	top:			-999em;
	width:			100%;
}
#navbar ul li {
	width:			100%;
}
#navbar li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#navbar li {
	float:			left;
	position:		relative;
}
#navbar a {
	display:		block;
	position:		relative;
}
#navbar li:hover ul,
#navbar li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		999;
}
ul#navbar li:hover li ul,
ul#navbar li.sfHover li ul {
	top:			-999em;
}
ul#navbar li li:hover ul,
ul#navbar li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul#navbar li li:hover li ul,
ul#navbar li li.sfHover li ul {
	top:			-999em;
}
ul#navbar li li li:hover ul,
ul#navbar li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
#footer { padding: 10px 15px 10px 0px; }

#footer a { margin-left: 15px; }
#content p, #content ul { font-size: 13px; }

#content h2 {
	font-size: 14px;
	font-weight: bold;
}
#box2 form { padding-left: 23px; }
.sub h1 { color: #006F51; }
.main h1 { color: #fff; }
.main #content p, .main #content h2, .main #content ul { color:#fff; }
.sub #content p, .sub #content h2, .sub #content ul { color:#000; }
.sub #content h3 {
	color: #006F51;
	border-top: 1px solid #006F51;
	padding: 10px 0px 0px 0px;
	margin: 20px 0px 10px 0px;
	font-weight: bold;
	font-size: 17px;
}
.caseform .header { color: #006F51; padding: 20px 0 0 0; font-weight: bold; font-size: 14px; border-top: 1px solid #006F51; margin: 20px 0 0 0; 
}
.caseform th.header { padding-bottom:10px; }
.sub #content h3.notop { margin-top: 0px; padding-top:0; border:none; }
#content ul { list-style-type: disc; margin: 0px 0px 1em 1.5em; 
}
#content li {
	margin: 5px 0px 0px 0px;
	line-height: 120%;
}

#content .ticks li { list-style-image: url(../img/tick.jpg); margin: 5px 0 10px 0; padding: 0 0 0 3px; list-style-position: outside; }
#content .ticks li li { list-style-image: none; margin: 5px 0 0 0 0; }

#content ul ul {
	list-style-type: disc;
	margin: 0px 0px 1em 1em;
}
.sub #content a {
	color: #006F51;
	text-decoration: underline;
}
.wrapper.larger {
	width: 955px;
	padding: 0px;
}

#content .questions {
	width: 200px;
	border-right: 1px solid #006F51;
	padding: 0px 20px 0px 0px;
	float: left;
}

#content #answers {
	float: left;
	margin: 0px 0px 0px 15px;
	width: 360px;
}

#content .questions ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#content .questions ul li {
	background:no-repeat left 3px url(../img/faq_bullet.gif);
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 15px;
}
#content .questions ul li a {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	display: block;
}

#promo {
	float: right;
	padding: 180px 33px 0px 0px;
}
.blok_form label { display:block; float:left; width:200px; margin: 0px 0px 0px 0px; padding:3px 10px 0px 0px; color: #000; font-size: 12px; 
}

.blok_form input, .blok_form textarea, .blok_form select {
	width:200px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	margin: 0 0 10px 0;
	border: 1px solid #ccc;
	padding: 3px;
}

.blok_form #Submit, .blok_form #oktocontact  { width:auto; border:none; color: #fff; 
}
.blok_form #Submit { background: #006F51; padding:5px; font-weight:bold; }

.blok_form {
	width: 500px;
	float: left;
}
#ui-datepicker-div { font-size: 11px; }
.example {
	float: left;
	width: 150px;
}

.examples {
	padding: 15px 0px;
	border-top: 1px solid #006F51;
	border-bottom: 1px solid #006F51;
	width: 601px;
	float: left;
	margin: 0 0 10px 0;
}

.illpanel {
	background-image: url(../img/illustrationpanelbg.jpg);
	padding: 10px;
	background-repeat: no-repeat;
	width: 161px;
}

.sub #content p.illhead {
	font-size: 14px;
	font-weight: bold;
	color: #49A942;
	margin: 0px 0px 10px 10px;
}
.sub #content p.illsizehead {
	font-size: 15px;
	font-weight: bold;
	color: #006F51;
	margin: 0px 0px 5px 0px;
	line-height:1;
}
.sub #content p.illsize {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 5px 0px;
	line-height:1;
}
.sub #content p.illsizeft {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	line-height:1;
}
.sub #content p.illpricefrom {
	font-size: 15px;
	font-weight: bold;
	color: #006F51;
	margin: 10px 0px 5px 0px;
	border-top:1px solid #006F51;
	padding: 10px 0px 0px 0px;
	line-height:1;
}
.sub #content p.illprice {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	line-height:1;
}
.sub #content p.illpermonth {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin: 0px;
	text-align:right;
	line-height:1;
}
.illdetail {
	padding: 15px 0 0 0;
	width: 181px;
	position: relative;
}

.illimage {
	padding: 15px 0 0 15px;
	width: 401px;
	position: relative;
}

#ill1, #ill2, #ill3, #ill4 {
	width: 600px;
	display: none;
	position: relative;
	margin:0px;
	height:370px;
}
 #test { display:none; margin: 0px; width: 100px; height: 80px; background: blue; position: relative; }
#illustrations {
	height: 400px;
	width: 600px;
}
#ill1 {	background:url(../img/Illustrations_01.png) no-repeat right 30px; }
#ill2 {	background:url(../img/Illustrations_02.png) no-repeat right 30px; }
#ill3 {	background:url(../img/Illustrations_03.png) no-repeat right 30px; }
#ill4 {	background:url(../img/Illustrations_04.png) no-repeat right 30px; }

.productimage {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 160px;
}
.productdesc {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 420px;
}
.productprice { float: left; margin: 0px 0px 0px 0px;  width: 150px; }

.product {
	width: 600px;
	padding: 10px 0 15px 0;
	border-bottom: 1px #006F51 solid;
	margin: 0 0 10px 0;
}

.orderform label {
	color: #000;
	font-size: 12px;
	float: left;
	display: block;
	padding: 3px 10px 0px 0px;
	width: 50px;
}
.orderform input {
	width: 50px;
	color: #000;
	font-size: 11px;
	float: left;
	margin: 0px 0px 10px 0px;
}

#content .productdesc ul li, #content .productdesc p { margin: 0px; }
#content .productdesc ul { margin:10px 0px 20px 30px; }
img.flright {
	float: right;
	margin-left: 10px;
}

.contactlabel {
	width: 120px;
	display: block;
	float: left;
}

#map { height: 400px; width: 600px; font-size: 12px; padding: 10px 0px 0px 0px; margin: 10px 0px 0px 0px; 
}
#button, #start { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#directionsPanel {
	width:600px;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.hidden { display: none; }
.shown { display: inherit; }
#index { z-index:1;}
#content { z-index: 2; }
#navbar { z-index: 999; }

#content ul.shopdetail li { line-height: 150%; 
}

.wrapper #index #content #mainForm div .product .productdesc #navigate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #006F51;
	background-color: #FFF;
	border: 1px solid #006F51;
}


.errorheader { color: #900; }

td.errorheader {
	color: #930;
	background-color: #CCC;
	padding: 10px;
}
.wrapper #index #content table tr .content {
	padding: 5px;
	border-top: 1px solid #006F51;
	border-left: 1px solid #006F51;
	border-right: 1px solid #006F51;
}
td.contentlast {
	padding: 5px;
	border: 1px solid #006F51;
}
#header #contact2 {
	padding-right:130px;
	padding-top: 15px;
	float: right;
}
#header #contact3 { padding-right:15px; padding-top: 0px; float: right; 
}
#header #contact3 .col1, #header #contact3 .col2 { float:left; }
#header #logo {
	float: left;
}
.store1 {
	background-image: url(../img/store-banner1a.png);
	background-repeat: no-repeat;
	display: block;
	height: 200px;
	width: 270px;
	padding: 15px;
	float: left;
}
.sub #content .store1 a {
	color:#fff;
	font-weight: bold;
}
.sub #content .store1 h2 {
	font-size: 20px;
	margin: 0;
	line-height: 1;
	font-weight: normal;
	color:#fff;
}
.sub #content .store1 p {
	font-size: 16px;
	margin: 5px 0 5px 0;
	line-height: 1;
	font-weight: normal;
	color:#fff;
}

#sb1, #sb2, #st1, #st2 { cursor: pointer; }
.sub.blog #content { width: 650px; }

.sub.blog #right {
	width: 191px;
	text-align: left;
	padding: 10px;
	background-color: #005993;
	margin: 6px 0 0 0;
}
.sub.blog #content h1 {
	margin:0 0 30px 0;}
.sub.blog #content h2 {
	font-size: 12px;
	font-weight: normal;
	margin:20px 0 0 0;
}
.sub.blog #content h2#comments, .sub.blog #content h2#postcomment { margin:20px 0 0 0; }
.sub.blog #content h3 {
	font-size: 15px;
	font-weight: bold;
	margin:0 0 10px 0;
	border-top: 1px dotted #006F51;
	padding: 10px 0 0 0;
}

#menu li {
	font-weight: bold;
	color: #FFF;
	margin: 0 0 10px 0;
}

#menu li li {
	font-weight: normal;
	padding: 0 0 0 10px;
	margin: 0 0 5px 0;
}

#menu a { text-decoration: underline; }

.meta, .feedback, .sub #content #commentform p  {
	font-size: 11px;
	margin: 0 0 10px 0;
	color: #999;
}
.sub #content .meta a, .sub #content .feedback a, .sub #content #commentlist p cite a,.sub #content #commentform p a {
	color: #999;
}

.sub #content #commentlist p, #content ol#commentlist, {
	font-size: 12px;
	list-style:none;
	margin: 0 0 0 10px;
}
.sub #content #commentlist p cite { font-size:11px; color:#999; }

#content #commentlist { list-style-type: none; }
p.affilliated img {
	float:left;
	margin:0 10px 0 0;
}
.caseform td, .caseform th { padding: 0 5px 10px 0; vertical-align: middle; }
.caseform th { text-align:left; font-weight:bold; color: #006F51; vertical-align: middle; }
.caseform input, .caseform textarea { width: 200px; }



.caseform input.datefield { width:80px; }
.qu_date, .qu_days, .qu_price { float:left; width:100px; padding:0 0 10px 0;}
.qu_date { width:170px; }
.qu_days { width:114px; }
.qu_price { width:250px; }
#caseform { display:none; }
#caseform #fragment-2 ul { margin: 0 0 1em 1.5em; }
#calc { margin: 0 0 20px 0; }
.tooltip { display: block; padding: 0 0 0 20px; background: url(../img/bg-tooltip.gif) no-repeat; height: 20px; width:auto; }
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	width:350px;
}
#tooltip h3, #tooltip div { margin: 0; }
.green { color: #006F51; }
.moreinfo td { padding: 0 10px 10px 0; vertical-align: top; }
.smaller { font-size:0.8em; }