/*************************************************************/
/*   Design:   Whigby Web Store                              */
/*   File:     Global Styles                                 */
/*-----------------------------------------------------------*/
/*   Date:     November 7, 2008                              */
/*************************************************************/


/*************************************************************/
/*  Global  												 */
/*************************************************************/


/* Used to reset browser defaults */
body { margin: 0; padding: 0; }


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff;
	font-size: 11px;
	background-image: url(whigbybackgroundFNL.gif);
}

.whigbyLink {
	color: #666;
	text-decoration: none;
}
.whigbyLinkActive {
	color: #a82900;
	text-decoration: none;
}

/*  ---- Containers ----- */


#mainContainer {
width: 776px;
margin-left:auto;
margin-right:auto;
/*background-color: #fff;
*/
}



#mainBody {
background-color: #fff;
clear: both;
}
#mainBodyAlt {
background-color: #fff;
clear: both;
padding-left: -176px;
}


#header {
/*	background-color: #fff;*/
/*background-color:#b2b2b2;*/
background-color: transparent;
}

#logoHeader {
width:176px;
float:left;
/*background-color: #fff;*/
}

#navigationHeader {
width: 600px;
float: right;
/*background-color:#b2b2b2;*/
}
#navigationCart {
width:600px;
float:right;
/*background-color: #b2b2b2;*/
color: #000;
font-size:10px;
text-align: right;
}
 


#homeImageRotation {
clear:both;
}

#homeBottomText {
background-color: #fff;
font-size: 11px;
padding-left: 300px;
padding-right: 20px;
padding-top: 30px;
padding-bottom: 40px;
float:right;
}


#sidebar {
width: 166px;
background-color: #fff;
font-size: 11px;
text-align: right;
padding-right: 10px;
padding-top: 20px;
min-height: 41px;
float: left;
}

#sidebarAlt {
	display: none;
}




#textDescription {
width: 595px;
height: 40px;
margin-left: 176px;
padding-top: 20px;
padding-left: 5px;
background-color: #b2b2b2;
color: #fff;
font-size: 11px;
border-top: solid;
border-top-color:#fff;
border-top-width:1px;
}

#textDescriptionAlt {
	display:none;
}


#mainContent {
width: 600px;
margin-left: 176px;
}

#mainContentAlt {
width: 776px;
float: right;
background-color:#fff;
}

#bodyContainer {
	background-color: #fff;
	width: 776px;
margin-left:auto;
margin-right:auto;
clear: both;
}

#footer {
margin-left: auto;
margin-right: auto;
padding-left: 176px;
width: 600px;
text-align: left;
clear: both;
font-size: 10px;
background-color: #fff;
padding-top: 10px;
padding-bottom: 10px;
color: #b2b2b2;
}

#footerAlt {
	display: none;
}

#aboutLeft {
float: left;
width: 332px;
background-color: #fff;
padding-right: 10px;
padding-top: 10px;
}
#aboutRight {
float: right;
width: 258px;
margin-right: -10px;
background-color: #fff;
}

.prodes {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#A82900;
}
.greyText {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color: #6F6F72;
}
.blackText {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
}







 


#homeImageRotation {
clear:both;
}

#homeBottomText {
background-color: #fff;
font-size: 11px;
padding-left: 300px;
padding-right: 20px;
padding-top: 30px;
padding-bottom: 40px;
float:right;
}

#homepageBottomBanner {
	clear: both;
	width: 740px;
	margin-top: 60px;
	margin-left: 20px;
	background: url(homepagebackground.jpg) no-repeat;
	height: 65px;
	min-height: 65px;
}
.homepageTextBanner {
	padding-left: 150px;
	padding-top: 8px;
	padding-right: 10px;
	color: #666;
}





#rackSystemLeft {
float: left;
width: 390px;
padding-top: 20px;
}

#rackSystemRight {
float: right;
width: 179px;
text-align: right;
}




#textContent {
background-color: #fff;
padding-top: 30px;	
color: #6f6f72;
padding-right: 20px;

}


#textContentAbout {
background-color: #fff;
padding-top: 10px;	
color: #6f6f72;
padding-right: 10px;

}


