/*
A REFERENCES
*/
body#comparePage {
	background: url('/assets/templates/hso/images/layout/header-compare-bg.jpg') repeat-x top center;
}

h3 {
font-size: 16pt;
margin: 0;
padding: 0;
}

a, a:visited, a:active, a:link
{
	cursor:pointer;cursor:hand;
	color: #987f58;
	font-weight: bold;
	text-decoration:none;
}
a:hover
{
	cursor:pointer;cursor:hand;
	font-weight: bold;
	text-decoration:underline;
}

a#nolink, a#nolink:visited, a#nolink:active, a#nolink:link,a#nolink:hover
{
	color: #987f58;
	font-weight: bold;
	text-decoration:none;
}

img {
	border: 0px;
}
/*
HEADER
*/

div#header {
	height: 80px;
	color: #ffffff;
	background:#000000 url('/assets/templates/hso/images/layout/header.jpg') repeat-x top center;
}

div#header_container
{
	height: 80px;
	background:#000000 url('/assets/templates/hso/images/layout/header-960.jpg') no-repeat top center;
}

div#header_center
{
	position: relative;
	top: 30px;
	left: 30px;
	text-align: right;
}
div#header_center img
{
	vertical-align:text-bottom;
}
div#header_center a, div#header_center a:visited, div#header_center a:active, div#header_center a:link
{
	color: #ffffff;
	text-decoration:underline;
}
div#header_center a:hover
{
	text-decoration:none;
}

div#header_right
{
	position: relative;
	font-size: 11px;
	top: 2px;
	left: 30px;
}
div#header_right SELECT
{
	font-size: 11px;

}

div#header_right SELECT
{
	width: 160px;
}
div#header_right SELECT OPTION
{
	padding-left:30px;
	background-repeat:no-repeat;
	background-position:bottom left;		
}


/*
CONTAINER
*/

div#container
{
	color: #000000;
	padding: 10px 0 0 0;
}

/*
LEFT
*/
div#search
{
	background-color: #5c7388;
	height: 65px; 
}

div#search a,div#search a:visited,div#search a:active,div#search a:link
{
	color: #ffffff;
	padding: 0 8px 0 8px;
	font-weight: bold;
	text-decoration:none;
}
div#search a:hover
{
	font-weight: bold;
	text-decoration:underline;
}

div#search input
{
	margin: 8px 0 0 8px;
	padding: 0 30px 0 0;
	font-size:10pt;
	height: 25px;
	width: 132px;
}

div#search div  {
	position: absolute;
}

div#search img.button {
	position: absolute;
	top: 11px;
	left: 147px;
	z-index:99;
}

div#categories
{
	margin: 10px 0 0 0;
}

div#categories ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
div#categories li
{
margin: 1px 0 0 0;
padding: 0 0 0 0;
width: 180px;
height: 28px;
font-size: 8pt;
}
	
div#categories li a {
	color: #000000;
	display: block;
	background: url('/assets/templates/hso/images/layout/vmenu.png');
	padding: 6px 0 5px 4px;
	text-decoration: none;
	font-weight: bold;
	}
	
div#categories li a:link, div#categories li a:visited, div#categories li a:active  {
	color: #000000;
	display: block;
	background: url('/assets/templates/hso/images/layout/vmenu.png');
	padding: 6px 0 5px 4px;
	}
	
div#categories li a:hover {
	color: #ffffff;
	background: url('/assets/templates/hso/images/layout/vmenu.png') 0 -28px;
	padding: 6px 0 5px 4px;
	}


div#sitemap {
	margin: 10px 0 0 0;
}

/*
RIGHT
*/
div#contact SPAN.grey {
	font-weight: bold;
	color: #7f7f7f;
}
div#hotnews {
	margin: 10px 0 0 0;
}
div#hotnews img {
float: right;
margin: 0 0 4px 4px;
}

div#hotnews p {
text-align: justify;
line-height: 100%;
margin: 0;
}
div#hotnews div span {
color: #bababa;
}
div#rss {
	margin: 10px 0 0 0;
	font-size: 8pt;
}

div#contact div#phone {
	background: url('/assets/templates/hso/images/icons/phone.png') no-repeat top left; 
	padding: 0 0 10px 30px;
}

div#contact div#email {
	background: url('/assets/templates/hso/images/icons/email.png') no-repeat 0 10px; 
	padding: 10px 0 10px 30px; 
	border-top: 1px dotted #666666;
}

