body {
	background-color: #f7f5df;
	/*margin-top: 10px;*/
	margin: 0 auto;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 16px;
    /*	 background-image:url(../images/hatsH_back2.gif);  */ 
background-image:url(hatsH_back2.gif);	/*Miva*/
	 background-repeat: repeat;
	}
	
	/*Style sheet used for demo. Remove if desired*/
.handcursor{cursor:hand; cursor:pointer; }

#container {	width:760px; margin: 0 auto; }
	
a:visited {	color: #a55553;	text-decoration: none;}
a:link {	color: #a55553;	text-decoration: none;}
a:hover {	color: #990000;	text-decoration: underline;}
a:active {	color: #000000;	text-decoration: underline;}


a.lightLink:visited {	color: #FFFFFF;	text-decoration: none;}
a.lightLink:link {	color: #FFFFFF;	text-decoration: none;}
a.lightLink:hover {	color: #FFCC66;	text-decoration: underline;}


.catLink {	font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; 	color: #a55553; }

a.catLink:visited {	color: #a55553;	text-decoration: underline;}
a.catLink:link {	color: #a55553;	text-decoration: underline;}
a.catLink:hover {	color: #990000;	text-decoration: none;}

img {	border:0;}


#header {
    /*  height: 139px; */
   /*  background-image:url(../images/hatsH_head.gif);  */
background-image:url(hatsH_head.gif);     /*Miva*/ 
  background-repeat:no-repeat;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

#header a:visited {color:#999999; text-decoration: none;}
#header a:link {color:#999999; text-decoration: none;}
#header a:hover {color:#8682A8; text-decoration: underline;}

.shop-designer {border: 1px solid #ccc; padding: 1px 5px 1px 5px; margin: 0px 0px 0px 4px; background-color: #f5f6cd; font-weight:bold;}

.hatsLogo {width: 350px; height: 90px; margin-left: 140px;}

.faceBook {padding: 0; margin: 0 0 0 720px;	width: 33px;	}

#logoClick {
	margin-left:540px;
	width:195px;
	height:95px;
}

#mainContent {
padding-bottom: 15px;
	background-color:#f5f6cd;
 /*background-image:url(../images/hatsH_mainBack.gif);   */ 
  background-image:url(hatsH_mainBack.gif);   /*Miva*/ 
  background-repeat:repeat-y;
  clear: none;
}
#mainContentIN {
padding: 0px 0px 15px 0px; /*Miva*/
	background-color:#f5f6cd;
   /* background-image:url(../images/hatsH_mainBack.gif);  */
background-image:url(hatsH_mainBack.gif);   /*Miva*/
  background-repeat:repeat-y;
  clear: none;
}





#topNavContact {
	padding: 5px 14px 0 13px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	float: left;
	width: 265px;

}

#topNav {
	margin: 6px 0 0 325px;	
	padding: 0 0 3px 0;
	font-size: 12px;
}

#topNav ul{list-style: none; padding: 0; margin: 0; }

#topNav li { display:inline; border-left: 1px solid #ccc; padding-left: 5px;}

#topNav li.nav-designer {border-left: none; border: 1px solid #CCC; padding-right: 5px; background-color: #f7f5cc;}


#homeLeft {
	padding: 0px 10px 0px 20px;
	width: 470px;
	float: left;
}

#homeRight {
margin: 0px 0px 0px 508px;
width: 225px;
padding: 0px 0px 0px 5px;
border-left: 1px solid #C2D170;
}



#left {
	padding: 30px 10px 0px 25px;
	width: 170px;
float: left;

}
#right {
margin-top: 30px;
margin-left: 200px;
padding: 0px 30px 0px 9px;
border-left: 1px solid #C2D170;
}






#footerBar {
 /*   background-image:url(../images/hatsH_footer.gif);    */
background-image:url(hatsH_footer.gif); /*Miva*/
  background-repeat: no-repeat;   
 	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #999999;
padding-top: 40px;
height: 53px;
clear: both;

}


#insideLeftNav a:visited {color:#0099FF; text-decoration: none;}
#insideLeftNav a:link {color:#0099FF; text-decoration: none;}
#insideLeftNav a:hover {color:#990000; text-decoration: underline;}

#topNavContact a:visited {color:#625C7F; text-decoration: none;}
#topNavContact a:link {color:#625C7F; text-decoration: none;}
#topNavContact a:hover {color:#8682A8; text-decoration: underline;}


a.smallLink:visited {color:#7c3a00; font-size: 11px; text-decoration: none;}
a.smallLink:link {color:#7c3a00; font-size: 11px; text-decoration: none;}
a.smallLink:hover {color:#FFCC66; font-size: 11px; text-decoration: underline;}


a.cattreeLink:visited {color: #5a493e; font-size: 12px; font-weight: bold; line-height: 17px;}
a.cattreeLink:link {color: #5a493e; font-size: 12px; font-weight: bold; line-height: 17px;}
a.cattreeLink:visited {color: #917664; font-size: 12px; font-weight: bold; line-height: 17px;}


.boldTextRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #660000;
}
.boldTextGreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #54730D;
}

.whiteText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

.boldTextCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5a493e;
	font-weight: bold;
	}
.boldTextSmall{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	}
	
.TextSmall{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	}	
	
.bodyTextSm{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	}
.cartBold{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	}	
	
.cart{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	}			
.miniText{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	}
.miniTextReg{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	}
	
.miniBasket{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
#miniBox{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	padding: 3px;
	background-color: #f5f6cd;
border: 1px solid #C2D170;
width: 160px;	
	}	
		
	
	#serviceTop{
	border-top: 1px solid #D58000;
	border-bottom: 1px solid #D58000;	
	font-family: "Times New Roman", Times, serif;
	font-size: 9pt;
	color: #D58000;
	padding: 8px 0px 8px 0px;
	
	}


h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #993300;
	font-weight: bold;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC6600;
	font-weight: bold;
	margin: 0 0 -2px 0;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #990000;
	font-weight: bold;
	margin: 0px;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #557D38;
	font-weight: bold;
}
.style2 {font-size: 11px;}
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 11px;
}
.style4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #993300;
}

#homeHeadBar {
  background-image:url(../images/hatsH_homePic.jpg);
  height: 330px;
  background-repeat: no-repeat;


}
#announcemet {
  padding: 100px 15px 0px 490px;
  width: 250px;
}
.style5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A9A330;
}
.style10 {color: #993300}
.style11 {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style13 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #A9A330; font-weight: bold; }



/* sales items ----*/
#footerBar-sales {
  /* background-image:url(../images/sales-footer.gif); */
background:url(sales-footer.gif) no-repeat;    /*MIVA */
 	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #999999;
padding: 40px 0 50px 0;

clear: both;
}
#mainContent-sales {
padding: 0px 0px 15px 0px; /*Miva*/
  /*background-image:url(../images/mainBack-sales.gif);  */
  background:url(mainBack-sales.gif) repeat-y;      /*Miva*/
  clear: none;
}


.sizeChart {border-bottom: 1px solid #ccc;}

.sizeChart-color {background-color: #f8f7e6;}

#sizeLink {border: 1px solid #fff;
font-size:12px;
background-color: #d3e477;
padding: 4px 4px 4px 7px;	
}