/* GENERAL ------------------------------------------------------------------ */

/* Zero default margin & padding around common elements */
body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul, input
{
	margin: 0;
	/*border: 0 none #fff;*/
	padding: 0;
}

p
{
	margin: 0.5em 0 1em;
}

body
{
	font-size: 10pt;
	font-family:  verdana, tahoma, arial, helvetica, sans-serif;
	text-align: center;
	background: #3e6175; /*#4e7185;*/ /* url(../systemimages/bg.png) left top repeat-x;*/
	margin: 20px 0; /*5px;*/
	padding: 0;
	color: #666;
}

#top
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	min-width: 760px;
	list-style: none;
	text-align: left;
}

#top li
{
	position: relative;
	z-index: 100;
	width: 100%;
	overflow: hidden;
}

#top a
{
	display: block;
	padding: 0.25em 2em;
	color: #fff;
	text-indent: -20em;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
}

#top a:hover, #top a:focus, #top a:active
{
	top: 0;
	left: 0;
	background-color: #587B91;
	text-indent: 0;
}

#top .skipNav
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;
}

.skipNav a
{
	position: relative;
	top: -9999px;
	left: -9999px;
}

.skipNav a:focus, .skipNav a:active
{
	top: 0;
	left: 0;
	background-color: #004CB2;
	text-indent: 0;
}
	
div.wrap
{
	position: relative;
	width: 770px;
	margin: 0 auto;
	text-align: left;
	background: #fff url(../systemimages/body_fade.png) left bottom repeat-x;
	border: 0px solid #333;
}

/*
div#topbar
{
	position: relative;
	height: 46px;
	background: #4F7387 url(../systemimages/topbar_bg.png) left bottom repeat-x;
	color: #fff;
}
*/

/* Small nav at top */
/*
ul.top_nav
{
	list-style: none;
	clear: both;
	float: right;
	padding-right: 10px;
}

ul.top_nav li
{
	float: left;
	padding: 0 20px;
	background: transparent url(../systemimages/top_nav_divider.gif) right center no-repeat;
}
ul.top_nav li.end
{
	background: none;
}

ul.top_nav a
{
	display: block;
	width: 30px;
	height: 40px;
	color: #fff;
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	font-size: 0.8em;
}

ul.top_nav a:hover
{
	background-color: #688595;
}

li#top_nav_home a
{
	background-image: url(../systemimages/home_icon.gif);
}
li#top_nav_search a
{
	background-image: url(../systemimages/search_icon.gif);
}
li#top_nav_cart a
{
	background-image: url(../systemimages/cart_icon.gif);
}
*/

/* Logo, image etc */
div.header
{
	position: relative;
	clear: both;
	background: #fff url(../systemimages/topbar_bg.png) 0 -9px repeat-x;
	/* color: #000; */
	font-weight: bold;
	font-size: 0.8em;
	height: 205px;
}
div.header h4#text_only
{
	position: absolute;
	top: 2px;
	right: 4px;
}
div.header h4#text_only a
{
	color: #87D4F3;
	font-size: 0.8em;
	text-decoration: none;
}
div.header h4#text_only a:hover
{
	color: #fff;
	text-decoration: underline;
}

div.header #textSize
{
	position: absolute;
	top: 2px;
	left: 10px;
	color: #A7F4F3;
	font-size: 1em;
	line-height: 16px;
	white-space: nowrap;
}
div.header #textSize a
{
	padding: 1px 2px;
	color: #A7F4F3;
	font-weight: bold;
	text-decoration: none;
}
div.header #textSize a:hover
{
	background-color: #fff;
	color: #666;
}

div.header div
{
	float: left;
	height: 205px;
}
div#logo_container
{
	width: 256px;
	height: 122px;
	padding-top: 63px;
	text-align: center;
}

div#image_container
{
	width: 306px;
	padding-top: 20px;
	height: 165px;
}

/* Contact details */
div#contact_container
{
	font-family:  tahoma, verdana, arial, helvetica, sans-serif;
	height: 155px;
	padding: 30px 10px 0 25px;
}
div#contact_container2
{
	font-family:  tahoma, verdana, arial, helvetica, sans-serif;
	height: 155px;
	padding: 30px;
}
div#contact_container h3
{
	margin: 0.3em 0 0;
	padding: 0;
}
div#contact_container p
{
	border-top: 1px solid #b2e3f8;
	padding: 8px 0;
	margin: 0;
}