div#contact div#location {
	background: url('/assets/templates/hso/images/icons/location.png') no-repeat 0 10px; 
	padding: 10px 0 10px 30px; 
	border-top: 1px dotted #666666;
}

div#contact div#hours {
	background: url('/assets/templates/hso/images/icons/hours.png') no-repeat 0 10px; 
	padding: 10px 0 0 30px; 
	border-top: 1px dotted #666666;
}

/*
FOOTER
*/
div#footer a, div#footer a:visited, div#footer a:active, div#footer a:link
{
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
}
div#footer a:hover
{
	font-weight: bold;
	text-decoration:underline;
}

div#footer {
	margin: 30px 0 0 0;
	padding: 20px 0 0 0;
	height: 150px;
	color: #ffffff;
	background:#373737;
}

div#footer div.info {
	border-top: 1px solid #595959;
	padding: 0px 0 0 10px;
	font-weight: bold; 
	font-size: 8pt;
	line-height: 200%;
}

div#footer2 {
	background-color: #babcbe;
	font-weight: bold; 	
	color: #7a7a7b;
	height: 34px; 
	padding: 10px 0 0 0; 
	font-size: 10pt;
}

/*
CONTENT
*/

div.upperline {
	border-top: 1px solid #e6e6e6;
	padding: 4px 0 0 0;
}

div#navstatus {
	border-bottom: 1px dotted #767676;
	padding: 0 0 5px 0;
	color: #848484;
	font-weight: bold;
}

div#navstatus img {
	position: relative;
	top: 3px;
}

div#description {
	line-height: 160%;
	font-size: 10pt;
	margin: 0 0 20px 0;
}

/* product data page */

div.left3 { width: 200px; font-weight: bold; float:left; margin: 0px 0px 1px 0px; }
div.right3 { width:316px; float:right; margin: 0px 0px 1px 0px; text-align: justify;}
table.parameters {
	margin: 0px;
	padding: 0px; 
}
table.parameters td{
	vertical-align: top;
}


/*
SHOPING CART
*/
div#cartright {
	margin: 60px 0 0 0;
	font-size: 8pt;

	border-bottom: 1px dotted #767676;
}

div#cartright input#quantity{
	margin: 0 6px 0 0;
	font-size: 11pt;
	width:24px;
	text-align: right;
	float: left;
}

div#cartright div#qtype {
	font-size: 10pt;
	margin: 4px 0 0 0;
}

div#cartright div#pricing {
	border-bottom: 1px dotted #767676;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	color: #999999;
}
div#cartright div#pricing a{

	color: #ffffff;
}


div.addcartdiv {
	float: right;
}

div.addcartdiv div {
	float: left;
}

div.addcartdiv div#middle {
	padding: 5px 0; 
	background: url('/assets/templates/hso/images/icons/addcart-middle.png') repeat-x top left;
	color: #ffffff;
	font-weight: bold;
}

div.addcart_small div {
	float: left;
}

div.addcart_small div#middle {
	padding: 3px 0; 
	background: url('/assets/templates/hso/images/icons/addcart_small-middle.png') repeat-x top left;
	color: #ffffff;
	font-weight: bold;
}

div.addcart_small a,div.addcart_small a:visited,div.addcart_small a:active,div.addcart_small a:link, div.addcart_small a:hover
{
	font-weight: bold;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}


div#cartright div#price {
	margin: 10px 0 10px 0;
	float: left;
	padding: 2px 10px 0px 8px;
	background-color: #5c7388;
	color: #ffffff;
	font-size: 20pt;
	font-weight: bold;
}

div#cartright div#price_old {
	margin: 10px 0 10px 0;
	float: left;
	padding: 2px 10px 0px 8px;
	color: #000000;
	text-decoration:line-through; 	
	font-size: 20pt;
	font-weight: normal;
}

div#cartright div#price_red {
	margin: 10px 0 10px 0;
	float: left;
	padding: 2px 10px 0px 8px;
	background-color: #6e0c0c;
	color: #ffffff;
	font-size: 20pt;
	font-weight: bold;
}

/* 
shipping description
*/
div#shipping_desc {
	padding: 6px 6px 6px 6px;
	background-color: #cdcdcd;
	font-size:14pt;
	margin: 20px 0 10px 0;
}

