/* CSS Document */


/*General / CLEAR AND PNG FIX*/
 img, div { behavior: url(iepngfix.htc) }
#map img {behavior: none}



 .clearit{
	 clear: both;
	 height: 0px;
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 0px 0px;
	 line-height: 0px;
	 }
	 

/*General / Layout*/	 

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;	
	text-align: center;
	background-image: url(resource/bg/stripebg.gif);
	background-repeat: repeat;	
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	 }

*html body {
	text-align: center;
	background-position: top left;
	background-image: url(resource/bg/stripebg.gif);
	background-repeat: repeat;
	font-size: x-small; /*for IE5/Win*/
	f\ont-size: small; /*for other IE versions*/
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#gradbg {
	float: left;
	background-image: url(resource/bg/grad.png);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}


	 #centerall {
     margin-left: auto;
     margin-right: auto;
     width: 880px; /* mandatory to be centered */
     }
	
/*Homepage / Template Layout*/
 

#wrapper {

 	float:left;
	text-align: center;
	width: 880px;
	background-image: url(resource/bg/frametop.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
     }
	 
#wrapperfoot {
	float:left;
    width: 880px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
     }
	
#wrapperpad {
	float:left;
    width: 840px;
	padding: 25px 20px 0px 20px;	
	margin: 0px 0px 0px 0px;
     }
	 
/*Homepage / Head*/
	 
	#logo {
	float:left;
    width: 324px;
	padding: 0px 0px 40px 0px;	
	margin: 0px 0px 0px 0px;
     } 
	 
	 	#strap {
	float:left;
	text-align: right;
    width: 516px;
	padding: 0px 0px 40px 0px;	
	margin: 0px 0px 0px 0px;
     } 
	 
	 
	 
	
/* Nav BG and cols*/

#navbar {
	clear: both;
	float:left;
    width: 840px;
	height: 46px;
	background-image: url(resource/bg/navtopbar.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
     } 
	 
#navcol {
	
	float:left;
    width: 155px;
	height: 245px;
	background-image: url(resource/bg/navbg.png);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;	
	margin: 0px 10px 0px 0px;
     } 
	 
	 #middlecol {
	float:left;
    width: 460px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
     } 


#rightcol {
	float:left;
    width: 205px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 10px;
     } 

.imageright {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;	
     }
	 
#addressfootbar {
	clear: both;
	float:left;
	text-align: center;
    width: 840px;
	padding: 10px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #000033;
		
     } 
	 
	 #footaddressleft {
	float:left;
	text-align: left;
    width: 600px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
			
     } 
	 
	 	 #footaddressright {
	float:left;
	text-align: right;
    width: 240px;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;
			
     } 
	
	.oandglink{
	text-decoration: underline;
	color: #000033;}
	
/* Hp Specific*/	
	
	#hpmainpic {
	float: left;
	text-align: left;
	width: 460px;
	height: 362px;
	background-image: url(resource/images/hpmain.jpg);
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
		
}

	#hpmaintext {
	float: left;
	text-align: left;
	width: 285px;
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px; 
	padding: 155px 25px 0px 150px; 
		
}

#hpbuttonlleft {

	float: left;
	width: 173px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
		
}

#hpbuttonright {
	float: left;
	width: 287px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
		
}
	
	
/* ABOUT Specific*/	

#aboutboxtop{
float: left;
text-align: left;
width: 460px;
background-image: url(resource/boxes/about_bg.png);
background-repeat: no-repeat;}

#aboutboxfoot{
float: left;
width: 460px;
}
		
		
#aboutsubboxtop{

text-align: left;
width: 430px;
background-image: url(resource/boxes/about_sub_bg.png);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin: 20px 15px 0px 15px;}

#aboutsubboxfoot{

width: 430px;
padding: 0px 0px 0px 0px;
margin: 0px 15px 0px 15px;
} 

.sisters{

float: left;
width: 410px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #FFFFFF;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;}
	
.reginfo{
	clear: both;
	float: left;
	width: 400px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: normal;
	color: #FFFFFF;
	padding: 15px 15px 0px 15px;
	margin: 0px 0px 0px 0px;}
	
	
	
	/* CAT Specific*/	

#catboxtop{
float: left;
text-align: left;
width: 460px;
background-image: url(resource/boxes/cat_bg.png);
background-repeat: no-repeat;}

.prodcopy{

	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 0px 0px;}
	
	
/* ORDER Specific*/	

#orderboxtop{
float: left;
text-align: left;
width: 460px;
background-image: url(resource/boxes/order_bg.png);
background-repeat: no-repeat;}

