@import url(reset.css);
@import url(snippets.css);

/* Elements
============================================================ */

body { background:#fff; color:#000; }

body, input, textarea, button, cite { font-family:"trebuchet ms",arial,verdana,sans-serif; font-size:14px; font-family:arial,verdana,sans-serif; font-size:13px; }
body { line-height:21px; }
h1, h2, h3, #header-menu { /*font-family:Georgia,"Times New Roman",serif;*/ text-transform:uppercase; font-weight:bold; }

a       { text-decoration:none; color:#cf2930; }
a:hover { text-decoration:underline; }

h1, h2, h3 { -text-transform:uppercase; font-weight:normal; }
h1 a { color:#000; }
/*
h1 { font-size:26px; line-height:1.5em; }
h2 { font-size:22px; line-height:1.5em; }
h3 { font-size:20px; line-height:1.5em; }
*/
h1 { font-size:22px; line-height:39px; }
h2 { font-size:18px; line-height:33px; }
h3 { font-size:16px; line-height:30px; }

label { display:block; float:left; width:150px; line-height:34px; color:#444; }
input { width:284px; border:1px solid #ddd; padding:7px; background:#ddd; }
textarea { width:284px; height:140px; border:1px solid #ddd; padding:7px; background:#ddd; }
textarea:focus, input:focus { border-color:#cf2930 !important; }
form p.buttons { /*margin-left:150px;*/ }
button { background:#555; color:#fff; padding:7px; border:0; }
button:hover { background-color:#cf2930;  }

dt { color:gray; }
dd { margin:-21px 0 0 60px; }

hr { border:0; border-top:1px solid #ccc; margin:15px 0; clear:both; }

/* Classes
============================================================ */

.wrap { width:960px; }

.gray { color:gray !important; }

.col50   { width:50%; float:left; margin-bottom:20px; }
.col50 p { margin-top:0; }

.notification_error,
.notification_success,
.notification_notice  { margin:0 0 1em; border-width:2px; border-style:solid; padding:8px; }
.notification_error   { background:#FBE3E4; border-color:#FBC2C4; color:#8A1F11; }
.notification_success { background:#E6EFC2; border-color:#C6D880; color:#264409; }
.notification_notice  { background:#FFF6BF; border-color:#FFD324; color:#514721; }

/* Header
============================================================ */

#header         { padding:40px 0 40px; }
#header-title a { display:block; width:300px; height:80px; background:url(../img/title-noshadow.png); text-indent:-9000px; }
#header-menu    { line-height:26px; padding:22px 0 0; /*font-size:15px;*/ font-size:14px; }
#header-menu li { float:left; }
#header-menu a  { display:block; margin-left:2.2em; /*text-indent:-9000px;*/ padding:5px 0; color:#000; }
#header-menu a:hover   { border-bottom:1px solid #CF2931; text-decoration:none; }
#header-menu .active a { border-bottom:4px solid #CF2931; }
#header-text    { padding-top:54px; width:460px; line-height:1.9em; }
#header-text h2 { margin:20px 0; }
#header-text p  { margin:15px 0; }

/* Container
============================================================ */

#content { width:620px; }
#rail    { width:300px; }

#content.styled { margin:1.5em 0 2em; }

#frontpage { margin:-3px -4px -0 -4px; padding:3px 4px 10px 4px; background:url(../img/frontpage-bg.png); line-height:0px; }
.promo     { margin:0 0 15px 0; line-height:0px; height:200px; overflow:hidden; }

#slideshow { position:relative; height:200px; }
#slideshow img { position:absolute; top:0; left:0; z-index:8; }
#slideshow img.active { z-index:10; }
#slideshow img.last-active { z-index:9; }

.products { margin-top:15px; margin-right:-4px; }
.products li { text-align:center; float:left; margin:0 12px 14px 0; margin-right:10px; width:200px; font-size:12px; color:#333; }
.products a.border  { display:block; border:1px solid #ddd; width:150px; height:169px; padding:22px 24px; margin-bottom:5px; }
.products li a.border:hover { border-color:#cf2930; }

.brands { margin-top:15px; }
.brands li { text-align:center; float:left; margin:0 12px 14px 0;  }
.brands a  { display:block; border:1px solid #ddd; width:180px; height:120px; padding:8px; }
.brands a:hover { border-color:#cf2930; }

.styled { text-align:justify; }
.styled .left  img { border:1px solid #ddd; padding:7px; margin:0.1em 1.1em 3px 0; }
.styled .right img { border:1px solid #ddd; padding:7px; margin:0.1em 0 3px 1.1em; }
.styled img.border { border:1px solid #ddd; padding:9px;  }

#rail h3 { height:36px; margin-bottom:1px; text-align:center; background:url(../img/rail-h3-bg.gif) left 20px repeat-x; color:#333; line-height:39px; }
#rail h3 a { background:#fff; padding:0 11px; color:#000; }
#rail ul { margin:10px 0; line-height:20px; }
#rail li { height:24px; }
#rail ul a    { color:#000; display:block; float:left; padding-right:16px; }
#rail ul span { display:block; padding-left:5px; }
#rail li.active a    { background:url(../img/menu-li.gif) right bottom no-repeat; color:#fff; }
#rail li.active span { background:#CF2931 url(../img/menu-li.gif) left top no-repeat; }

/* Footer
============================================================ */

#footer        { line-height:25px; font-size:12px; _position:relative; }
#footer .inner { background:#f0f0f0; padding:10px; margin:20px 0; _height:25px; _padding-right:220px; }
#footer .left  { _margin-top:4px; }
#footer p { color:#777; }
#footer a { color:#333; }
#footer img   { vertical-align:middle; }
#footer form  { display:inline; }
#footer input  { background:#b0b0b0; border-color:#b0b0b0; color:#0b0b0b; padding:4px; font-size:12px; width:130px; _height:17px; _position:absolute; _right:75px; _top:30px;  }
#footer input.gray { font-style:italic; }
#footer button { padding:4px; font-size:12px; _width:60px; _height:27px; _padding:0; _position:absolute; _right:10px; _top:30px; }