/* GENERAL CSS STYLES */
body {
background:white url(../images/interface/bg1.gif) repeat-x fixed left bottom;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;

}
p {
margin-top:0;
}
img {
border:0;
}
form {
margin:0;
padding:0;}

/* BOX MODEL HEHE */
#container {
	width: 900px;
	margin:auto;
	padding:0;
	background-color: #FFFFFF;
/* background:#37655c url(/images/interface/bg2_in.gif) center repeat-y fixed;*/
background : #E6E6E6;

}
#header {
width: 900px;
background-color: #E6E6E6 ;
margin:auto;
padding:0;
}
#logo {
float: left;
display:inline; /*this solves the margin problem with IE6*/
width: 235px;
margin:0;
padding:0;
}
#nav-right {
float: right;
display:inline; /*this solves the margin problem with IE6*/
width: 665px;
}
#flashcontent {
margin:0;
padding:0;
width: 665px;
}
#navigationbox {
float:left;
display:inline; /*this solves the margin problem with IE6*/
width:236px;
background-color:#E6E6E6 ;
padding-bottom:5px;
}
#contentbox {
display: inline; /*this solves the margin problem with IE6*/
width: 663px;
float: right;/**/
background-color: #fff;
}
#content {
float:right;
display: inline; /*this solves the margin problem with IE6*/
width: 600px;
border: 1px solid #eee;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 0px;
padding: 10px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
font-size: 11px;
font-weight: normal;
line-height: 16px;
text-align: left;
}
/* BREADCRUMBS */
.breadcrumbs_txt { color: #036 }
#breadcrumbs  {
float: right;
display: inline; /*this solves the margin problem with IE6*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #b6a9bf;
padding-left: 20px;
padding-top: 10px;
padding-bottom: 0px;
margin:auto;
width: 643px;
text-align: left;
background-color: #FFFFFF;
height: 20px;
}
#breadcrumbs a  {
font-family: Arial, Helvetica, sans-serif;
}
/* SEARCH BOX ETC */
#searchbox  {
float: left;
display: inline; /*this solves the margin problem with IE6*/
background-image: url(../images/interface/bg_search.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #688c7a;
line-height: 22px;
width: 236px;
height: 48px;
text-align: center;
}
.searchfield  {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #8e342e;
width: 110px;
height: 15px;
border: 1px solid #37655c;
}

/* FOOTER */

#footer  {
position: relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ebebeb;
margin:auto;
padding-top: 0px;
padding-bottom: 0px;
width: 900px;
text-align: center;
background-color: #791114;
height: 20px;
line-height: 19px;
float: none;
clear: both;
} 
/*
.footer{
	width: 894px;
	height: 14px;
	color: white;
	background-color: #791114;
	text-align: center;
	padding: 3px;
	margin: auto;
}
*/

#footer img {
vertical-align:middle;
}
#footer a {
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
line-height: 17px; 
text-decoration: underline;
}
#footer a:hover {
color: #dad3de;
text-decoration: none;
}


/* CUSTOM CLASSES USED IN SUNRISE EDITOR, SEE SUNRISE.CSS */
.text { 
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 16px;
}
.text2 { 
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
line-height: 16px;
}
.title1 {
color: #8E342E;
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: oblique;
}
.title2 {
color: #8E342E;
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: oblique;
}
.title3 {
color: #8E342E;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
font-style: oblique;
}
.title4 {
color: #8E342E;
font-size: 12px;
font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: oblique;
}
.product_info {
color: #666;
font-size: 13px;
font-family: verdana, helvetica, sans-serif;
font-weight: normal;
font-style: italic;
text-align: justify;
}
.product_info_subtitle {
color: #666;
font-size: 14px;
font-family: verdana, helvetica, sans-serif;
font-weight: normal;
font-style: italic;
text-decoration: underline
}