div#shipping_desc img {
	position: relative;
	top: 1px;
}

/* product list
*/
SPAN#price {
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	background-color: #3d3d3d;
	padding: 3px;
}

SPAN#price_old {
	font-size: 10pt;
	color: #000000;
	font-weight: normal;
	padding: 3px;
	text-decoration:line-through; 
}

SPAN#price_red {
	font-size: 10pt;
	color: #ffffff;
	font-weight: bold;
	background-color: #6e0c0c;
	padding: 3px;
}

div#orderbyform {
	float: left;
}

div#product_list {
border-top: 1px dotted #767676;
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
}
div#product_list div#image {
	text-align: center;
}

div#product_list p {
line-height: 100%;
}

div#product_list div#right {
	text-align: right;
	font-size: 8pt;
	line-height: 250%;
}

div.addcart_small {
float: right;
font-size: 7pt; 
font-weight: bold;
line-height: 150%;
margin-top: 5px;
}

/* Ajax Search
*/
.suggestionsBox {
    position: relative;
    left: 9px;
	top:26px;
    margin: 10px 0px 10px 0px;
    width: 362px;
	height: auto;
    background-color: #212427;
	z-index: 999;
    color: #fff;
}

.suggestionList {
    padding: 0 6px 6px 6px;
    margin: 0px;
    width: 357px;
	z-index: 999;
	background-color: #212427;

}

.suggestionList li {
	font-size: 8pt;
    margin: 0;
	list-style: none;
    padding: 0 3px 0 3px;
    cursor: pointer;
	background-color: #46586a;
	border-top: 0;
	
}



.suggestionList h2#heading {
	font-size: 8pt;
    margin: 0;
	text-align: center;
	list-style: none;
    padding: 3px 3px 3px 3px;
    cursor: pointer;
	background-color: #212427;
	border-bottom: 1px dotted #c0c0c0;
}

.suggestionList li.itemhover {
    background-color: #659CD8;
}

/* register, login
-------------------------------------------------------------------------------*/
input.login { width:410px; }
select.login { width: 414px; }