.prodes {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#A82900;
}
.greyText {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #6F6F72;
}
.blackText {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

.redText {
color: #a82900;
}

.blueText a:link {text-decoration: none; color: #00B8FF;}
.blueText a:visited {text-decoration: none; color: #00B8FF;}
.blueText a:active {text-decoration: none; color: #00B8FF;}
.blueText a:hover {text-decoration: underline; color: #00B8FF;}

.blackLink a:link {text-decoration: none; color: #000;}
.blackLink a:visited {text-decoration: none; color: #000;}
.blackLink a:active {text-decoration: none; color: #000;}
.blackLink a:hover {text-decoration: underline; color: #000;}


.whiteLink a:link {text-decoration: none; color: #fff;}
.whiteLink a:visited {text-decoration: none; color: #fff;}
.whiteLink a:active {text-decoration: none; color: #fff;}
.whiteLink a:hover {text-decoration: underline; color: #fff;}

.redLink a:link {text-decoration: none; color: #a82900;}
.redLink a:visited {text-decoration: none; color: #a82900;}
.redLink a:active {text-decoration: none; color: #a82900;}
.redLink a:hover {text-decoration: underline; color: #a82900;}

a.redLink:link {text-decoration: none; color: #a82900;}
a.redLink:visited {text-decoration: none; color: #a82900;}
a.redLink:active {text-decoration: none; color: #a82900;}
a.redLink:hover {text-decoration: underline; color: #a82900;}

.blueLink a:link {text-decoration: none; color: #00B8FF;}
.blueLink a:visited {text-decoration: none; color: #00B8FF;}
.blueLink a:active {text-decoration: none; color: #00B8FF;}
.blueLink a:hover {text-decoration: underline; color: #00B8FF;}

.aboutBlueLink a:link {text-decoration: none; color: #00B8FF;}
.aboutBlueLink a:visited {text-decoration: none; color: #00B8FF;}
.aboutBlueLink a:active {text-decoration: none; color: #00B8FF;}
.aboutBlueLink a:hover {text-decoration: underline; color: #00B8FF;}

a.aboutBlueLink:link {text-decoration: none; color: #00B8FF;}
a.aboutBlueLink:visited {text-decoration: none; color: #00B8FF;}
a.aboutBlueLink:active {text-decoration: none; color: #00B8FF;}
a.aboutBlueLink:hover {text-decoration: underline; color: #00B8FF;}

.whigbyNavLink a:link {text-decoration: none; color: #666;}
.whigbyNavLink a:visited {text-decoration: none; color: #666;}
.whigbyNavLink a:active {text-decoration: none; color: #a82900;}
.whigbyNavLink a:hover {text-decoration: none; color: #a82900;}

.footerLink a:link {text-decoration: underline; color: #b2b2b2;}
.footerLink a:visited {text-decoration: underline; color: #b2b2b2;}
.footerLink a:active {text-decoration: underline; color: #666;}
.footerLink a:hover {text-decoration: underline; color: #666;}

.whigbyNavLinkActive a:link {text-decoration: none; color: #a82900;}
.whigbyNavLinkActive a:visited {text-decoration: none; color: #a82900;}
.whigbyNavLinkActive a:active {text-decoration: none; color: #666;}
.whigbyNavLinkActive a:hover {text-decoration: none; color: #666;}


/* Form Styles */

#loginform {
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	width: 370px;
	text-align: left;
	border-collapse: collapse;
	margin-top: 10px;
}
#loginform th {
	font-size: 11px;
	font-weight: normal;
	background: #B2B2B2;
	color: #a82900;
	text-align: right;
}
#loginform td {
	background: #B2B2B2; 
	color: #fff;
	text-align: right;
}



#loginform tr:hover td{
	background: #B2B2B2;
	color: #fff;
}


#requestloginform {
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	width: 370px;
	text-align: left;
	border-collapse: collapse;
}
#requestloginform th {
	font-size: 11px;
	font-weight: normal;
	background: #B2B2B2;
	color: #a82900;
	text-align: right;
}
#requestloginform td {
	background: #B2B2B2; 
	color: #fff;
	text-align: right;
}


#requestloginform tr:hover td {
	background: #B2B2B2;
	color: #fff;
}

#mediaContentLeft {
	float: left;
}
#mediaContentRight {
	float: right;
	padding-right: 150px;
}

#mc1 {
	display: block;
}

#mc2, #mc3, #mc4, #mc5, #mc6, #mc7, #mc8, #mc9, #mc10, #mc11, #mc12, #mc13, #mc14, #mc15, #mc16, #mc17, #mc18, #mc19, #mc20 {
	display: none;
}

a:focus, a:active {
  outline: none;
}