/* Designer CSS */

/*

The shopping cart has it own css that work indepent of the site's design.
You will need to modify the complex.css to change the shopping cart look and feel.

This style sheet should be included below the headdata.asp file.  
We do this so that our site design classes over ride the shopping cart classes.
For example: If the cart has a header class and I specify the same header class below, then the cart will use the one from below... because it was defined after.

Some common styles defined in the cart css are listed below.  There is no need to delete them from the cart css, just redefine them below to override the cart styles.

As far as text goes, the cart uses fonts define by points.  If you want to use a td or tr class then simply comment out the point sizes in the css and use your own table classes.

*/

html, body {  
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	border: 5px;
	padding: 0px;
	text-align: center;
	
	/*background: #fff url(images/bg.gif) repeat;*/
	background-color: #5D78AA;
	scrollbar-face-color:#484C64;
	scrollbar-shadow-color:#484C64;
	scrollbar-highlight-color:#484C64;
	scrollbar-3dlight-color:#D5E5FC;
	scrollbar-darkshadow-color:#98B4E0;
	scrollbar-track-color:#CBD6E9;
	scrollbar-arrow-color:#FFDB53;

}

table { font-family: Verdana, Arial, Helvetica, sans-serif; color: #3B3F57; font-size: 11px; }
table a:link {color: #617AD7; text-decoration: none}
table a:visited {color: #617AD7; text-decoration: none}
table a:hover {color: #617AD7; text-decoration: underline}
table a:active {color: #617AD7; text-decoration: none}

.topnav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 15px}
.topnav a:link {color: #364C5C; text-decoration: none}
.topnav a:visited {color: #364C5C; text-decoration: none}
.topnav a:hover {color: #364C5C; text-decoration: underline}
.topnav a:active {color: #364C5C; text-decoration: none}

.cartnav { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; line-height: 14px}
.cartnav a:link {color: #FFFFFF; text-decoration: none}
.cartnav a:visited {color: #FFFFFF; text-decoration: none}
.cartnav a:hover {color: #FFFFFF; text-decoration: underline}
.cartnav a:active {color: #FFFFFF; text-decoration: none}

.sidenav { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 15px}
.sidenav a:link {color: #364C5C; text-decoration: none}
.sidenav a:visited {color: #364C5C; text-decoration: none}
.sidenav a:hover {color: #364C5C; text-decoration: underline}
.sidenav a:active {color: #364C5C; text-decoration: none}

.header { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #9F0F0F; line-height: 20px}
.header2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #9F0F0F; line-height: 20px}

.small { font-family: Verdana, Arial, Helvetica, sans-serif; color: #3B3F57; font-size: 9px; line-height: 16px}

.address { font-family: Verdana, Arial, Helvetica, sans-serif; color: #364C5C; font-size: 10px; line-height: 15px}
.address a:link {color: #364C5C; text-decoration: none}
.address a:visited {color: #364C5C; text-decoration: none}
.address a:hover {color: #364C5C; text-decoration: underline}
.address a:active {color: #364C5C; text-decoration: none}

li {font-family: verdana; font-size: 8pt; line-height: 18px; }

.indent { 
 padding-left: 30px; 
}

.input{
color:#000000; 
font-size: 11px; 
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
border: 1px solid #787878; 
text-align: left;
}

.button { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 background-color: #747474; 
 color: #FFFFFF; 
 margin-right: 0px; 
 border: 1px solid #FFFFFF;
}

#navcontainer { width: 187; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 4px;
width: 187;
border-bottom: 1px solid #FFFFFF;

}

#navcontainer a:link, #navlist a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10;
color: #713301;
text-decoration: none;
font-weight: normal;
}

#navcontainer a:hover
{
background-color:  #E99716;
color: #fff;
font-weight: bold;
}