/*
Author: Alexandru Stefan
Date: 2007.11.11


Black: #000;
White: #FFF;
Orange: #F60;
*/



/*
= Base ============================================================== 
*/

* {
    margin:0;
    padding:0;    
}

body {
    font-family:Arial, Verdana, sans-serif;
    font-size:14px;
    color:#000;
    background-color:#FFF;    
}

a {
    color:#FFF;
    font-family:Verdana, sans-serif;
    font-size:12px;
    text-decoration:none;    
}

a img {
    border:none;    
}

form label {
    cursor:pointer;    
}

ul {
    list-style:none;    
}

.separator {
    border-bottom:1px dotted #fff;
    margin-bottom:5px;    
}
/*
= End base ==============================================================
*/

/*
= Layout (common) =======================================================
*/
#wrapper {
    margin-top:20px;
    width:960px;
    position:relative;
    left:50%;
    margin-left:-480px;
    background:url('../img/layout/two_col.jpg') repeat-y top left;    
}

#header {
    height:236px;    
}

#top {
    position:relative;
    width:960px;
    height:84px;
    background:url('../img/layout/header_top.jpg') no-repeat top left;
}

#top h1 {
    position:absolute;
    width:258px;
    height:18px;
    background:url('../img/layout/logo.jpg') no-repeat top left;
    top:26px;
    left:24px;
}

#top h1 span {
    display:none;    
}

#bottom {
    position:relative;
    width:960px;
    height:152px;
    background:url('../img/layout/header_bottom_2col.jpg') no-repeat top left;
}

#bottom form {
    width:auto;
    position:absolute;
    top:10px;
    right:0;    
}

#bottom form p {
    float:left;    
}

#bottom form p label {
    font-family:Verdana, sans-serif;
    font-weight:bold;
    color:#000;    
}

#bottom form input {
    border:1px solid #BCBCBC;
    margin-left:5px;
}

#bottom form input.button {
    border:none;    
}

#bottom form.hide {
    visibility:hidden;    
}

#sidebar {
    width:200px;
    float:left;
    border-top:5px solid #F60;        
}

#content {
    width:760px;
    float:right;
    padding-bottom:10px;    
}

#main_content {
    width:706px;
    float:left;
    padding:0 26px 0 28px;    
}

#main_content div.listItem {
    border:1px solid #999;
    padding:5px;
    background-color:#333;
    margin-bottom:5px;
    color:#fff;    
}

#main_content div.listItem h3,
#main_content div.listItem p {
    color:#fff;
    margin-bottom:5px;
    padding:0;
}

#main_content div.listItem p.product_picture {
    width:140px;
    float:left;
    margin-bottom:0;
    margin-right:50px;
    padding:0;
}

#main_content div.listItem p.product_picture a img {
    border:3px solid #fff;     
}

#main_content blockquote.hasHtml {
    color:#fff;
}

#main_content blockquote.hasHtml li {
    list-style:disc;
    margin-left:15px;    
}

#secondary_content {
    display:none;    
}

#manufacturers_nav, 
#categories_nav {
    margin-top:15px;    
}

#manufacturers_nav li,
#categories_nav li {
    width:181px;
    height:25px;
    margin-left:13px;
    margin-bottom:5px;
    background:#000 url( '../img/layout/button_orange.jpg' ) no-repeat top left;
}

#manufacturers_nav li a,
#categories_nav li a {
    width:171px;
    padding-left:5px;
    padding-top:6px;
    font-size:10px;
    font-weight:bold;
    color:#FFF;
    display:block;
    background:transparent url( '../img/layout/arrows_matte_orange.gif') no-repeat 92% 75%;
}

form table {
    width:100%;
    margin:0 auto;
}

form table td {
    padding:5px;    
}

form table td input, 
form table td textarea {
    border:1px solid #999;
    background-color:#333;
    color:#fff;    
}

form table td input.submit {
    font-weight:bold;
    padding:0 5px;
}

td.label {
    width:200px;
    text-align:right;
    color:#FFF;
}

td.top {
    vertical-align:top;    
}

td.texterr {
    color:red;    
}

#product_details {
    width:706px;
}

#product_details div.product_headlines table {
    color:white;
    width:522px;
}