/* Navigation */
div#navigation
{
	width: 700px;
	margin: 0 auto;
	padding: 0 0 0 20px;
	font-size: 0.8em;
	z-index: 100;
	font-weight: bold;
	clear: both;
	height: 32px;
	line-height: 32px;
	background-color: #e6f6fc;
}

div#search
{
	float: right;
	width: 171px;
	height: 24px;
	white-space: nowrap;
	background-color: #1BAEEB;
	padding: 4px 6px;
	font-size: 0.8em;
}

#search-input
{
	border-width: 1px;
	width: 100px;
	padding-left: 18px;
	background: #E6F6FC url(../systemimages/search_icon.gif) 3px 4px no-repeat;
}
#search-button
{
	font-size: 8pt !important;
	font-weight: bold;
	background-color: #E6F6FC;
	color: #333;
	cursor: pointer;
	padding: 0;
}
#search-button:active,
#search-button:focus,
#search-button:hover,
#search-input:active,
#search-input:focus,
#search-input:hover
{
	background-color: #fff;
	color: #333;
}

div#body
{
	padding: 10px 8px 2em;
	clear: both;
}
div#body p.news {
	margin: 0 19px 1em;
}
body.body_home div#body,
body.body_test div#body,
body.body_contact_us div#body
{
	margin: 10px 0 0;
	background: transparent url(../systemimages/home_body_dots.gif) 256px 10px repeat-y;
}
body.body_contact_us div#body
{
	background-position: -1px 10px;
}

div#body ul
{
	padding: 0.5em 2em;
}

/* Breadcrumb */
div.breadcrumb
{
	font-size: 0.8em;
	margin: 0 19px 1em;
}
div.breadcrumb a
{
	color: #666;
}
/* Questions */
div#qs_container
{
	float: left;
	width: 248px;
}
div#qs_container h4
{
	width: 80%;
	/*text-align: center;*/
	margin: 0 auto;
	padding: 0;
	/*font-weight: normal;*/
	font-size: 1.3em;
	padding: 15px;
	border-bottom: 1px solid #c7ebfa;
}
	
body.body_home div#content
{
	float: left;
	width: 266px;
	margin: 0;
	padding: 0 20px 1.5em;
}

div#content
{
	padding: 0 20px 1em;
}

/* product links on home page */
div#product_list
{
	float: left;
	padding: 0 0 1em 20px;
}
div#product_list h2
{
	font-size: 1.0em;
	color: #00A4E8;
	background: url(../systemimages/dots_heading.gif) left center no-repeat;
	padding: 0 0 0 15px;
}
div#product_list ul
{
	list-style: none;
	padding: 0 0 0 6px;
}
div#product_list li
{
	background: url(../systemimages/bullet.gif) 2px 7px no-repeat;
	padding: 0 0 0 0.75em;
}
div#product_list a
{
	border-bottom: 1px solid #ccc;
	width: 146px;
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0 3px;
}
div#product_list li.end a
{
	border: none;
}
div#product_list a:hover
{
	background: #eee;
}

h1.title
{
	padding: 0 0 1em;
	font-size: 1.2em;
	color: #00A4E8;
}
h1.title span
{
	font-size: 0.8em;
	color: #666;
}

body.body_home h1.title {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 0 15px;
	background: url(../systemimages/dots_heading.gif) left center no-repeat;}

	
/* Pager links */
.pager_links {
	text-align: center;
	font-size: 0.8em;}
div.pager_links
{
	clear: both;
	padding: 8px;
	/*background-color: #fcfcfc;*/
}
	
div.noimage {
	background-color: #f3f3f3;
	color: #999;
	border: 1px solid #999;
	padding: 10px;
	font-weight: bold;
	text-align: center;}
	
/* Category list */
div.category_list {
	padding: 1em;
	font-size: 0.9em;}
div.category_item
{	
	width: 33%;
	float: left;
	color: #000;
	padding: 3px 0;
}
div.category_item a {
	font-weight: bold;}

/* Product list */
div.product_list
{
	border: 1px solid #ddd;
	border-width: 1px 0 0 1px;
	margin: 0;
	font-size: 0.9em;
	text-align: center;
}
	
