/* 

STYLESHEET INFORMATION HEADER:
LAST UPDATED: 1/16/2009
LAST MODIFIED BY: AR

This sheet holds the styles for the main Website layout sans product, cart, popup-window,
and other application specific styles (these are found in the file WebsiteSecondary stylesheet).

This sheet holds the styles for the areas in the following order:

MAIN HTML FORM AND BODY TAG STYLING, GENERAL PLACEMENT STYLES, MAIN SITE WIREFRAM CSS CLASSES, 
SITEHEADER CLASSES, BREADCRUMB, LEFT HAND NAVIGATION, ADVERTISING, TABLES, 
TYPOGRAPHY: ANCHOR TAGS/CLASSES, TYPOGRAPHY: HEADER TAGS/CLASSES, 
TYPOGRAPHY: EMPHASIS TAGS/CLASSES, TYPOGRAPHY: LIST TAGS, SECTION HEADERS.

*/

/* MAIN HTML FORM AND BODY TAG STYLING
-----------------------------------------------------------------------------*/

html, form, *
{
	margin: 0px;
    padding: 0px;
}

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    top: 0px;
    left: 0px;    
}

/* GENERAL PLACEMENT STYLES
-----------------------------------------------------------------------------*/

.right
{
	text-align:right;
	width:100%;
}

/* MAIN SITE WIREFRAM CSS CLASSES 
-----------------------------------------------------------------------------*/

/* 
These are the main layout classes for the site's wireframe.
The site is cut into a total of six main pieces: the siteWrapper div,
the siteHeaderWrapper div, the siteContentWrapper, the siteContentLeft div, the siteContentRight div, and the
siteFooterWrapper div.
*/

.siteWrapper
{
	margin: 0px;
	padding: 0px;
	min-width: 1004px;
	width: 98%;
}

.siteHeaderWrapper
{
	margin: 0px;
	padding:0px;
	clear: both;
	background-image: url(  '../images/SiteHeaderCenter.gif' );
    background-repeat: repeat-x;
    text-align: left;
}

.siteContentRightWrapper
{	
	margin: 0px;
	padding: 0px;
	float: left;
	width: 99.5%;
}

.siteContentRight
{	
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-left: 176px;
	padding: 0px;
}

	.siteContentMainBody
	{
		padding-left: 10px;
	}

.siteContentLeft
{
	margin: 0px;
	padding: 0px;
	width:176px;
	float:left;
	margin-left: -99.5%;
}

.siteFooterWrapper
{	
	margin-top:15px;
	margin-bottom:auto;
	padding: 0px;
	clear:left;
	width:99%;
	height:100%;
	text-align:center;
	vertical-align:baseline;
}

/* SITEHEADER CLASSES
-----------------------------------------------------------------------------*/

/* These classes are specifically used for the top header, menu, and search layout and 
are contained within the DIV siteHeaderWrapper. CSS classes are indented according to how 
they are nested within each other */

.headerLeftLogoAndSearch
{
    background-image: url(  '../images/SiteHeaderLeft.gif' );
    background-repeat: no-repeat;
    height: 106px;
    margin-top: 0px;
    width:335px;
    float:left;
    font-size:8pt;
    color:White;
    line-height:11px;
}

	.headerLeftLogogAndSearchTable
	{	
		margin-top:5px;
		margin-left:14px;
		height:30px;
		width:275px;
	}

.headerBottomUserMenuWrapper
{
    height: 106px;
    float:left;
    background-image: url(  '../images/SiteHeaderCenter.gif' );
    background-repeat: repeat-x;	
}

	.bottomUserMenu
	{
		margin-top:72px;	
	}		

		.bottomUserImageSeparator
		{
			margin-right:10px;
			margin-left:10px;
		}

.headerMiddleMenuWrapper
{	
	height: 106px;
    background-image: url(  '../images/SiteHeaderCenter.gif' );
    background-repeat: repeat-x;
}

.headerRightSideMenuWrapper
{	
	height: 106px;
    background-image: url(  '../images/SiteHeaderCenter.gif' );
    background-repeat: repeat-x;
	float:right;
	width:200px;
}
	
	.headerRightSideMenuSubWrapper
	{	
		height:106px;
		vertical-align:baseline;
	}
		
		.headerRightSideMenuMessage
		{	
			height:50px;
			margin-top:22px;
			margin-right:0px;
			text-align:right;
			color:White;
		}
		
		.headerRightSideMenuOptions
		{	
			margin-left: 0px;
			float:right;
		}

.headerRightSideImageCorner
{
	background-image: url(  '../images/SiteHeaderRight.gif' );
	background-repeat: repeat-x;
	float: right;
	height: 106px;
	width: 27px;
}

/* BREADCRUMB 
-----------------------------------------------------------------------------*/

.breadCrumb
{
	clear:both;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:0px;
	padding-left: 10px;
}

/* LEFT HAND NAVIGATION
-----------------------------------------------------------------------------*/

.leftSideNavigation
{
	/*height:275px;*/
}

/* ADVERTISING AND BESTSELLERS
-----------------------------------------------------------------------------*/

.topAdWrapper
{
	text-align:center;
	padding-bottom:25px;
	padding-top: 15px;
}

