@import url(ShoppingCart.css);

body
{
	margin: 0;
	padding:0;
	font-size: 10px;
	width:1025px;
}

p, td
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}

select, input
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
}

.normalBold
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;	
}


.price
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: Black;
}

.priceWithSale
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: x-small; 
	text-decoration: line-through;
	color: Black;
}		

.salePrice
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: Red;
}

.error
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: Red;
	font-weight: bold;
}

.bonusitem
{
	color: Red;
}

.ValidationSummary
{
	background-image: url(../images/failed-lg.gif);	
	background-repeat: no-repeat;
	background-color: #FDFDFD;
	background-position: 10px 10px;
	border: 1px solid red;
	padding-left: 50px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	width: 100%;	
}

.sectionHead, .subTitle
{ 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: x-small; 
	color: #000033; 
	font-weight: bold;
}


.title
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #3399CC; 
	font-weight: bold;
}

.boxHead
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: White;
	font-weight: bold;
	background-color: #3399CC;
}

.title:hover
{
	color: #ff6600;
}

/*span
{
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: x-small; 
	color: #000033; 
	font-weight: bold; 
	text-decoration: none;
}*/

HR
{
	color: #000033;
	line-height: 1px;
}

a, a:visited, a:link
{
	color: #000033;
}

a:hover
{
	color: #ff6600;
}

.controlButtons 
{	
	text-decoration: none;
}


.white-txt
{
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 10px; 
	color: #ffffff; 
	font-weight: bold; 
	text-decoration: none;
}

.white-txt:hover
{
	color: #99cccc;
}

.grey-text
{
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: 10px;
	color: #cccccc;
	font-weight: bold; 
	text-decoration: none;
}

.grey-text:hover
{
	color: #A0CFE7;
}

.line 
{
	background-image: url(../images/horizontal_dotline.gif); 
}

.line2 
{ 
	background-image: url(../images/vertical_dotline.gif); 
}

.dropdownHeader
{
	background-color: #aaaaaa;
	color: white;
	font-weight: bold;
}

.dropdownItem
{
	background-color: White;
}

.dropdownAltItem
{
	background-color: #eeeeee;
}

.GridHeader TD, .GridHeader
{
	font-family: arial, helvetica, verdana, sans-serif; 
    font-size: x-small;    
    color: White;    
    background-color: #3399CC;
    text-decoration: none;
    padding: 1px 4px 1px 4px;
    border: solid 1px #999999;
}

.GridItem
{
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: x-small;
	color: black;	
	text-decoration: none;	
    padding:  4px 5px 4px 5px;
    border: solid 1px #999999;
    background-color: White;
}

.GridAltItem 
{
	font-family: arial, helvetica, verdana, sans-serif; 
	font-size: x-small;
	color: black;	
	text-decoration: none;	
    padding:  4px 5px 4px 5px;
    border: solid 1px #999999;
    background-color: #eeeeee;
}

.GridHeader TD A:link, .GridHeader TD A:visited, .GridHeader TD A:hover
{
	font-family: arial, helvetica, verdana, sans-serif; 
    font-size: x-small;    
    color: White;    
    background-color: #3399CC;
    text-decoration: Underline;
    padding: 1px 4px 1px 4px;
    border: solid 1px #999999;
}

.progStateOn
{
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	padding-right: 3px;
	font-size: xx-small;
	color: white;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	background: #000033;
	text-align: left;	
}

.progStateOff
{
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 10px;
	color: black;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;
	background: #ffffff;
	text-align: left;
}

.progStateOff A, .progStateOff A.Link, .progStateOff A.Visited, .progStateOff A.Hover
{
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 10px;
	color: black;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: underline;
	background: #ffffff;
	text-align: left;
}

.tabOn, .tabon, .tabOn td
{
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: 10px;
	background: #93b9dc;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;

	text-align: left;	
}

.tabOff, .taboff, .tabOff td
{
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: xx-small;
	background: #fff;
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: none;

	text-align: left;
}

.tabOff A, .tabOff A.Link, .tabOff A.Visited, .taboff A.Hover, .taboff A, .taboff A.Link, .taboff A.Visited, .taboff A.Hover
{
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: xx-small;

	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: underline;

	text-align: left;
	text-decoration: none;
}


.tabOn A, .tabOn A.Link, .tabOn A.Visited, .tabOn A.Hover, .tabon A, .tabon A.Link, .tabon A.Visited, .tabon A.Hover
{
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: xx-small;
	
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	text-decoration: underline;
	background-color: #93b9dc;
	text-align: left;
	text-decoration: none;
}

.tabBody
{
	background-color: #eeeeee;
	border: 1px dotted #000033;
	padding: 8px 8px 8px 8px;
}

.tabpanel
{
	clear:both;
	display: none;		
	background-color: #eeeeee;
	border: 1px dotted #000033;
	padding: 8px 8px 8px 8px;
}

.tabs
{
	float: left;	
	margin: 0 0 10px 0;
}

.tabs li
{
	list-style-image: none;
	list-style-type: none;
	text-decoration: none;
}

.tabs li
{
	float: left;
	padding: 0;
	border: 1px solid #000000;	
	margin-right: 1px;
	text-decoration: none;
}

.tabs a
{
	float: left;
	display: block;
	padding: 4px 10px 4px 10px;	
	text-decoration: none;
}


.grayBox
{
	background-color: #eeeeee;
	padding: 10px 10px 10px 10px;  /*trbl*/
}

.whiteBox, .whitebox
{
	background-color: #ffffff !important;
	padding: 5px 10px 5px 10px;
	border: solid 1px #bbbbbb;
}


.signInBox
{
	border: solid 1px #aaaaaa;
	background-color: #3398cc;
}

.HeadingStyle
{
	color: White;
	font-weight: bold;
	font-size: small;
}

.footer, .footer A, .footer A.link, .footer A.visited
{
	color: White;
	text-decoration: none;
}

.footer A.Hover
{
	color: White;
	text-decoration: underline;
}

.buyarea
{
	border-top: 1px dashed #000000;
	border-left: 1px dashed #000000;
	border-right: 1px dashed #000000;
	border-bottom: 1px dashed #000000;
	padding: 25px;	
	background-color: #eeeeee;
}

.buyarea-left
{
	padding-right: 50px;
	vertical-align:top;
}

.buyarea-right
{
	border-top: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	padding: 25px;
	text-align:center;
	vertical-align:top;
}


.title
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: small; 
	color: #3399CC; 
	font-weight: bold;
}

.pageBodyHeading
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #3399cc; 
	font-weight: bold;
}

.odtable
{
	width: 100%;
}

.pageCopy
{
	padding: 20px;
}

#defaultContentAreaDataList tr, #defaultContentAreaDataList  td
{
	vertical-align:top;
	text-align: left;
	margin: 20px;
}

/* .FooterStyle */
.FooterStyle, .FooterStyle A, .FooterStyle A.visited
{
	color: Black;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.FooterStyle A.Hover, .FooterStyle A.link
{
	color: #0047bd;
	text-decoration: none;
}

/* Black Friday Sale Styles */

.red {
color: #FF0000
}

.header {
	color: #333333;
	font-weight: bold;
}

.salepricebig {
	color: #ff0000
	font-weight: bold;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}


.headerred {
	color: #0066FF;
	font-weight: bold;
}