div.product_list div.item
{
	width: 147px;
	height: 190px;
	float: left;
	/*margin: 5px;*/
	padding: 10px 15px;
	background-color: #fff; /*#f9f9f9;*/
	border: 1px solid #ddd;
	border-width: 0 1px 1px 0;
}

div.product_list div.item h3
{
	margin: 0 0 0.5em;
	font-size: 1em;
	padding: 2px 0;
	text-align: left;
}

div.product_list div.item h3 a
{
	text-decoration: none;
	margin: 0 0 0.5em;
}

div.product_list div.item h3 a:hover
{
	text-decoration: underline;
}

div.product_list div.item img.listing_thumb
{
	margin: 0 auto;
}


div.product_list div.noimage
{
	width: 80px;
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
}

div.product_list p.more_info
{
	font-weight: bold;
	font-size: 0.9em;
	margin: 0.2em 0 0;
}
div.product_list p.more_info a
{
	color: #666;
}

/* Product detail */
div.product_detail
{
	padding: 0 0.5em 1em;
}
div.product_detail h1
{
	font-size: 1.2em;
	/*background-color: #ececec;*/
	padding: 2px 0;
	margin: 0 0 0.5em;
	color: #00A4E8;
}
div.product_detail div.product_desc
{
	padding: 0.5em 0;
	/*float: left;*/
}
img.detail_thumb
{
	float: right;
	margin: 0 20px 20px 0;
}
div#prices {
	/*float: left;*/
	white-space: nowrap;
}
div#prices div.row {
	clear: both;
	font-size: 9pt;
	margin: 4px 0;
}
div#prices div {
	/*float: left;
	padding: 2px 6px;*/
	/*white-space: nowrap;
	text-align: right;*/
}

div#prices div.name {
	/*float: left;*/
	font-weight: bold;
}

div#prices div.price {
	/*text-align: right;
	float: right;*/
}

table#prices td
{
	font-size: 9pt;
	white-space: nowrap;
}
table#prices td.price
{
	text-align: right;
	padding-left: 2em;
}


/* Listing table */
table.list {
	border-collapse: collapse;
	width: 700px;}
