html, body {

	background-color: #383735;
	margin: 0;
	padding: 0;
	text-align: left;
	height: 100%;
	z-index: 0;

}


/* Common Functions ================ */

.clear { clear: both; }
.trans { border: 0; }

.image-left { display: block; clear: left; float: left; }
.image-right { display: block; clear: right; float: right; }

/* Wrappers ======================== */

#wrapper {
	
	display: block;
	position: relative;
	width: 975px;
	margin-left: -487px;
	top: 0px;
	left: 50%;
	
}

#header {
	
	display: block;
	width: 975px;
	height: 85px;
	background: url(../images/header.gif) no-repeat;
	text-transform: uppercase;
}

#content-wrapper {
	
	display: block;
	width: 914px;
	background: url(../images/main-bg.gif) repeat-y;
	background-position: 2px 0px;
	padding-left: 29px;
	padding-right: 32px;

}

#sidebar {
	
	width: 220px;
	display: block;
	float: left;
	margin-right: 23px;
	padding-bottom: 25px;
}

#content {
	
	width: 671px;
	display: block;
	float: left;
	
}


/* Logo ------------------------------ */

h1.logo {
	
	display: block;
	width: 220px;
	height: 108px;
	position: absolute;
	left: 50%;
	margin-left: -458px;
	top: 27px;
	z-index: 2;
	text-indent: -9999px;
}


h1.logo a {
	
	display: block;
	width: 220px;
	height: 108px;
	outline: 0;
	background: url(../images/logo.png) no-repeat;
}

h1.logo a:hover {
	
	position: relative;
	top: 1px;
	left: 1px;
}

div#delivery {
	
	position: absolute;
	left: 50%;
	margin-left: 347px;
	top: 241px;
	z-index: 5;
	background: url(../images/delivery.png) no-repeat;
	height: 137px;
	width: 117px;
	text-indent: -9999px;
	font-size: 11px;
	
}

div#delivery-int {
	
	position: absolute;
	left: 50%;
	margin-left: -234px;
	top: 240px;
	z-index: 5;
	background: url(../images/delivery.png) no-repeat;
	height: 137px;
	width: 117px;
	text-indent: -9999px;
	font-size: 11px;
	
}

/* Header ---------------------------- */

#header p {
	
	font-size: 11px;
	font-family: arial,sans-serif;
	color: #dddd21;
	float: right;
	margin-top: 27px;
	margin-right: 35px;
	
}

#header p strong {
	
	font-weight: bold;
	color: #abaaaa;
	
}

#header p a {
	
	color: #dddd21;
	text-decoration: none;
}

#header p a:hover {
	
	color: #dddd21;
	text-decoration: underline;
	
}

/* Top Navigation -------------------------- */

#top-nav {
	
	display: block;
	width: 905px;
	height: 70px;
	background: url(../images/main-bg.gif) repeat-y;
	background-position: 2px 0px;
	padding-left: 46px;
	padding-right: 26px;
	
}


#top-nav div#links {
	
	display: block;
	float: right;
	clear: right;
	padding-top: 25px;
		
}

div#links li {
	
	float: left;
	display: inline-block;
	margin-right: 5px;
	height: 25px;
	border-right: 1px solid #e9e9e9;
	padding-left: 7px;
	padding-right: 12px;
	padding-top: 5px;
}

div#links li a {
	
	color: #848484;
	font-size: 12px;
	display: block;
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 7px;
	padding-right: 7px;
}

div#links li a:hover, div#links li.active a {
	
	background-color: #eded32;
	color: #1d1c1b;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div#links li.last {
	
	border-right: 1px solid #fff;;
	
}

/* Sidebar ------------------------------------------- */

#sidebar ul {
	
	display: block;
	width: 220px;
	
}

#sidebar li { 
	
	display: block;
	height: 29px;
	width: 220px;
	margin-bottom: 1px;
	
}

#sidebar li a {
	
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	display: block;
	background: url(../images/sidebar.gif) no-repeat;
	font-size: 11px;
	padding-top: 7px;
	padding-left: 11px;
	height: 22px;
	width: 209px;
	text-shadow: 0px -1px #7a7a7a;
	
}

#sidebar li a:hover {


}

