/*================================================================
The MAIN stylesheet for the website.

Define SITE-WIDE styles:
  - General Typography
  - Header Content
  - Sidebar Content
  - Forms
  - Tables
  - Footer
  - Sitewide Custom Definitions
  
================================================================*/

@import url("base.css");
@import url("layout.css");
@import url("nav.css");
@import url("forms.css");
@import url("checkout.css");
@import url("store.css");


/* GENERAL TYPOGRAPHY (Standard HTML tags)
----------------------------------------------------------------*/
html, body {
	font-family: verdana, helvetica, sans-serif;
	color: black;
	font-size: 11px;
}

h1{
	color:#000;
	margin: 0 0 4px 0;
	padding: 3px 0 0 0;
	font-size: 20px;
}

h2 {
	color:#3399FF;
	text-transform:uppercase;
	margin: 3px 0 3px 0;
	font-size: 18px;
}

h3{
	color:#000;
	margin: 0 0 6px 0;
	font-size: 16px;
}

h4{
	color: #000;
	margin: 0 0 6px 0;
	font-size: 14px;
}

h5{
	color: #3399FF;
	margin: 0 0 4px 0;
	font-size: 12px;
}

p {
    padding:0 5px 5px 5px;
}

a:link, a:visited {
    color:#000;
	text-decoration:none;
}

a:hover {
}


/* HEADER CONTENT
----------------------------------------------------------------*/



/* SIDEBAR CONTENT
----------------------------------------------------------------*/



/* TABLES
----------------------------------------------------------------*/
table {
	clear: both;
	text-align: left;
}

th{
	text-align:left;
	background:#ccc;
	padding:2px 3px;
}

td{
	padding:2px 3px;
}

.altRow{
	background:#eee;
}


/* FOOTER CONTENT
----------------------------------------------------------------*/
#Footer p {
	
}


/* SITE-WIDE CUSTOM STYLES (Your own id's and classes)
----------------------------------------------------------------*/
.error {
	color: red;
}

hr{
	border:none;
	border-top: dashed 1px #ccc;
	height:0px;
}

.center{
	text-align:center;
}

.left{
	text-align:left;
}

.right{
	text-align:right;
}

.floatRight{
	float:right;
	display:block;
	margin:0 0 15px 15px;
}

.floatLeft{
	float:left;
	display:block;
	margin:0 15px 15px 0;
}

.callOutBox{
	border:#ccc 1px solid;
	background:#eee;
	padding:5px;
}

.happening{
    background:#3399FF;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:1px solid #000000;
	padding:3px;
}

.rightborder{
    border-right:1px solid #000000;
	padding:7px 20px 7px 0;
}

.signIn a{
	color:#3399FF;
	font-weight:bold;
}

.signIn label{
	font-weight:bold;
}

.alignTop{
	vertical-align:top;
}

.lookup{
    margin-left:165px;
}

.trustLogo{
    padding:10px;
}

#creditCards{
    /*background:url(../images/cCards_stacked.gif) no-repeat;*/
    width:125px;
    margin-top:15px;
}

#creditCards #cc1,#cc2,#cc3,#cc4,#cc5
{
	float:left;
	margin:3px;
	width:37px;
	height:23px;
}

#creditCards #cc1
{
	background:url(../images/PayPal_mark_37x23.gif) no-repeat;
}

#creditCards #cc2
{
	background:url(../images/logo_ccVisa.gif) no-repeat;
}

#creditCards #cc3
{
	background:url(../images/logo_ccMC.gif) no-repeat;
}

#creditCards #cc4
{
	background:url(../images/logo_ccDiscover.gif) no-repeat;
}

#creditCards #cc5
{
	background:url(../images/logo_ccAmex.gif) no-repeat;
}

.phone2
{
	font-family:Verdana;
	font-size:10px;
	color:#666;
}

/* SITE COLORS
----------------------------------------------------------------*/
.blue{
	color:#003366;
}

.red{
	color:#CC0000;
}

.green{
	color:#003300;
}