﻿/********************************************
   AUTHOR:          http://www.weekendtraffic.com 
   WEBSITE:   		http://www.weekendtraffic.com/
   TEMPLATE NAME: 	Weekend Traffic
   DATE:          	May-12th-2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

* { margin: 0; padding: 0px; }

body, html { margin: 0; padding: 0px; background: #FFF url('images/bg.gif') repeat-x;  height: 100%;}
#frame { margin: 0 auto; width: 960px; margin-left: auto; margin-right: auto; background-color: transparent;}

#container, #main {
position: relative;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
min-height: 100%;
height: 100%;
}

/* ----------CART--------------------- */
font, table, tr, td { border: none; background-color: transparent;}
table, td, tr { border: none; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; color: #000; }
td { line-height: 20px; }
table b { color: #000; }
table a, tr a, td a, font a, .content table a {color: #000; font: 9pt "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif; }
table a:hover, tr a:hover, td a:hover, font a:hover, .content table a:hover {color: #ee4591;}
table hr {border: none; border-bottom: 1px solid #000; height: 0px;}
font img { border: 0px; margin-right: 10px; } 


p {margin: 0; padding: 0px; }

/* LABELS AND FORMS */
label { font: bold 11pt "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica;}

input#name {
width: 18em;
height: 25px; 
margin-bottom: 20px;
border: 1px solid #b1b1b1;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
color: #000;
}

textarea { 
width: 18em;
margin-bottom: 20px;
height: 100px; 
border: 1px solid #b1b1b1;
font: 10pt Arial, 'Trebuchet MS', Sans-Serif;
color: #000;
}

input.button { 
width: 6em;
font: 14px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica;
color: #FFF;	
background: #ed0708; 
padding: 6px; 
border: 1px solid #ed0708;
cursor: pointer
}

input#other {width: 18em }

/* LABELS AND FORMS */


/* BACKGROUND */
.background { background: #425c64 url('/images/bg.gif') repeat-x;}
/* BACKGROUND */


/* HEADER */
#header { width: 960px; height: 208px; margin-bottom: 0px;}
#header .logo { border: none; margin: 0px;}
#header .img { margin: 9px 60px 0px 50px; padding: 8px; background: url(/images/toppicbg.gif) repeat-x; height: 193px;}
#header .last { padding: 8px; background: url(/images/toppicbg.gif) repeat-x; margin: 9px 0px 0px 50px; height: 193px;}
/* HEADER */

/* TOPNAV */
#topnav { float: left; width: 100px; padding: 0px; margin-left: 12px; float: left;}
#topnav ul { margin: 0px; padding: 0px;}
#topnav li { list-style: none;}

#topnav li a {
width: 100px;
display: block;
font: bold 11pt "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica;
padding: 5px 0px 5px 5px;
background-color: transparent;
color: #FFF;
text-decoration: none;
}

#topnav li a:hover { background-color: #a80001; color: #fff;}
/* TOPNAV */


/* CATEGORIES */
#categories { width: 181px; background-color: #ed0708;}
#categories h1 { font: bold 16pt 'Trebuchet MS', Arial, Sans-Serif; color: #FFF; padding: 0px 0px 7px 10px;}
#categories ul { margin: 0px; padding: 0px;}
#categories li { display: block; list-style-type: none; padding: 6px 8px 0px 10px;}
#categories li a { font: 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica;  font-style: italic; color: #FFF; text-decoration: none;}
#categories li a:hover { text-decoration: underline;}
/* CATEGORIES */

/* SPORTS EQUIPMENT */
#equipment { padding-top: 10px;}
/* SPORTS EQUIPMENT */

/* MAIN */
#holder { margin-top: 25px;}
#main { padding: 0px 20px 20px 30px; margin: 0px;}
#main h1 { font: bold 32px 'Trebuchet MS', Arial, Sans-Serif; color: #111; }
#main p { font: 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica; color: #111; line-height: 22px; padding-bottom: 24px}
#main b { font: bold 12pt "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica;}
#main a { color: #ed0708;}
#main .line { width: 100%; border: none; border-bottom: 1px solid #dbceb6; height: 0px; margin-top: 6px; margin-bottom: 6px;}
#main ul li { list-style-type: none; }
#main ul li a{ line-height: 20px;}
/* MAIN */

/* LEFT LINKS */
ul.left { margin-top: 26px; padding: 0px;}
ul.left li { list-style-type: none; padding-bottom: 26px;}
ul.left li a { font: bold 12px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande"; color: #ed0708; line-height: 18px; }



/* ADS */
#ads { font: 11px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica;}
#ads h1 { font: bold 24px 'Trebuchet MS', Arial, Sans-Serif; color: #111; margin-bottom: 6px;}
#ads a { color: #de001b;}
#ads p { padding: 5px 8px 0px 8px;}
/* ADS */


/* AFFILIATES */
#affiliates ul { margin: 0px; padding: 0px;}
#affiliates li { display: block; list-style-type: none;}
#affiliates li a { font: 10pt "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica; color: #de001b;}
/* AFFILIATES */



/* FOOTER */
#footer { font: 10pt "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica; color: #000; padding-top: 20px; padding-bottom: 15px;}
.line { width: 100%; border: none; border-bottom: 1px solid #b1b1b1; height: 0px; margin-bottom: 20px;}
#footer a { font: 8pt "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", arial, helvetica; color: #252837; text-decoration: none;}
#footer a:hover, #main a:hover { text-decoration: underline;}
/* FOOTER */


/* ----- Customer Cart TABLES ---------- */
#awscustomertables table{margin: 1em; border-collapse: collapse;}
#awscustomertables td{ padding: .3em; border: 1px #F2F2F2 solid; }
#awscustomertables th{ padding: .3em; border: 1px #F2F2F2 solid; background: #F2F2F2; }
