/* IE 6 Hacks */
@import url(racinesSecondary_ie6Win.css);


/* HTML styles */
html {
	margin: 0px;
	padding: 0px;
	}
	
body {
		/*background-color: #C22A3B;*/
		background-color: #fff;
		text-decoration: none;
		font: 12px/16px arial, verdana,helvetica,sans-serif;
		color: #000;
		margin: 0px;
		padding: 0px;
		background-image: url(../images/bgPattern.gif);
		background-repeat: repeat;
		background-position: left top;
		}
	
a:link {
		text-decoration: none;
		}

a:hover {
		text-decoration: none;
		}
	
a:visited {
			text-decoration: none;
			}
		

		
div, li, ol, ul{
		text-decoration: none;
		font: 12px/16px arial, verdana,helvetica,sans-serif; 
		color: #000;
		margin: 0px; 
		padding: 0px;
		}


form {margin: 0;}

	
h1,pre {
	margin:0px 0px 0px 0px;
	}

p{
	font: normal 12px/14px arial, verdana, lucida, sans-serif;
	color: #000000;
	}

	
/* home page styles */	
table.mainSection{
	width: 778px;
	padding: 6px;
	background-color: #FFFFFF;
	}
	
table.mainHeader{
	width: 778px;
	padding: 0px;
	background-color: #FFFFFF;
	}
	
td.mainHeaderRight{
	width: 226px;
	background-color: #FFFFFF;
	text-align: right;
	vertical-align: top;
	margin: 0px 0px 0px 0px;
	padding: 20px 15px 0px 0px;
	font: normal 11px/14px arial, verdana, lucida, sans-serif;
	color: #333333;
	text-transform: uppercase;
	}
		
.mainHeaderRightText{
    font: normal 11px/14px arial, verdana, lucida, sans-serif;
	color: #333333;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	
	}
	
a.mainHeaderRightText:link{
	font: normal 11px/14px arial, verdana, lucida, sans-serif;
	color: #333333;
	text-transform: uppercase;
	text-decoration: none;
	}
	
a.mainHeaderRightText:hover{
	color: #C22A3B;
	text-decoration: none;	
	}
	
table.mainCenter{
	width: 778px;
	padding: 0px;
	background-color: #FFFFFF;
	}
	
td.leftSide{
	width: 517px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
	}
	
table.mainLeft{
	width: 517px;
	padding: 0px;
	}	
	
td.topMenu{
	width: 517px;
	background-color: #C22A3B;
	margin: 0px;
	padding: 0px;
	}

td.collage{
	width: 517px;
	margin: 0px;
	padding: 0px;
	}
	
td.bottomMenu{
	width: 517px;
	background-color: #D3AA5A;
	margin: 0px;
	padding: 0px;
	}
	
td.custServiceMenu
	{
	width: 517px;
	margin: 0px;
	padding: 0px;
	font: normal 11px/14px arial, verdana, lucida, sans-serif;
	color: #5F5B5C;
	}
	
td.newItemsSection{
	width: 220px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 5px 0px 10px 25px;
	font: bold 15px/20px arial, verdana, lucida, sans-serif;
	color: #000000;	
	}
	
table.newItems{
	width: 220px;
	padding: 10px 0px 0px 0px;
	}
	
	
td.newItemPhoto{
	width: 60px;
	height: 133px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	}
	
td.newItemText{
	width: 135px;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px 10px 0px 10px;
	font: normal 12px/14px arial, verdana, lucida, sans-serif;
	color: #000000;	
	}
	
td.leftSideIntroText{
	width: 517px;
	margin: 0px 0px 0px 3px;
	padding: 0px 0px 0px 3px;
	font: normal 12px/14px arial, verdana, lucida, sans-serif;
	color: #000000;
	text-align: left;
	vertical-align: top;
	}
	
td.racinesContactInfo{
	width: 226px;
	text-align: left;
	vertical-align: top;
	margin:  0px;
	padding: 0px 0px 0px 25px;
	font: normal 11px/15px arial, verdana, lucida, sans-serif;
	color: #000000;
	text-transform: uppercase;
	}
	
p.copyright{
	text-align: right;
	color: #D83A4C;
	font: normal 11px/15px arial, verdana, lucida, sans-serif;
}

.newCaption{
	text-align: left;
	color: #000000;
	font: normal 10px/14px arial, verdana, lucida, sans-serif;
}

a.newCaption:link{
	text-align: left;
	color: #D83A4C;
	font: normal 10px/12px arial, verdana, lucida, sans-serif;
}

a.newCaption:visited{
	text-align: left;
	color: #D83A4C;
	font: normal 10px/12px arial, verdana, lucida, sans-serif;
}

a.newCaption:hover{
	text-align: left;
	color: #000000;
	font: normal 10px/12px arial, verdana, lucida, sans-serif;
}

td.newItemsFlyer{
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font: normal 10px/12px arial, verdana, lucida, sans-serif;
	color: #000000;
}

.flyerText{
	font: normal 12px/15px arial, verdana, lucida, sans-serif;
	color: #333333;	
	}
	
a.flyerText:link{
	font: normal 12px/15px arial, verdana, lucida, sans-serif;
	color: #D83A4C;	
	text-decoration: none;
	border-bottom: 1px dotted #D83A4C;
	}
	