a.s1:hover { background-position: -220px 0px !important; }
a.s2 { background-position: 0px -30px !important; }
a.s2:hover { background-position: -220px -30px !important; }
a.s3 { background-position: 0px -30px !important; }
a.s3:hover { background-position: -220px -30px !important; }
a.s4 { background-position: 0px -30px !important; }
a.s4:hover { background-position: -220px -30px !important; }
a.s5 { background-position: 0px -30px !important; }
a.s5:hover { background-position: -220px -30px !important; }
a.s6 { background-position: 0px -30px !important; }
a.s6:hover { background-position: -220px -30px !important; }
a.s7 { background-position: 0px -30px !important; }
a.s7:hover { background-position: -220px -30px !important; }
a.s8 { background-position: 0px -30px !important; }
a.s8:hover { background-position: -220px -30px !important; }
a.s9 { background-position: 0px -30px !important; }
a.s9:hover { background-position: -220px -30px !important; }
a.s10 { background-position: 0px -30px !important; }
a.s10:hover { background-position: -220px -30px !important; }
a.s11 { background-position: 0px -30px !important; }
a.s11:hover { background-position: -220px -30px !important; }
a.s12 { background-position: 0px -30px !important; }
a.s12:hover { background-position: -220px -30px !important; }
a.s13 { background-position: 0px -30px !important; }
a.s13:hover { background-position: -220px -30px !important; }
a.s14 { background-position: 0px -30px !important; }
a.s14:hover { background-position: -220px -30px !important; }
a.s15 { background-position: 0px -30px !important; }
a.s15:hover { background-position: -220px -30px !important; }
a.s16 { background-position: 0px -30px !important; }
a.s16:hover { background-position: -220px -30px !important; }
a.s17 { background-position: 0px -30px !important; }
a.s17:hover { background-position: -220px -30px !important; }
a.s18 { background-position: 0px -30px !important; }
a.s18:hover { background-position: -220px -30px !important; }
a.s19 { background-position: 0px -30px !important; }
a.s19:hover { background-position: -220px -30px !important; }
a.s20 { background-position: 0px -30px !important; }
a.s20:hover { background-position: -220px -30px !important; }
a.s21 { background-position: 0px -30px !important; }
a.s21:hover { background-position: -220px -30px !important; }
a.s22 { background-position: 0px -30px !important; }
a.s22:hover { background-position: -220px -30px !important; }
a.s23 { background-position: 0px -30px !important; }
a.s23:hover { background-position: -220px -30px !important; }
a.s24 { background-position: 0px -30px !important; }
a.s24:hover { background-position: -220px -30px !important; }


/* Content Wrappers -------------------------------------- */

#cycle {
	
	display: block;
	width: 671px;
	height: 200px;
	margin-bottom: 19px;
	clear: both;
	position: relative;
	z-index: 1 !important;
	overflow: hidden;
	
}

#copy {
	
	display: block;
	width: 442px;
	float: left;
	padding-right: 25px;
	padding-left: 7px;	
	
}

#copy p a {
	
	color: #034694;
	font-weight: bold;
	text-decoration: none;
	
}

#copy p a:hover {
	
	color: #201c70;
}

#right-sidebar {
	
	display: block;
	float: left;
	width: 197px;
	padding-top: 10px;
	padding-bottom: 25px;
	
}

#download {
	
	display: block;
	width: 197px;
	height: 85px;
	background: url(../images/download.png) no-repeat;
	padding-top: 134px;
	margin-bottom: 11px;
	
}

#download h1 {
	
	display: block;
	text-align: center;
	font-size: 11px;
}

#download h1 a {
	
	font-weight: bold;
	text-decoration: none;
	color: #d0d0d0;
	display: inline-block;
	padding: 5px;
	padding-left: 7px;
	padding-right: 7px;
	margin-bottom: 3px;
}

#download h1 a:hover {
	
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #080807;
	color: #eeed3c;

}	

#download h2 {
	
	display: inline-block;
	width: 165px;
	height: 45px;
	margin-left: 16px;
	
}

#download h2 a {
	
	display: inline-block;
	width: 165px;
	height: 45px;
	background: url(../images/dl-button.png) no-repeat;
	background-position: 0px 0px;

}

#download h2 a:hover {
	
	position: relative; 
	top: 1px;
	left: 1px;
}

#request {
	
	display: block;
	width: 165px;
	height: 238px;
	background: url(../images/request.png) no-repeat;
	padding-top: 68px;
	padding-left: 16px;
	padding-right: 16px;
	
}