#ordersuboxtop{
text-align: left;
width: 430px;
background-image: url(resource/boxes/order_sub_bg.png);
background-repeat: no-repeat;
padding: 70px 0px 0px 0px;
margin: 20px 15px 0px 15px;}

.ordersubleftcol{
float: left;
text-align: left;
width: 170px;
padding: 0px 0px 0px 0px;
margin: 0px 15px 0px 10px;}

.ordersubrightcol{
float: left;
text-align: left;
width: 170px;
padding: 0px 0px 0px 0px;
margin: 0px 15px 0px 0px;}


.tickbox {
	width: 170px;
	font-size: 80%;
	color: #000033;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 20px;
	font-weight: bold;
	background-image: url(resource/images/tick.jpg);	
	background-position: top left;
	background-repeat: no-repeat;

}

#ordersub2boxtop{
text-align: left;
width: 430px;
background-image: url(resource/boxes/order_sub2_bg.png);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin: 15px 15px 0px 15px;}

.orders{
	float: left;
	width: 410px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: normal;
	color: #FFFFFF;
	padding: 10px 10px 0px 10px;
	margin: 0px 0px 0px 0px;}

.ordersnumber{
	float: left;
	width: 410px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px 10px 0px 10px;
	margin: 0px 0px 0px 0px;}
	
	
	
	
	/* CONTACT Specific*/	

#contactboxtop{
float: left;
text-align: left;
width: 460px;
background-image: url(resource/boxes/contact_bg.png);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#contactaddressleft{
float: left;
text-align: left;
width: 220px;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;}

#contactaddressright{
float: left;
text-align: left;
width: 220px;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;}

#mapcontainer{
width: 430px;
height: 280px;
padding: 15px 15px 0px 15px;
margin: 0px 0px 0px 0px;

}

/* Nav */

#navbariconsouter {
	float: left;
	text-align: left;
	width: 110px;	
	margin: 0px 0px 0px 0px; 
	padding: 10px 0px 0px 730px; 
		
}

.navbaricon {
	float: left;
	text-align: left;
	margin: 0px 21px 0px 0px; 
	padding: 0px 0px 0px 0px; 
		
}

#nav {
	text-align: left; 
	width: 152px;	
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 3px; 
	list-style: none;	
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#nav li{
	clear: both;
	width: 150px;
	margin: 0px 0px 0px 0px;	
	padding: 0px 0px 15px 0px;
	font-size: 75%;
}

.navlinkhome {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
}

a:hover.navlinkhome {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
	background-image: url(resource/nav/homeicon.png);	
	background-position: top left;
	background-repeat: no-repeat;

}

.navlinkabout {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
}

a:hover.navlinkabout {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
	background-image: url(resource/nav/abouticon.png);	
	background-position: top left;
	background-repeat: no-repeat;

}

.navlinkcat {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
}

a:hover.navlinkcat {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
	background-image: url(resource/nav/caticon.png);	
	background-position: top left;
	background-repeat: no-repeat;

}

.navlinkorder {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
}

a:hover.navlinkorder {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
	background-image: url(resource/nav/ordericon.png);	
	background-position: top left;
	background-repeat: no-repeat;

}

.navlinkcontact {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
}

a:hover.navlinkcontact {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0px 0px 14px;
	background-image: url(resource/nav/contacticon.png);	
	background-position: top left;
	background-repeat: no-repeat;

}

#navfootouter{
	float: left;	
	width: 880px;
	text-align: center;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;
	}
	

	
a.navfoot  {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 70%;
	
	
}

.navfoot a:hover {
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	




	
/* GENERAL */	 
	
	 h1{
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	 
	 .h1generic{
	 font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #FFFFFF;
	 margin: 0px 0px 0px 0px;
	 padding: 15px 15px 0px 15px;	}

 
	 h2{
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	 
	  .h2generic{
	 font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight: bold;
	color: #FFFFFF;
	 margin: 0px 0px 0px 0px;
	 padding: 15px 15px 0px 15px;	}
	 
	
	 h3{
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}
	 
	   .h3about{
	 font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: bold;
	color: #FFFFFF;
	 margin: 0px 0px 0px 0px;
	 padding: 10px 10px 0px 10px;	}
	 
 
	 h4{
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;	}



/* Text*/


.copy1{

	font:Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #FFFFFF;
	padding: 15px 15px 0px 15px;
	margin: 0px 0px 0px 0px;}
	
.copy1link{
	font-weight: normal;
	text-decoration: underline;
	color: #FFFFFF;
	font-size: 100%;
}