a.flyerText:visited{
	font: normal 12px/15px arial, verdana, lucida, sans-serif;
	color: #D83A4C;	
	text-decoration: none;
	border-bottom: 1px dotted #D83A4C;
	}
	
a.flyerText:hover{
	color: #5F5B5C;
	text-decoration: none;
	border-bottom: 1px dotted #5F5B5C;	
	}
	
.newItemFlyerHeader{
	font: bold 13px/16px arial, verdana, lucida, sans-serif;
	color: #C22A3B;	
	}
	
a.newItemHeader:link{
	font: bold 14px/17px arial, verdana, lucida, sans-serif;
	color: #C22A3B;	
	text-decoration: none;
	}
	
a.newItemHeader:visited{
	font: bold 14px/17px arial, verdana, lucida, sans-serif;
	color: #C22A3B;	
	text-decoration: none;
	}
	
a.newItemHeader:hover{
	color: #5F5B5C;
	text-decoration: none;	
	}
	
	
/* Top Banner Logo */

td.logoTD{
	width: 517px;
	margin: 0px;
	padding: 0px;
	}

#printLogo {
	display: none;
	}
	
#logoLeft {
	float: left;
	width: 288px;
	height: 104px;
	margin: 0px 0px 0px 0px;
	padding: 0px;	
	background-image: url(../images/homeLogo.gif);
	background-repeat: no-repeat;
	}

#logoLeft li {
	list-style: none; 
	margin: 0; 
	padding: 0; 
	display: inline;
	}
	
#logoLeft li a:link, #logoLeft li a:visited {
	display: block; 
	float: left;
	height: 104px;
	width: 288px;
	}
	
#logoLeft li a:hover {background-image: url(../images/RacinesHomeLogoHover.gif);}

#logoLeft span {display: none;};

	
/* Top menu bar */	
 #navcontainer{
	margin: 0px;
	padding: 0px;
	height: 25px;
	}

#navcontainer ul{
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	}

#navcontainer ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 1px 0px 0px 0px;
	width: 129px;
	height: 20px;
	}
	
#navcontainer ul li a{
	background: #C22A3B;
	width: 123px;
	height: 15px;
	padding: 0px;
	margin: 3px 2px 0px 2px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 13px/18px arial, verdana, lucida, sans-serif;
	vertical-align: bottom;	
}
	
#navcontainer ul li.symbol{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 4px 0px 0px 0px;
	position: relative;
	/*width: 20px;*/
	width: 3px;
	height: 20px;
	/*background-image: url(../images/CartMenuSymbol.gif);
	background-repeat: no-repeat;*/	
	color:#fff;
	}

	
#navcontainer ul li.left{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 1px 0px 0px 8px;
	width: 105px;
	height: 20px;
	}
	
#navcontainer ul li.left a{
	background: #C22A3B;
	width: 101px;
	height: 15px;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 13px/18px arial, verdana, lucida, sans-serif;
	vertical-align: bottom;	
	}
	
#navcontainer ul li.gifts{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 1px 1px 0px 1px;
	width: 48px;
	height: 20px;
	}
	
#navcontainer ul li.gifts a{
	background: #C22A3B;
	width: 46px;
	height: 15px;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 13px/18px arial, verdana, lucida, sans-serif;
	vertical-align: bottom;	
	}
	
#navcontainer ul li.new{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 1px 2px 0px 4px;
	width: 95px;
	height: 20px;	
	}
	
#navcontainer ul li.new a{
	background: #C22A3B;
	width: 94px;
	height: 15px;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 13px/18px arial, verdana, lucida, sans-serif;
	vertical-align: bottom;
	}


#navcontainer ul li.right{
	display: block;
	float: left;
	text-align: center;
	padding: 0px;
	margin: 1px 0px 0px 1px;
	width: 107px;
	height: 20px;	
	}
	
#navcontainer ul li.right a{
	background: #C22A3B;
	width: 98px;
	height: 15px;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 13px/18px arial, verdana, lucida, sans-serif;
	vertical-align: bottom;
	}


#navcontainer ul li a:hover, #navcontainer ul li.left a:hover, #navcontainer ul li.left a:hover{
	color: #ffffff;
	background: #5F5B5C;
	}


/* Bottom menu bar */	
 #navcontainerBottom{
	margin: 0px;
	padding: 0;
	height: 25px;
	text-align: center;	
	}

#navcontainerBottom ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

#navcontainerBottom ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 129px;
	}
	

#navcontainerBottom ul li a{
	background: #D3AA5A;
	width: 127px;
	height: 20px;
	padding: 0;
	margin: 5px 0px 0px 2px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: bold 11px/14px arial, verdana, lucida, sans-serif;
	vertical-align: bottom;
	
}

#navcontainerBottom ul li a:hover{
	color: #5F5B5C;
	}

#navcontainerBottom a:active{
	color: #5F5B5C;
	}

#navcontainerBottom li#active a{
	background: #5F5B5C;
	}
	
/*Customer Service Menu*/
a.custService {color: #5F5B5C; text-decoration: none;}
a.custService:hover {color: #C22A3B; text-decoration: none;}

/*Home Page Text Area Links*/
a.homeBody {color: #C22A3B; text-decoration: none;}
a.homeBody:hover {color: #5F5B5C; text-decoration: none;}