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

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

p.order_form {
	font-size: 9pt;
}

a img {
	border: none;}
	
div.wrap
{
	position: relative;
	width: 770px;
	margin: 0 auto;
	text-align: left;
	border: 0px solid #333;
}

/* Logo, image etc */
div.header
{
	position: relative;
	clear: both;
	/* color: #000; */
	font-weight: bold;
	font-size: 0.8em;
	height: 205px;
}

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

/* Contact details */
div#contact_container
{
	/*font-family:  tahoma, verdana, arial, helvetica, sans-serif;*/
	font-family:"Trebuchet MS", Tahoma, Arial;
	height: 155px;
	padding: 30px 10px 0 25px;
}
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: 180px;
	margin: 0;
	padding: 0;
	font-size: 10pt;
	/*z-index: 100;*/
	font-weight: bold;
	clear: both;
	height: 22px;
	line-height: 22px;
	/*background-color: #2e8570;*/
	background-image: url(../images/nav_bg.gif);
	/*padding-left: 130px;*/
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-family:"Trebuchet MS", Tahoma, Arial;
	color: #000;
}

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;
}
/*body.body_home div#body,*/
body.body_contact_us div#body
{
	/*margin: 10px 0 0;*/
	margin: 0;
}
body.body_contact_us div#body
{
	background-position: -1px 10px;
}

/* Breadcrumb */
div.breadcrumb
{
	font-size: 0.8em;
	margin: 0 19px 1em;
	color: #c73887;
}
div.breadcrumb a
{
	color: #c73887;
}
/* 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;
}
	
div#content
{
	/*padding: 0 20px 1em;*/
	padding: 0 5px 5px;
	magin-right: 5px;
}

/* product links on home page */
div#product_list
{
	float: left;
	padding: 0 0 1em 20px;
	font-family:"Trebuchet MS", Tahoma, Arial;
}
div#product_list h2
{
	font-size: 1.0em;
	/*color: #00A4E8;*/
	color: #fff;
	padding: 0 0 0 15px;
}
div#product_list ul
{
	list-style: none;
	padding: 0 0 0 6px;
}
div#product_list li
{
	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;*/
	background: #fff;
}

h1.title
{
	/*padding: 0 0 1em;
	font-size: 1.2em;
	color: #000;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-family:"Trebuchet MS", Tahoma, Arial;*/
	font-size: 14px;
	font-weight: bold;
	/*color: #fff;*/
	color: #c73887;
	margin-top: 40px;
}
h1.title span
{
	font-size: 0.8em;
	color: #c73887;
}

body.body_home h1.title {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 0 15px;
}

	
/* Pager links */
.pager_links {
	//font-family:"Trebuchet MS", Tahoma, Arial;
	font-family: verdana, tahoma, arial, sans-serif;
	color: #c73887;
	text-align: center;
	font-size: 0.8em;}
div.pager_links
{
	clear: both;
	padding: 8px;
	/*background-color: #fcfcfc;*/
}
.pager_links a {
	color: #c73887;
}
	
div.noimage {
	background-color: #f3f3f3;
	color: #c73887;
	border: 1px solid #c73887;
	padding: 10px;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;}
	