/* CUSTOM CLASSES */
.text { color: #333; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 16px; text-align: justify }
.info { color: #999; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 16px; text-align: justify }
.title01  { color: #999; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; text-align: justify }
.text-newsletter { color: #909090; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 16px }
.text-newsletter-white { color: white; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 16px }
.field  { font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #999; width: 121px; border-width: 1pt; border-color: #909090; outline-color: orange }
#tbl_top  { border: solid 1px #036 }
#tbl_outer  { border: solid 1px #036 }
#tbl_content  {
padding-left: 28px;
padding-right: 28px;
padding-top: 5px;
padding-bottom: 10px;
width: 597px;
}

/* SUNRISE PRODUCT CLASSES */
.productbox {
vertical-align:middle;
width:100%;
margin:0px 0px 10px 0px;
background: url(../images/interface/bg_products2.gif);
background-color: #f3f3f3;
border-bottom: 1px solid #CBB7B9
}
.product-bttn {
/*float:right;*/
/*clear:both;*/
/*padding:0px 6px 6px*/;
padding-right:6px;
}
.productbox ul {
width: 180px;
list-style-type: none;
margin: 0;
padding: 0px 0px 8px 0px;
}
producttext {
width: 180px;
list-style-type: none;
margin: 0;
padding: 0px 0px 8px 0px;
}
.productimg {
float:left;
width:100px;
height:140px;
padding:0px 6px 0px 0px;
}
.product-hdr {
width: auto;
border: 0px solid black;
padding-top: 6px;
}
.producttitle {
font-size: 110%;
color: #8E342E;
font-weight: bold;
margin-top: 10px;
padding-top: -50px;
}
.productcode {
font-size: 100%;
color: #9F9F9F;
/*font-style: oblique;*/
}
.producttbl {
position: relative;
/*top: 25px;*/
left: 0px;
width: 480px;
border: 1px #e1e6df;
border-left: none;
border-right: none;
background: #ffffff;
margin-left: 110px;
}
.producttbl2 {
/*position: relative;*/
top: 170px;
left: 0px;
width: 360px;
border: 1px #e1e6df;
border-left: none;
border-right: none;
background: #ffffff;
margin-left : 230px;
margin-top : 10px;
}
.producttbl-hdr td {
font-weight: bold;
border-bottom: 1px solid #e6e6e6;
}
.producttbl-hdr {
font-weight: bold;
}
.productdet {
padding:0;
width: 530px;
margin-left: 54px;
/*border: 1px solid #000;
background-color: #c2b7ca;*/
padding: 5px;
/*color: #FFFFFF;*/
}
.productdet img {
padding-top: 4px;
}
.productprice {
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
color: #ACACAC;
font-weight: bold;
}
.productboxbig {
position: relative; 
font-family: verdana, helvetica, sans-serif; 
vertical-align: top; 
width: 100%; 
margin: 0 0 10px 0; 
background-color: #f3f3f3; 
border-bottom: 1px solid #CBB7B9

}
.productimgbig {
float:left;
width:173px;
height:500px;
/* padding:5px 10px 10px 10px; */
margin-right: 10px;
margin-bottom:5px;
background-color: #FFFFFF;
}
.productboxbig ul {
margin-left: 150px;
/*width: 180px;*/
list-style-type: none;
margin: 0;
padding: 0px 0px 8px 0px;
}
.productdetbig {
margin-left: 230px;
padding: 0px;
}

/* SEARCH RESULT + PAGE NAV */
#pagenavbox {
width: 100%;
background-color: #fff;
margin-bottom: 10px;
}
#results {
float: left;
}
#pagenav {
float: right;
}

/* LINKS AND ROLLOVERS */
a { color: #AC8943; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }
a:active { color: #AC8943; font-size: 11px; text-decoration: none }
a:visited { color: #AC8943; font-size: 11px; text-decoration: none }
a:hover { color: #8E342E; font-size: 11px; text-decoration: underline }
.copyright { color: #CCD6E0; font-size: 11px; font-family: Arial,  Helvetica, sans-serif }
a.copyright { color: #FFCC33; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.copyright:active { color: #FFCC33; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.copyright:visited { color: #FFCC33; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
a.copyright:hover { color: #FF6633; font-size: 11px; font-family: Arial,  Helvetica, sans-serif; text-decoration: underline }


/* TOP NAVIGATION MENU */
#navigatie-top {
height: 20px;
width: 400;
background: transparent url(../images/interface/bg_top.gif) left center no-repeat;
font-family:  Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
padding-left: 17px;
padding-right: 16px;
margin-bottom: 30px;
background-color: #37655C;
color: #688c7a;
float: right;
}
#navigatie-top a {
color: #B1C7A6;
line-height: 17px; 
}
#navigatie-top a:hover {
color: #ffffff;
text-decoration: none;
}

/* LEFT NAVIGATION MENU */
#navigatie {
/*border: 1px solid #000;
clear: both;*/
}
dl, dt, dd/*, ul, li*/ {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
position: relative;
padding: 0;
/*top: 1em;
left: 1em;*/
width: 236px;
}
#menu dt {
cursor: pointer;
margin: 0px 0;
border-top: 1px solid #fff;
}
#menu dt a {
background: #E6E6E6 url(../images/interface/bullet04.gif) left center no-repeat;
padding-left:12px;
color: #791213;
text-decoration: none;
display: block;
height: 15px;
text-align:left
}
#menu dt a:hover {
background: #8e342e url(../images/interface/bullet03.gif) left center no-repeat;
text-decoration: none;
color:#fff;
}
#menu dd {
position: absolute;
list-style-type: none;
z-index: 100;
left: 236px;
margin-top: -16px; /*Shift submenu up*/
padding: 0;
}
#menu ul {
list-style-type: none;
width: 236px;
margin: 0;
padding: 0;
background: #CCCCCC;
}
#menu ul li {
/* border-top: 1px solid #fff; */
}
#menu ul li a {
display: block;
padding-left:4px;
color: #791213;
text-decoration: none;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
height: 15px;
text-align:left;
border-top: 1px solid #FFFFFF
}
#menu ul li a:hover {
background-color: #8e342e;
color:#fff;
}