.sideAdWrapper
{	
	text-align:center;
}

	.sideAdItem
	{
		margin-top:5px;
	}
			
.sideBestSellersWrapper
{	
	text-align:center;	
}
	.sideBestSellersItem
	{
		margin-top:5px;
		margin-left:5px;
		width:160px;	
	}

/* TABLES : 1st Phase Style
-----------------------------------------------------------------------------*/
table
{
    border-spacing: 0;
    border-collapse: collapse;
}

td
{
    text-align: left;
    font-weight: normal;
}

/* TYPOGRAPHY: ANCHOR TAGS/CLASSES
-----------------------------------------------------------------------------*/

a
{
    text-decoration: none;
    color: #55a9d8;
}

	a.topmenu:link
	{
		font-weight:bold;
		color:White;
	}

	a.topmenu:visited
	{
		font-weight:bold;
		color:White;
	}

	a.topmenu:hover
	{
		font-weight:bold;
		color:White;
	}

	a.topmenu:active
	{
		font-weight:bold;
		color:White;
	}


/* TYPOGRAPHY: HEADER TAGS/CLASSES : 1st Phase Style
-----------------------------------------------------------------------------*/

h1
{	
	font-family: Arial, Helvetica, sans-serif;
	font-size:14pt;
    margin: 0;
    padding: 0;
    margin-bottom:5pt;    
}

h1 a
{
    color: #000;
}

h2
{
    font-size: 1.2em;
    line-height: 1.0em;
    margin: 0;
    margin-bottom: 1em;
    font-weight: bolder;
}
h2 a
{
    color: #000;
}

h3
{
    font-size: 1.0em;
    line-height: 1.0em;
    margin: 0;
    margin-bottom: .75em;
    font-weight: bolder;
}
h3 a
{
    color: #000;
}

h4
{
    font-size: 1.6em; /* Equivalent to 18pt */
}

h5
{
    font-size: 1.4em; /* Equivalent to 14pt */
}

/* TYPOGRAPHY: EMPHASIS TAGS/CLASSES: 1st Phase Style
-----------------------------------------------------------------------------*/

.bold
{
    font-weight: bold;
}

.highlight
{
    color: #0474c0;
}

.selectedBG
{
    border: 1px solid #0474c0;
    background-color: #F89C38;
}

.unselectedBG
{
    background-color: White;
}

.smaller
{
    font: 80% / 1.5 Tahoma, Verdana, sans-serif;
}

/* TYPOGRAPHY: LIST TAGS
-----------------------------------------------------------------------------*/


ul
{
	list-style-position:outside;
	margin-left:25px;
}

ol
{
	list-style-position:outside;
	margin-left:25px;
}


li
{
	/*margin-left:10px;*/
}

/* SECTION HEADERS: 1st Phase Style
-----------------------------------------------------------------------------*/
.sectionHeader, .sectionHeaderHighlight, .subSectionHeader, .subSectionHeaderHighlight
{
    text-align: left;
    padding: 0 0 0 .5em;
    background-position: left;
    margin: 0;
    margin-top: 0px;
    margin-bottom: 1em;
    height: 19px;
    line-height: 19px;
    left: 0px;
    color: #FFFFFF;
    font-weight: bold;
    background-repeat: no-repeat;
    font-size: 1.0em;
}

.sectionHeader
{
    background-color: #016eaf;
    background-image: url(  '../images/SectionHeaderLeft.gif' );
}

.sectionHeaderHighlight
{
    background-color: #54a7d5;
    background-image: url(  '../images/SectionHeaderHighlightLeft.gif' );
}

.subSectionHeader
{
}

.subSectionHeaderHighlight
{
}

.sectionHeaderRight, .sectionHeaderRightHighlight, .subSectionHeaderRight, .subSectionHeaderRightHighlight
{
    float: right;
    background-repeat: no-repeat;
    background-position: right;
    height: 19px;
    padding-right: .5em;
}

.sectionHeaderRight
{
    background-image: url(  '../images/SectionHeaderRight.gif' );
}

.sectionHeaderRightHighlight
{
    background-image: url(  '../images/SectionHeaderHighlightRight.gif' );
}

.sectionHeaderText, .subSectionHeaderText
{
    display: block;
}

.sectionFooter
{
    white-space: nowrap;
    clear: both;
    height: 25px;
    line-height: 25px;
    background-image: url(  '../images/SectionFooterLine.gif' );
    background-repeat: repeat-x;
    background-position: bottom;
    padding:0px;
    vertical-align: bottom;
    margin: 0;
    text-align:right;
    width:100%;
}

.sectionFooterText
{
    background-color: #FFF;
    background-image: url(  '../images/SectionFooterArrow.gif' );
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-left: 10px;
    float: right;
}

.sectionFooterLine
{
    background-image: url(  '../images/SectionFooterLine.gif' );
    background-repeat: repeat-x;
    background-position: bottom;
    height: 8px;
    width: 100%;
}

.sectionFooterTitle
{
    text-align: right;
    color: #55a9d8;
    font: 90% / 1.5 Tahoma, Verdana, sans-serif;
    font-weight: bold;
    white-space: nowrap;
}