table.register { border: 1px solid #aaaaaa; background-color: #dddddd; margin: 0;}
table.register TH { background-color: #bbbbbb; padding: 6px; text-align: center;  background-image: url('/images/layout/bg-th.gif');	}
table.register TD { padding:0 4px 0 4px; }

table.signin { border: 1px solid #aaaaaa; background-color: #dddddd; }
table.signin TH { background-color: #bbbbbb; padding: 6px; text-align: center;  background-image: url('/images/layout/bg-th.gif');	}
table.signin TR>TD A { color: #333399; text-decoration: underline;}
table.signin TR>TD A:link { color: #333399; text-decoration: underline;}
table.signin TR>TD A:visited { color: #333399; text-decoration: underline;}
table.signin TR>TD A:active { color: #333399; text-decoration: underline;}
table.signin TR>TD A:hover { color: #333399; text-decoration: none;}

P.error { text-align: center; color: #990000; font-weight: bold; } 

a.login, a.login:link { 
    text-decoration: none;
    color: #ffffff;
}
a.login:visited { color: #ffffff;  }
a.login:hover { color: #ffffff; text-decoration: underline; }
a.login:active { color: #ffffff; }

/* previous orders
-------------------------------------------------------------------------------*/
table.prevord { background-color: #eeeeee; border-spacing: 1px; font-size: 8pt;}
table.prevord TH { background-color: #c4c4c4; background-image: url('/images/layout/bg-thgrey.jpg'); background-repeat: repeat-x; background-position: top; padding: 6px; text-align: center; 	}
table.prevord TD { padding: 6px; vertical-align: top; border-bottom: 1px dotted #000000;}
table.prevord TR.status0 { background-color: #efefef; border-bottom: 1px dotted #000000;}
table.prevord TR.status1 { background-color: #d6d6d6; border-bottom: 1px dotted #000000;}
table.prevord TR.status2 { background-color: #c7c7c7; border-bottom: 1px dotted #000000;}
table.prevord TR.status3 { background-color: #b3b3b3; border-bottom: 1px dotted #000000;}

/* bundles
-------------------------------------------------------------------------------*/
table.package TH { background-color: #c4c4c4; background-image: url('/images/layout/bg-thgrey.jpg'); background-repeat: repeat-x; background-position: top; padding: 6px; }
table.package TD { background-color: #ffffff; padding: 2px 6px 2px 6px; border-bottom: 1px dotted #000000; }

/*
TABLE
*/
TABLE.default {
background-color: #ffffff;
margin: 3px;
border: 1px solid #000000;
}
TABLE.default TD {
margin: 1px;
padding: 10px;
font-weight: bold;
background-color: #5c7388;
color: #ffffff;
}
TABLE.default TD#input INPUT, TABLE.default TD#input SELECT{
width: 400px;
font-size: 12pt;
font-weight: bold;
}
TABLE.default TD#input_short INPUT {
width: 60px;
font-size: 12pt;
font-weight: bold;
}
TABLE.default TD#input_submit INPUT {
width: 150px;
font-size: 12pt;
font-weight: bold;
}

/* catalogue */

p.catalogue a, p.catalogue a:link , p.catalogue a:visited, p.catalogue a:active {
	text-decoration: underline;
	font-weight: normal;
}

p.catalogue a:hover {
	text-decoration: none;
	font-weight: normal;
}
h2.plain {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	letter-spacing: .07em;
}
h2.plain a, h2.plain a:link , h2.plain a:visited, h2.plain a:active {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	letter-spacing: .07em;
	text-decoration: none;
}

h2.plain a:hover {
	font-family: "Trebuchet MS", georgia, helvetica, arial, verdana, sans-serif;
	font-weight: bold;
	margin: 0;
	letter-spacing: .07em;
	text-decoration: underline;
}


/* register or new user
-------------------------------------------------------------------------------*/
table.border { background-color: #777777; border-spacing: 1px; }
table.border TD.border {
	padding: 10px; 
	background-image: url(/images/layout/bg-middlebox.gif);
	background-color:#ededed;
	background-repeat:repeat-x;
}
table.border TH.border { 
	padding: 10px; 
	font-family: Arial, Helvetica, Sans-serif; 
	font-size: 10pt; 
	color: #ffffff;
	background-image: url(/images/layout/bg-th.gif);	
}
table.border a, table.border a:link , table.border a:visited, table.border a:active {
	font-weight: bold;
	color: #ffffff;
	text-decoration: underline;
}

table.border a:hover {
	text-decoration: none;
}
/* writemail
-------------------------------------------------------------------------------*/
table.writemail input.writemail { width: 420px; }
table.writemail textarea { width:538px; height: 260px;}
table.writemail td.writemail { width:120px; vertical-align:middle; }


/* filters
-------------------------------------------------------------------------------*/
select.filter { font-size: 10px; width: 158px;}
input.submit { width: 158px;}
input.filter { margin: 0px 5px 0px 0px; position: relative; top: 2px;}
div#filter {
	margin: 10px 0 0 0;
}
/* need to be duplicated for jquery */
input.compare { margin: 0px 5px 0px 0px; position: relative; top: 2px;}

/* compare
-------------*/
input#SUBMIT_COMPARE {
float: right;
}

div#compare {
margin: 10px;
	width: 100%;

}

div#compare TD.first {
	border-bottom: 1px dotted #666666;
	
	width: 180px;
}

div#compare TD.space {	
	width: 20px;
}

div#compare TD {
	width: 220px;
	padding: 5px;
}


div#compare TD.line1 {
	width: 250px;
	background-color: #f8f4ee;
}

div#compare TABLE.compare {
	width: 2px;
	table-layout: fixed;
}

div#mainpage_text {
border: 1px dotted #cccccc;
padding: 10px;
}

div#mainpage_text img {
    cursor: pointer;
	float: right;	
}

/*
BOX
*/

SPAN.box
{
	height: 20px;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	padding: 0 20px 0 10px;
	margin: 0px; 
	background:#5c7388 url('/assets/templates/hso/images/layout/box-right.png') no-repeat top right;
}

SPAN.box2
{
	height: 20px;
	color: #ffffff;
	font-weight: bold;
	font-size: 10pt;
	padding: 0 20px 0 10px;
	background:#ea8233 url('/assets/templates/hso/images/layout/box-right2.png') no-repeat top right;
}

SPAN.box3
{
	height: 20px;
	color: #9a9791;
	font-weight: normal;
	font-size: 8pt;
	padding: 0 20px 0 10px;
	background:#595959 url('/assets/templates/hso/images/layout/box-right3.png') no-repeat top right;
}

div.box2 {
	margin:0px;
	padding:0px;
	width: 180px;
}
div.box2 > div.top {
	height: 17px;
	background:url('/assets/templates/hso/images/layout/box2-top.png') no-repeat top left;
}
div.box2 > div.bottom {
	height: 17px;
	background:url('/assets/templates/hso/images/layout/box2-bottom.png') no-repeat top left;
}
div.box2 > div.middle {
	background:url('/assets/templates/hso/images/layout/box2-middle.png') repeat-y top left;
	padding: 0 10px 0 10px;
}
div.box2 > div.middle div#title {
	line-height: 100%;
	margin-bottom: 6px;
	text-align: left;
	
}
div.box2 > div.middle > div {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #666666;	
}


div.box_product {
	margin:0px;
	padding:0px;
	width: 540px;
}
div.box_product > div.top {
	height: 5px;
	background:url('/assets/templates/hso/images/layout/box-product-top.png') no-repeat top left;
}
div.box_product > div.bottom {
	height: 5px;
	background:url('/assets/templates/hso/images/layout/box-product-bottom.png') no-repeat top left;
}
div.box_product > div.middle {
	background:url('/assets/templates/hso/images/layout/box-product-middle.png') repeat-y top left;
	padding: 0 10px 0 10px;
}

div.box_product div#zoom {
	position: relative;
}
div#zoom img {
	position: absolute;
	top: 5px;
	left: 5px;
}

div.box_product div#thumbs {
	position: relative;
	float: right;
	text-align: right;
	width: 160px;
	height: 100%;
}

div.box_product div#thumbs img {
	border: 1px solid #cecece;
	padding: 2px;
	margin: 0px 1px 1px 0px;
}

div.box_product div#thumbs img:hover {
	border: 1px solid #bab46b;
	padding: 2px;	
}

div.box2 ul {
margin: 0px;
padding: 0px;
}

div.box2  ul li {
list-style-image: url('/assets/templates/hso/images/layout/li-sitemap.png');
margin: 0 20px 0 20px;
}	

div.box2 table {
margin: 0;
padding: 0;
}


div.box3 {
	float: left;
	margin: 10px 20px 0 0;
	padding: 10px 5px 10px 5px;
	width: 110px;
	height: 133px;
	font-size: 8pt;
	background: #321312 url('/assets/templates/hso/images/layout/box3-bg.png') no-repeat top left;

}
div.box3#last {
	float: left;
	margin: 10px 0 0 0;
	padding: 10px 5px 10px 5px;
	width: 110px;
	height: 133px;
	font-size: 8pt;
	background: #321312 url('/assets/templates/hso/images/layout/box3-bg.png') no-repeat top left;
}


div.box3 div#picture {
	width: 110px;
	position: absolute;
	text-align: center;
	z-index: 99;
}
div.box3 div#text {
	position: absolute;
	width: 110px;
	height: 133px;
	z-index: 9;
}


div.box3 div#text>div {
	width: 110px;
	position:absolute;
	bottom: 0;
	line-height: 100%;
	text-align: center; 
	z-index: 9;
}