#request p {
	
	font-size: 11px;
	color: #d0d0d0;
	font-family: arial,sans-serif;
	padding-left: 4px;
	padding-right: 2px;
	line-height: 16px;
	margin-bottom: 9px;
}

#request input.text, div#request textarea {
	
	display: block;
	margin-bottom: 9px;
	border: 0;
	background-color: #fff;
	font-size: 11px;
	padding: 3px;
	margin-left: 5px;
	width: 150px;
	color: #545454;

}

#request textarea {
	
	height: 60px;
}

#request input.submit {
	
	display: block;
	width: 165px;
	height: 45px;
	background: url(../images/request-button.png) no-repeat;
	padding: 0;
	border: 0;
	cursor: pointer;
}

#request input.submit:hover {
	
	position: relative;
	left: 1px;
	top: 1px;
}

.pricelist {
	
	display: block;
	font-size: 9px;
	color: #797979;
	text-align: justify;
	margin-top: 6px;
	padding: 5px;
}

.pricelist b {
	
	color: #db1515;
}

/* Content Formatting ------------------------------- */

#copy h1 {
	
	display: block;
	font-family: lucida sans,arial,sans-serif;
	font-size: 32px;
	letter-spacing: -2px;
	color: #2e2e2a;
	margin-bottom: 15px;
	
}

#copy h2 {
	
	display: block;
	margin-bottom: 20px !important;
	text-align: center;
	color: #d0d014;
	font-size: 18px;
	letter-spacing: -1px;
	font-family: lucida sans,arial,sans-serif;
}

#copy h3 {
	
	display: block;
	margin-bottom: 5px !important;
	text-align: left;
	font-size: 21px;
	padding-top: 0px;
	letter-spacing: -1px;
	background: url(../images/dl.gif) no-repeat;
	background-position: 0px 2px;
	padding-left: 34px;
	height: 36px;
	color: #2e2e2a;
	
}

#copy p {
	
	font-size: 12px;
	font-family: arial,sans-serif;
	color: #242424;
	line-height: 19px;
	margin-bottom: 20px;
	text-align: justify;

}

#copy p strong {
	
	font-weight: bold;
	color: #2e2e2a;
}

ul.choose {
	
	display: block;
	padding-left: 20px;
	font-size: 12px;
	font-family: arial,sans-serif;
	color: #242424;
}

ul.choose li {
	
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	color: #a0a0a0 !important;
	padding-left: 32px;
	height: 19px;
	padding-top: 5px;
	
}

ul.choose li.c1 { background: url(../images/c1.gif) no-repeat; }
ul.choose li.c2 { background: url(../images/c2.gif) no-repeat; }
ul.choose li.c3 { background: url(../images/c3.gif) no-repeat; }
ul.choose li.c4 { background: url(../images/c4.gif) no-repeat; }
ul.choose li.c5 { background: url(../images/c5.gif) no-repeat; }
ul.choose li.c6 { background: url(../images/c6.gif) no-repeat; }
ul.choose li.c7 { background: url(../images/c7.gif) no-repeat; }

/* Products ------------------------------------- */

.product, .product-large {
	
	display: block;
	float: left;
	width: 213px;
	margin-right: 15px;
	margin-bottom: 10px;
	
}

.product-large {
	
	width: 442px;
	margin-right: 0px;

}

.product h3, .product-large h3 {
	
	display: block !important;
	color: #fff !important;
	letter-spacing: -1px;
	font-family: lucida sans,arial,sans-serif !important;
	font-weight: bold !important;
	padding: 6px !important;
	padding-left: 9px !important;
	font-size: 15px !important;
	margin-bottom: 0px !important;
	background: url(../images/blank.gif) no-repeat !important;
	background-color: #2e2e2a !important;
	height: auto !important;
}

.product p, .product-large p {
	
	display: block;
	padding: 14px;
	border-bottom: 1px solid #e0e0e0;
	height: 100px !important;
	color: #383838;
	font-size: 11px !important;
	line-height: 16px !important;
	padding-left: 0px;
	padding-right: 0px;
}

.product p.short {
	
	height: 40px !important;
}

.product-large p {
	
	padding-top: 0px;
	height: auto !important;
	padding-bottom: 16px;
}

.product p strong {
	
	color: #034694;
	font-weight: bold;
}

div.last {
	
	margin-right: 0px;

}

.product img {
	
	display: block;
	width: 213px;
	height: 148px;
	border: 0px;
}