/* IN THE SPOTLIGHT BANNER ON HOMEPAGE */
#spotlightbox {
width: 495px;
height: 130px;
background-color: #f5f5f5;
background: transparent url(../images/interface/bg_spotlights.gif);
border: 1px solid #f5f5f5;
}
#spotlightbox img {
padding-right: 10px;
}
#spotlighttext {
padding: 10px;
font-family:  Arial, Helvetica, sans-serif;
color: #666;
font-size: 11px;
font-weight: bold;
line-height: 15px;
text-align: left;
}

/* BUG FIXES FROM http://positioniseverything.net/easyclearing.html */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-block;
} 
/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

.logoFiller{
	background-color:#CCCCCC;
	height: 30px;
	width: 236px;
	float: left;
}

.menu{
	background-color:#791213;
	padding: 5px;
	height: 20px;
	width: 654px;
	float: left;
	color: white;
float: right;
}

.menuContent{
	float:left;
	margin-top: 3px;
	position: relative;
}

.menuContent a{
	margin-left: 10px;
	margin-right: 10px;
	color: white;
}

.menuContent a:hover{
	color: #CCCCCC;
}

.searchBox{
	float:left;
	margin-top: 2px;
}

/*
input[type=text]{
	height: 14px;
	font-size: 11px;
	width: 120px;
	border: none;
}
*/
.buttons 
{
 position: relative; 
}

#shoppingtable
{
    width: auto !important;
}



#menu a.current {
	background-color: lightgreen;
}


#menu {
	border:1px solid #E6E6E6 ;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:234px;
}

#menu a.head:hover {
	color:#fff0f8;
}


#menu ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#menu li {
	list-style:none outside none; display:inline;
}
#menu li li a {
	color:#791213;
	display:block;
	text-indent:0px;
	text-decoration: none;
	border-top: 1px solid #FFFFFF;
}
#menu li li a:hover {
	background-color:#fff0f8;
	color:#791213;
}


#menu a.head {
	cursor:pointer;
	border-top:1px solid #FFFFFF;
	background:#E6E6E6 url(../images/interface/bullet04.gif) no-repeat scroll 0;
	color:#791213;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:0px;
	text-indent:14px;
	text-decoration: none;
}

/*

#menu a.selected {
	background-image: url(/images/image/minus.gif);
}
*/

#menu a.current {
	background-color:#fff0f8;
}