div.box3 img.arrow {
	position: absolute;
	float: right;
	top: 121px;
	left: 93px;
}

div.box3>div {
	position: relative;
}


div.box_bundle {
	float: left;
	margin: 10px 0px 0 0;
	padding: 10px 5px 10px 5px;
	width: 531px;
	height: 133px;
	font-size: 8pt;
	background: #321312 url('/assets/templates/hso/images/layout/box_bundle-bg.png') no-repeat top left;
	text-align: center;
}


div.box_bundle img.arrow {
	position: absolute;
	float: right;
	top: 121px;
	left: 514px;
}

div.box_bundle>div {
	position: relative;
}

div.box_bundle div.center
{
	height: 133px;
	display: table-cell;
	width: 400px;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
	border-right: 1px dotted #666666;
}

div.box_bundle div.right
{
	height: 133px;
	float: right;
	width: 120px;
	text-align: center;
	font-size: 8pt;
	color: #545454;
	margin: 0 10px 0 0;
}

/* NAVBAR
*/
table
{ 
margin: 0 0 2px 0; 
}

TABLE#regiolist TH 
{
	background-color: #987f58;
	color: #ffffff;
	font-weight: bold;
}
TABLE#regiolist TD 
{
	background-color: #5c7388;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px dotted #cecece;
}