@charset "UTF-8";
/* CSS Document */

/* reset inconsistent browser styles */
@import url(reset.css);
@import url(base.css);

/* include typography class */
@import url(typography.css);

body {
	background-color: #eeeee9;
	margin: 0;
	padding: 0;
	padding-bottom: 12px;
	
	font-family: Arial, Helvetica, sans-serif;
	color: #767662;
	font-size: 12px;
}

#container {
	position: relative;
	width: 900px;
	padding: 75px 15px 0 15px;
	margin: 0 auto;
}

#header {
	background-color: #D2D2C7;
	width: 810px;
	margin: 0 auto;
	height: 47px;
}

#logo {
	margin: 0;
	padding: 0;
	font-size: 12px;
	
	position: absolute;
	left: 0;
	top: 0;
	
	z-index: 200;
}

ul#topnav {
	margin: 0;
	padding: 0;
	display: block;
	float: right;
	padding-right: 45px;
	padding-top: 13px;
}
ul#topnav li {
	font-size: 15px;
	text-transform: uppercase;
	display: block;
	float: left;
	list-style-type: none;
	padding: 0 11px 0 11px;
}
ul#topnav li a {
	color: #767662;
	text-decoration: none;
}
ul#topnav li a:hover, ul#topnav li.current a, ul#topnav li.section a {
	color: #652300;
	text-decoration: none;
}

#content {
	
	margin-top: 12px;
	margin-bottom: 12px;
	
	/* min-height hack */
	height:auto !important; /* real browsers */
	height:455px; /* IE6: treated as min-height*/
	min-height:455px; /* real browsers */
}

/* content layouts */

/* image slideshow left col */
#leftcol {
	width: 376px;
	height: 470px;
	overflow: hidden;
	position: absolute;
	left: 16px;
	top: 119px;
	z-index: 100;
}
#leftcol div {
	position: absolute;	
	left: 0;
	top: 0;
}
#bg1 {
	z-index: 107;
}
#bg2 {
	z-index: 106;
}
#bg3 {
	z-index: 105;
}
#bg4 {
	z-index: 104;
}
#bg5 {
	z-index: 103;
}
#bg6 {
	z-index: 102;
}
#bg7 {
	z-index: 101;
}

/* general right col */
#rightcol {
	margin-left: 388px;
	height: 455px;
	background: url(../images/rightcolbg.jpg) top left no-repeat;
	overflow: hidden;
}


/* right col slider */
.scrollcontainer {
	width: 420px;
	height: 288px;
	
	overflow: auto;
	
	margin-top: 59px;
	margin-left: 40px;
}
.scrollcontent {
	width: 10000px;
	height: 288px;
}
.scrollitem {
	position: relative;
	float: left;
	
	width: 420px;
	height: 288px;
	
	margin-right: 47px;
	font-size: 13px;
	overflow: hidden;
}
/*
.typography .scrollitem h1, .typography .scrollitem h2 {
	padding-bottom: 10px !important;
}
.typography .scrollitem h1 img.leftAlone, .typography .scrollitem h2  img.leftAlone {
	float: none;
}*/
#scrollpagenation {
	margin-left: 49px;
	margin-top: 41px;
}
#scrollpagenation a {
	display: block;
	border: 1px solid #B6B7A7;
	color: #B6B7A7;
	float: left;
	width: 15px;
	height: 15px;
	line-height: 15px;
	overflow: hidden;
	text-align: center;
	margin-right: 6px;
	font-size: 12px;
}
#scrollpagenation a:hover, #scrollpagenation a.current {
	background-color: #fff;
	text-decoration: none;
}

#scrollpagenation a#leftscrollerarrow {
	width: 16px;
	height: 16px;
	border-width: 0px;
	background: url(../images/leftarrow.png) right 1px no-repeat;
}
#scrollpagenation a#leftscrollerarrow:hover {
	background: url(../images/leftarrow_over.png) right 1px no-repeat;
}

#scrollpagenation a#rightscrollerarrow {
	width: 16px;
	height: 16px;
	border-width: 0px;
	background: url(../images/rightarrow.png) left 1px no-repeat;
}
#scrollpagenation a#rightscrollerarrow:hover {
	background: url(../images/rightarrow_over.png) left 1px no-repeat;
}

/* normal page */
#rightcolcontent {
	width: 420px;
	height: 288px;
	
	margin-top: 59px;
	margin-left: 40px;
}

/* footer */
#footer {
	background-color: #D2D2C7;
	width: 810px;
	margin: 0 auto;
	height: 64px;
	position: relative;
}

#contact1, #contact2, #contact1 a, #contact2 a {
	color: #767662;	
	font-size: 11px;
	text-decoration: none;
}
#contact1 a:hover, #contact2 a:hover {
	text-decoration: none;	
	color: #652300;
}
#contact1 {
	position: absolute;
	top: 16px;
	left: 347px;
}
#contact2 {
	position: absolute;
	top: 16px;
	left: 515px;
}

a#SubscribeLink {
	text-decoration: none;
	color: #652300;
	display: block;
	position: absolute;
	top: 5px;
	left: 8px;
	padding-left: 52px;
	padding-top: 20px;
	padding-bottom: 17px;
	padding-right: 5px;
	background: url(../images/footer-subscribe.jpg) left top no-repeat;
}

a#SubscribeLink:hover {
	text-decoration: none;	
}


/* page specific styles */

.products #rightcolcontent {
	padding-top: 90px;
}


.contact #rightcolcontent {
	font-size: 16px;
	margin-top: 98px;
	margin-left: 133px;
}

/* seo */
.seo {
	display: none;	
}


/* Long pages (products and news) */
#LongPage {
	background: url(../images/bg-long-overflow.jpg) top center repeat-y;
}
#LongPageContent {
	background: url(../images/bg-long.jpg) top center no-repeat;
}

/* products page */
#Suppliers {
	padding: 74px 82px 46px 42px;	
}
.supplier {
	padding: 0 0 40px 0;
	clear: both;
}
.supplier img {
	float: left;
	width: 313px;
	margin-top: 4px;
	border: 1px solid #652300;
	margin-bottom: 40px;
}
.supplier h2, .supplier li, .supplier p {
	margin-left: 333px;	
	font-size: 12px;
}
.supplier h2 {
	font-weight: normal;
	margin-bottom: 0 !important;
	padding: 0 !important;
}
.supplier h2 span.shortDesc {
	color: #767662;
}
.supplier ul {
	margin: 0;	
	padding: 0;
	margin-top: 8px;
	margin-bottom: 8px;
}
.supplier li {
	padding-left: 15px;
	list-style-type: none;
	background: url(../images/li-box.gif) 0 4px no-repeat;	
}

/* so that things actually do fade in without blinking */
.FadeIn {
	visibility: hidden;	
}