/* -----------
    CSS RESET
   ----------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {/*border-collapse:collapse*/;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul, li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
* {outline:none;}

/* -------------------------- */

form { display: inline; }

strong { font-weight: bold }
em { font-style: italic }

* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */


/* ----- TYPOGRAPHY ----- */
body { color:#5c5c5c; font-family: Arial, “Helvetica Neue”, Helvetica, sans-serif }
a, a:visited { color:#5c5c5c; text-decoration:none; }
a:hover { text-decoration:underline }
a.active { color:#c6260f }

/* ----- SPRITE ----- */
.sprite { background:url(img/sprite.png) no-repeat; }


/* ===== LAYOUT ===== */
#wrapper { margin:0 auto; width:880px }

/* ----- HEADER ----- */
#header { height:27px; margin-top:15px; position:relative; }
#header #nav { left:0; position:absolute; top:8px; }
#header #nav li { display:inline; margin-right:30px; }
#header #nav li a, #header #nav li a:visited { color:#5c5c5c; font-size:12px; font-weight:bold; text-transform:uppercase; }
#header #nav li a:hover { text-decoration:underline }
#header #nav li a.active { color:#c6260f }
#header a.logo { position:absolute; right:0; top:7px; }

/* ----- CONTAINER ----- */
#container { margin-top:40px; overflow:hidden; position:relative; }

/* BROWSE */
#browse { height:12px; position:absolute; right:10px; top:0; }
#browse a { display:inline-block; height:12px; width:12px; }
#browse a.prev { background-position:0 0; }
#browse a.prev:hover { background-position:0 -18px; }
#browse a.next { background-position:-18px 0; }
#browse a.next:hover { background-position:-18px -18px; }
#browse span { background-position:-13px 0; display:inline-block; height:12px; width:4px; }
#browse b { color:#908E8F; font-weight:bold; margin:0 4px; }

/* PRODUCTS NAVIGATION */
#prodnav { float:left; margin-right:20px; width:180px; }
#prodnav ul { margin-bottom:35px; }
#prodnav li.prodcat { font-size:11px; font-weight:bold; text-transform:uppercase; }
#prodnav li a { font-size:12px; font-weight:normal;  }

/* CONTENT */
#content { float:left; width:680px; }
#content p { font-size:12px; line-height:15px; margin-bottom:12px; }
#content img { margin:30px 0; }
#content h1 { font-size:12px; line-height:15px; margin-bottom:12px; }

/* PRODUCTS GRID */
#content #grid { margin:40px 0 0 -70px }
#content a.thumbnail { color:#9d9c9c; display:block; float:left; font-size:12px; height:180px; margin-left:67px; text-align:center; width:120px; }
#content a.thumbnail:hover { color:#9d9c9c; text-decoration:none; }
#content a.thumbnail img { margin:0 0 10px; }
#content a:hover span { text-decoration:underline }

/* ----- FOOTER ----- */
#footer { color:#878381; font-size:9px; line-height:12px; margin-top:70px; margin-left:200px;}
table.newssale { }
table.newssale td.left { width: 270px; height: 230px; }
table.newssale td.mid { width: 42px; height: 230px; }
table.newssale td.right { width: 365px; height: 230px; vertical-align: top; }
table.newssale img { margin: 0 !important; }
table.newssale td.right .date { float: right; }
table.newssale td.right .text { margin-top: 10px; }
table.newssale td.separator { text-align: center; }
.slideshow { height: 351px; width: 677px; margin: 30px 0 !important; }
.slideshow img { margin: 0 !important; }