table.list tr:hover {
	background-color: #f3f3f3;}
table.list tr.on {
	background-color: #eee;}
table.list tr.off {
	}
table.list td {
	border: 1px solid #ccc;
	padding: 3px;}
table.list td.icon {
	width: 16px !important;}
	
/* Edit table */
table.edit {
	width: 100%;
	border-collapse: collapse;}
table.edit tr {
	}
table.list tr.on {
	background-color: #eee;}
table.list tr.off {
	}
table.edit th {
	width: 10em;
	text-align: right;
	padding: 3px 8px 3px 3px;
	border: 1px solid #ccc;
	font-size: 0.9em;
	vertical-align: top;
	background-color: #f6f6f6;
	/*border-width: 1px 1px 1px 0;*/}
table.edit th span {
	font-weight: normal;
	font-style: italic;
	font-size: 0.9em;}
table.edit td {
	padding: 4px 3px 4px 8px;
	border: 1px solid #ccc;
	/*border-width: 1px 1px 1px 0;*/}

/* Events on home page */
h2.events {
	margin: 1.5em 0 0;
	font-size: 1.3em;}
div.events {
	width: 300px;
	border: 1px solid #ccc;
	padding: 0;
	background: url(../systemimages/update_bg.png) 0 0 no-repeat;}
div.events div {
	width: 44%;
	margin: 0;
	padding: 0.25em;
	font-size: 0.9em;}
div.events h3 {
	background-color: #fff;
	padding: 2px 4px;
	font-size: 1.2em;
	margin: 0;}
div.events div.latest {
	float: left;}
div.events div.next {
	float: right;}
div.events a {
	color: #333;
	font-size: 0.9em;
	font-weight: bold;}

/* Forms */
tr.requiredNote td,
div.requiredNote {
	font-size: 0.8em;
	font-weight: bold;
	color: #999;
	text-align: center;}
div.requiredNote
{
	text-align: left;
}

/* Contact Us form */
div#contact_details
{
	float: left;
	width: 246px;
	padding: 0 0 0 10px;
}
div#contact_form
{
	float: right;
	width: 350px;
	padding: 0 10px 30px;
	margin: 0;
}
div#contact_form div.row
{
	margin: 5px 0;
	clear: both;
}
div#contact_form label
{
	font-weight: bold;
}
div#contact_form textarea
{
	width: 20em;
	height: 10em;
}

/* Order form */
table.checkout
{
	border-collapse: collapse;
	width: 500px;
	margin: 0 auto;
}
table.checkout th,
table.checkout td
{
	padding: 3px;
	border: 1px solid #eee;
	background-color: #fff;
}
table.checkout th.header
{
	padding: 4px 0 3px;
}
table.checkout th.header h3
{
	background-color: #E6F6FC;
	color: #00A4E8;
	padding: 2px;
	margin: 0.5em 0 0;
	font-size: 1.0em;
}

tr.total td,
tr.total th {
	border-top:3px double #666;}
	
input.qty {
	width:2em;
	text-align:center;}
.mny {
	text-align:right;}

div.footer {
	background: url('../systemimages/footer_bg.jpg') 0 -1px repeat-x;
	height: 28px;
	line-height: 28px;
	text-align: center;
	font-size: 0.8em;
	color: #000;}

div.debug {
	overflow: auto;
	width: 400px;
	/*height: 300px;*/
	margin: 1em;
	padding: 1em;
	white-space: pre;
	font-size: 0.8em;
	border: 1px dashed #609;
	background-color: #f9f9f9;}
	
/* Messages */
div.error {
	background-color:red;}
div.success {
	background-color:#0c0;}
div.warning {
	background-color:#f90;}
div.msg {
	/*width:500px;*/
	margin:5px; /* auto;*/
	padding:4px 10px;
	color:#fff;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;}
div.msg p {
	margin:2px 0;}

div#footer
{
	width: 758px;
	margin: 0 auto;
	padding: 2px 6px;
	text-align: right;
	background: #fff url(../systemimages/topbar_bg.png) 0 0 repeat-x;
	font-size: 0.8em;
	border-top: 1px solid #C7EBFA;
	color: #fff;
}

span.error {
	color: red;}
span.msg {
	font-weight: bold;
	font-size: 0.8em;}

a {
	color: #00A5EA;}
a:hover {
	color: #000;
	text-decoration: none;}

input,
select,
textarea {
	border-width: 1px !important; /* solid #999; */
	padding:1px 2px;
	font-family: arial, sans-serif;
	font-size: 9pt;
	background-color: #E6F6FD;
/*
	background-color: #fff;
	margin:0;
	padding:1px 2px;
	font-family: arial, sans-serif;
	font-size: 9pt;
*/
}

input:active,
input:focus,
input:hover,
select:active,
select:focus,
select:hover,
textarea:active,
textarea:focus,
textarea:hover
{
	background-color: #fff;
	color: #333;
}

select.categories {
	font-size: 7pt;}

input.checkbox {
	border: none;}
	
input.button {
	background: transparent url(../systemimages/topbar_bg.png) 0 0 repeat;
	height:24px;
	color:#fff;
	font-weight:bold;
	border:none;
	cursor:pointer;
	padding:2px !important;
	margin:0px;
	font-size: 0.8em;}
input.button:hover {
	background-position: 0 -24px;}
	
input.addToCart
{
	border: none;
	background: none;
	color: #00A4E8;
	cursor: pointer;
}
input.addToCart:hover
{
	color: #000;
}

textarea.description {
	width: 30em;
	height: 8em;}
	
fieldset {
	padding: 0.5em;
	margin: 0.5em;
	border: 1px solid #999;}
legend {
	font-weight: bold;
	color: #FF8228;
	padding: 0 0.5em 0.5em;}
	
.required {
	color: red;}
	
div.debug {
	text-align: left;
	white-space: pre;}
	
a img {
	border: none;}
	
h1 { font-size: 1.6em;}
h2 { font-size: 1.4em;}
h3 { font-size: 1.2em;}
h4 { font-size: 1.0em;}
h5 { font-size: 0.8em;}

h1, h2, h3, h4, h5 {
	margin: 0.2em 0 0.5em;}
	
/* force wrap to clear the floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

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

div.debug
{
	white-space: pre;
}