.product-large img {
	
	display: block;
	width: 442px;
	height: 200px;
	border: 0px;
	margin-bottom: 15px;
}

ul.royden {
	
	display: block;
	
}

ul.royden li {
	
	display: block;
	padding-left: 65px;
	padding-top: 4px;
}

ul.royden li h4 {
	
	display: block;
	font-family: lucida sans,arial,sans-serif;
	color: #91278f;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	padding-bottom: 7px;
	margin-bottom: 10px !important;
	border-bottom: 1px solid #e8e8e8;
}

ul.royden li.r1 { background: url(../images/r1.gif) no-repeat; }
ul.royden li.r2 { background: url(../images/r2.gif) no-repeat; }
ul.royden li.r3 { background: url(../images/r3.gif) no-repeat; }
ul.royden li.r4 { background: url(../images/r4.gif) no-repeat; }
ul.royden li.r5 { background: url(../images/r5.gif) no-repeat; }
ul.royden li.r6 { background: url(../images/r6.gif) no-repeat; }

/* Technical Data ------------------------------- */

table.dl { width: 100%; margin-bottom: 20px; }

table.dl th, table.dl td {
	
	padding: 5px;
	font-size: 11px;
	padding-left: 7px;
	
}

table.dl tr:hover {
	
	background-color: #ebebeb;
}

table.dl td {
	
	border-bottom: 1px solid #e0e0e0;
}

table.dl td strong {
	
	font-weight: bold;
	font-size: 12px;
	display: block;
	margin-bottom: 4px;
	color: #4b4b46;
}


table.dl th.prod {
	
	background-color: #32322e;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid #fff;
	-moz-border-radius-topleft: 5px;
	border-radius-topleft: 5px;	
	
}

table.dl th.pdf {
	
	background-color: #4b4b46;
	color: #fff;
	font-weight: bold;
	-moz-border-radius-topright: 5px;
	border-radius-topright: 5px;	
	width: 123px !important;	
}

table.dl img {
	
	width: 123px;
	height: 45px;
	border: 0;
}

/* Contact Form --------------------------------- */

.contactform fieldset {
	
	display: block;
	padding: 10px;
	border: 1px solid #d6d6d6;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	background-color: #e2e0e0;	
	margin-bottom: 15px !important;
	position: relative;
	margin-top: 10px;
	padding-top: 20px;	
	
}

.contactform legend {
	
	font-weight: bold;
	font-size: 12px;
	color: #1d1c1b;
	position: absolute;
	top: -10px;	
}

.contactform label {
	
	display: inline-block;
	padding: 3px;
	width: 120px;
	background-color: #fff;]
	float: left;
	color: #9b9b9b;
	font-size: 11px;
	font-weight: bold;
	padding-left: 8px;
	border-right: 5px solid #dedd21;
	margin-right: 6px;
	vertical-align: top;	
}

.contactform p {
	
	clear: both;
	margin-bottom: 5px !important;
}

.contactform input.text, .contactform textarea.textarea {
	
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #d6d6d6;
	background-color: #fff;	
	padding: 6px;
	font-size: 12px;
	color: #3f3f3f;
	display: inline-block;
	margin-top: -2px !important;
	width: 180px;		
	
}

.contactform label em {
	
	color: #ca1616;
	font-weight: normal !important;
}

.contactform button.button {
	
	display: inline-block;
	margin-left: 142px;
	margin-top: 10px !important;
	width: 165px;
	height: 45px;
	border: 0;
	padding: 0;
	background: url(../images/submit.gif) no-repeat;
	cursor: pointer;
}

/* Footer --------------------------------------- */

#footer {
	
	display: block;
	width: 937px;
	height: 55px;
	background: url(../images/footer.gif) no-repeat;
	background-position: 1px 0px;
	clear: both;
	padding-top: 55px;
	padding-left: 38px;
	
}

#footer h2 {
	
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #c8c8c8;
	font-family: arial,sans-serif;
	margin-bottom: 5px;
}

#footer span {
	
	font-size: 11px;
	color: #b0b0b0;
	font-family: arial,sans-serif;
}

#footer span strong {
	
	font-weight: bold;
	color: #dfdf20;
}

#footer span a {
	
	color: #dfdf20;
	font-weight: bold;

}

#footer span a:hover {
	
	text-decoration: none;
}

#footer span.disclaimer {
	
	display: block;
	font-size: 9px;
	float: right;
	padding-right: 25px;
	padding-top: 4px;
}