#product_details div.product_headlines table caption {
    font-weight:bold;
    color:white;
    text-align:left;
    margin-bottom:5px;        
}

#product_details div.product_headlines table tr,
#product_details div.product_headlines table td {
    margin:0;
    padding:3px;    
}

#product_details div.product_headlines table tr.rowodd, 
#product_details div.product_headlines table tr.rowodd td {
    background-color:#4F4F4F;    
}

#product_details div.product_headlines table tr.roweven, 
#product_details div.product_headlines table tr.roweven td {
    background-color:#333    
}

#product_details div.product_picture {
    float:left;
    margin-right:20px;
    padding:0;
    width:163px;
} 

#product_details div.product_picture p a img {
    border:3px solid #fff;    
}

#product_details div.product_headlines {
    float:left;
    width:522px;
}

#product_details div.product_headlines h3,
#product_details div.product_headlines p,
#product_details div.product_headlines blockquote {
    color:#FFF;
    padding-bottom:5px;    
}

#footer {
    position:relative;
    clear:both;
    width:960px;
    height:33px;
    background:#fff url('../img/layout/footer_2col.jpg') no-repeat top left;
}

#footer p {
    position:absolute;
    top:10px;
    left:216px;    
}
/*
= End Layout (common) ==================================================
*/

/*
= Layout (homepage) ====================================================
*/
#homepage #wrapper {
    background:url('../img/layout/three_col.jpg') repeat-y top left;        
}

#homepage #bottom {
    background:url('../img/layout/header_bottom_3col.jpg') no-repeat top left;        
}

#homepage #main_content {
    width:506px;
    float:left;
    padding:0 26px 0 28px;
}

#product_news {
    float:left;
    margin:0 auto;
}

#product_news li {
    float:left;
    position:relative;
    width:155px;
    height:155px;
    margin-right:20px;
    margin-bottom:20px;
    background-color:#FFF;
}

#product_news li p {
    position:relative;
    top:0;
    left:0;
    background-color:#333;
    text-align:left;
    width:151px;
    height:32px;
    padding:2px;    
}

#product_news li.last_in_row {
    margin-right:0;    
}

#product_news a.pnbottom {
    display:block;
    position:relative;
    width:147px;
    height:18px;
    background:#333 url( '../img/layout/arrows_matte_grey.gif' ) no-repeat 95% 50%;
    left:0px;
    padding-left:8px;
    padding-top:2px;
    text-align:left;    
}

#product_news a {
    margin:0;
    padding:0;
    width:155px;
    height:105px;
    display:block;
}

#product_news a img {
    display:block;
    margin:0 auto;     
}

#product_delivery li {
    color:#fff;    
}

#product_delivery li a {
    text-decoration:underline;    
}

#homepage #secondary_content {
    display:block;
    width:200px;
    float:right;
    border-top:5px solid #F60;
    padding-top:40px;
}

#homepage #footer {
    background:#fff url('../img/layout/footer_3col.jpg') no-repeat top left;    
}
/*
= End Layout (homepage) ================================================
*/

/*
= Typography ===========================================================
*/
#footer p {
    font-family:Verdana, sans-serif;
    font-size:10px;
    color:#666;    
}

#site_nav {
    margin-left:19px;
    margin-top:18px;
    font-weight:bold;
    color:#FFF;
    width:158px;
}

#site_nav li {
    background:url( '../img/layout/arrows_matte_black.gif' ) no-repeat 100% 25%;
    padding-bottom:6px;    
}

#site_nav a {
    display:block;
    width:158px;
    font-family:Verdana, sans-serif;    
}

#content h2 {
    color:#FFF;
    font-family:Verdana, sans-serif;
    font-size:15px;
    font-weight:bold;
    padding-top:6px;
    padding-bottom:5px;
}

#main_content p {
    font-family:Arial, sans-serif;
    font-size:12px;
    color:#FFF;
    padding-bottom:5px;    
}

#product_news a {
    font-size:12px;
    font-family:Arial, sans-serif;
    font-weight:bold;    
}
/*
= End Typography =======================================================
*/

/*
= Hacks =================================================================
*/
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
/* End hide from IE-mac */

/*
= End Hacks ==============================================================
*/