/******* Header *******/
#header { background-image: url("../img/header_product.jpg"); width: 800px; height: 175px; }
#logo { position: absolute; top: 106px;}
#contents {border-top: 1px solid #212121; clear: both; }
#header p {background-image: url("../img/translucent.png"); float: right;}
#printHeader {display: none}

/******** Home Page **********/
#index-desc { background: url("../img/crisscross.jpg") no-repeat; padding: 10px;}
#index-desc p  {background-image: url("../img/translucent.png"); margin-left: 350px; }
.left-image {float: left;  padding: 15px; margin-top: 10px}
.featured-product-item { float: left; width: 250px; background-image: url("../img/translucent.png"); font-size: .8em; line-height: .95em;} 
.featured-product-item a { font-size: 1.2em; line-height: 1.3em} 
.featured-product-item img {float: left; margin: 5px;}

/******** Product Page *********/
#product-desc { background: url("../img/crisscross.jpg") no-repeat; padding-left: 10px;}
#product-desc p {font-size: .9em}
#product-desc h3 {background-image: url("../img/translucent.png"); padding: 10px; }
#product-desc .transparent {margin-left: 150px;}
.transparent { background-image: url("../img/translucent.png"); padding: 10px; margin-left: 50px}

#manufacturer { clear: right; float: right; padding: 5px;}
#prod_thumbnails { float: left; margin: 5px 20px 0px 10px; }
#prod_thumbnails img {border: 2px solid #000;}

h2 { padding: 20px 10px;font-size: 2.25em;font-style: italic;font-weight: normal; }
.header { color: #C0C0C0; font-size: .8em; font-weight: bold}
#big_image { float: right}
.brand-item { width: 140px; height: 60px; float: left; text-align: center; margin: 10px;  padding: 2px}
ul {list-style-type: none; }

/******** MENU & BREADCRUMBS *******/
#breadcrumbs ul { font-size: 1em; margin-left: 0px; float: left; }
#breadcrumbs li { display: inline; }
#breadcrumbs ul li:before { content: "\0020 \0020 \0020 \00BB \0020"; }
#breadcrumbs ul li.first:before { content: " "; }
#navigation ul { font-size: 1em; margin-left: 0px; float: right; }
#navigation li { padding-right: 20px; display: inline; }
#navigation li a:hover { color: #69c; }

/********** About & Contact *******/
#contact-desc { background: url("../img/crisscross.jpg") no-repeat; }

/******* Structure *******/
* { margin: 0; padding: 0; font-size: 95%; }
body { color: #333; background-color: #fff; font: 100%/1.5em Verdana, sans-serif; background-image: url("../img/background.jpg");}
#package { width: 800px; margin: 5px auto; margin-bottom: 0px; border: 1px solid #212121; padding: 5px; background-color: #fff;}

/******* Links *******/
a { color: #069; text-decoration: none; }
a img { border: none; }

/******* Typography *******/
p { font: 90%/1.8em Verdana, Sans-serif;margin-bottom: 5px;padding: 5px;}
p a {border-bottom: 1px dotted #ccc;}
blockquote {padding: 0 10px;margin: 0 50px 20px;}
cite {display: block;font-style: normal;text-align: right;}

/******* Forms *******/
#contact-form {	margin-top: 80px;}
#guideline {float: right;color: #333;width: 241px;font: 90% Verdana, Sans-serif;}
#guideline h4 {	border-bottom: 1px dotted #333;text-transform: uppercase;font: 110% Helvetica, Sans-serif;padding-bottom: 6px;}
#guideline ul {list-style-type: square;margin: 6px 0 30px 15px;}
#guideline li {margin-bottom: 12px;}
form {background-color: #e2e4db;width: 320px;font-size: 90%;padding: 9px 9px 25px; border-left: 1px solid #212121; border-bottom: 1px solid #212121}
fieldset {	border: none;}
form label {display: block;color: #333;font: 100% Helvetica, Sans-serif;text-transform: uppercase;line-height: 150%;margin-bottom: 15px;}
form label small {display: block;color: #888;font-size: 80%;text-transform: none;text-align: right;margin-left: 40%;margin-top: -1.55em;}
form label small a:hover {color: #666;border-color: #888;}
form input, form textarea {	display: block;width: 100%;}
form textarea {	height: 200px;}
form input#submit {	float: right;display: block;	width: 120px;}
form p.success {color: #6cc33c; background: #e2e4db url("../img/icon-tick.gif") left center no-repeat; font-size: 99%; margin: 0 0 9px; padding-left: 24px; }
form p.error { color: #ff4242; background: #e2e4db url("../img/icon-cross.gif") left center no-repeat; font-size: 99%; margin: 0 0 9px; padding-left: 24px;}

/******* Footer *******/
#credits { width: 800px; margin: 0px auto; color: #C0C0C0; font-size: .6em; padding: 0px;}
#footer { background-color: black; height: 50px; font-size: .8em; padding-bottom: 5px; color: #C0C0C0;}
#logo_fbi { position: relative; top: -96px; float: right; margin-bottom: -96px; }