/* Category list */
div.category_list {
	font-family:Verdana, Tahoma, Arial, sans-serif;
	padding: 1em;
	font-size: 0.8em;
	color: #c73887;}
div.category_item
{	
	width: 23%;
	height: 150px;
	float: left;
	color: #c73887;
	padding: 3px 0px 3px 0px;
	margin: 3px 3px 3px 0px;
	border: 1px solid #c73887;
	background: #fff;
	text-align: center;
	font-size: 0.8em;
	
}
div.category_item a {
	font-size: 1.1em;
	font-weight: bold;
	color: #c73887;}
div.category_link
{
	color: #fff;
	padding: 0;
	margin: 0;
}
div.category_link a {
	color: #fff;
}

/* Product list */
div.product_list
{
	/*border: 1px solid #ddd;
	border-width: 1px 0 0 1px;*/
	margin: 0;
	font-size: 0.8em;
	text-align: center;
	color: #000;
}
	
div.product_list div.item
{
	width: 110px;
	/*width: 33%*/
	height: 130px;
	float: left;
	margin: 5px;
	padding: 10px 7px;
	background-color: #fff; /*#f9f9f9;*/
	font-family: Verdana, Tahoma, Arial, sans-serif;
	border: 1px solid #c73887;
	/*border-width: 0 1px 1px 0;*/
	color: #c73887;
}

div.product_list div.item h3
{
	margin: 0 0 0.5em;
	font-size: 0.8em;
	padding: 2px 0;
	text-align: center;
	color: #c73887;
	height: 20px;
}

div.product_list div.item h3 a
{
	text-decoration: none;
	margin: 0 0 0.5em;
	color: #c73887;
	font-size: 0.9em;
}

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

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


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

div.product_list p.more_info
{
	font-weight: bold;
	font-size: 0.8em;
	margin: 0.4em 0 0;
}
div.product_list p.more_info a
{
	/*color: #37907b;*/
	/*color: #ecc90b;*/
	color: #c73887;
}

/* Product detail */
div.product_detail, div.product_info
{
	padding: 0 0.5em 1em;
	font-size: 10pt;
}
div.product_info
{
	/*width: 300px;*/
}
div.product_detail h1
{
	/*font-size: 1.2em;*/
	/*background-color: #ececec;*/
	padding: 2px 0;
	margin: 0 0 0.5em;
	color: #c73887;
	/*margin: 40px 0px 20px 30px;*/
	font-size: 18pt;
	font-weight: normal;
}
div.product_detail h2, div.product_info h2
{
	/*font-size: 1.2em;*/
	/*background-color: #ececec;*/
	padding: 2px 0;
	margin: 0 0 0.5em;
	color: #c73887;
	/*margin: 40px 0px 20px 30px;*/
	font-size: 13pt;
	font-weight: normal;
}
div.product_detail div.product_desc
{
	padding: 0.5em 0;
	width: 250px;
	/*float: left;*/
	color: #505050;
	font-size: 10pt;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}
img.detail_thumb
{
	float: right;
	margin: 0 0px 20px 0;
	border: 2px solid #c73887;
	//width: 225px;
	//height: 300px;
}
.detail_thumb
{
	clear: both;
	float: right;
	margin-right: 0px;
}

div#prices {
	width: 200px;
	float: right;
	white-space: nowrap;
}
div#prices div.row {
	//clear: both;
	font-size: 9pt;
	margin: 4px 0;
}
div#prices div {
	float: right;
	padding: 2px 6px;*/
	/*white-space: nowrap;
	text-align: right;*/
}

div#prices div.name {
	float: right;
	font-weight: bold;
}

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

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


/* 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: 470px;
	margin: 0 auto;
	margin-left: 25px;
	color: #c73887;
	font-size: 10pt;
}
table.checkout th,
table.checkout td
{
	padding: 3px;
	border: 1px solid #fff;
	background-color: #fdecf4;
}
table.checkout th.header
{
	padding: 4px 0 3px;
}
table.checkout th.header h3
{
	background-color: #c73887;
	color: #000;
	padding: 2px;
	margin: 0.5em 0 0;
	font-size: 10pt;
}

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

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:#000;
	/*font-family: arial, helvetica, sans-serif;*/
	font-family:"Trebuchet MS", Tahoma, Arial;
	font-weight:bold;}
div.msg p {
	margin:2px 0;}
	
span.error {
	color: red;}
span.msg {
	font-weight: bold;
	font-size: 0.8em;}

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

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: #c73887;
	height:24px;
	color:#000;
	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;*/
	color: #000;
	cursor: pointer;
}
input.addToCart:hover
{
	color: #fff;
}

textarea.description {
	width: 30em;
	height: 8em;}
	
fieldset {
	padding: 0.5em;
	margin: 0.5em;
	border: 1px solid #999;}
legend {
	font-size: 10pt;
	font-weight: bold;
	color: #000;
	padding: 0 0.5em 0.5em;}
	
.required {
	color: red;}
	
div.debug {
	text-align: left;
	white-space: pre;}
	
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;
}
hr {
	background-color: #c73887;
	color: #c73887;
	border: 0px;
	height: 1px;
}

.redStar
	{
	font-size:12px;
	color:red;
	}