/*--------- LINK SYNTAX ---------

a {
	text-decoration: 	none;
	font-weight: 		bold;
}
a:link {
	color:				#FF9900; 
}
a:visited {
	color: 				#db6f6f;
}
a:hover {
	color:				#FF9900; 
	text-decoration:	underline;
}
a:active {
	color:				#FF9900; 
	text-decoration:	underline;
}

*/

/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */
html,body {
	margin:				0;
	padding:			0;
	height:				100%; /* needed for container min-height */
	background: 		url("../images/back_grass.jpg") repeat;
	font-family:		verdana, arial,sans-serif;
	font-size:			9pt;
	line-height:		14pt;
	color:				#333333;
}
textarea, select, input {

	font-family:		verdana, arial,sans-serif;
	font-size:			9pt;
	color:				#333333;
}
input.submit {
     color: 			#FFFFFF;
     background-color: 	#CC0000; /* #ff6600;*/
     border-top: 		2px solid #FF0000; /*#ff7700;*/
     border-right: 		2px solid #660000; /*#ee5500;*/
     border-bottom: 	2px solid #660000; /*#ee5500;*/
     border-left: 		2px solid #FF0000; /*#ff7700;*/
     margin: 			5px 0 0 0;
     padding: 			1px 2px 1px 2px;
     font-weight: 		bold;
	 font-size:			12pt;
	 font-family:		Arial, Helvetica, sans-serif;
}
h1 { 
	font:				2.5em georgia,serif; 
	margin:				0.5em 0 0 0;
}

h2 {
	font:				1.75em georgia,serif; 
	margin:				0 0 0.5em 0;
}
h1, h2 {
	color:				#FF9900;
	font-weight:		bold;
}
h3 {
	font:				1.5em georgia,serif; 
	line-height:		2em;
	margin:				0 0 0.5em;
	color:				#000000;
}
h4{
	font:				1em verdana, arial,sans-serif;;
	margin:				2em 0 0 0;
	padding:			2px 2px 2px 2px;
	color: 				#000000;
	background-color:	#FFFED6;
	font-weight:		bold;
}
h5{
	font:				1.5em Arial, Helvetica, sans-serif;
	margin:				2em 0 0.5em 0;
	padding:			0 0 0 0;
	color: 				#CC0000;
	border-bottom: 		solid 1px #CCC;
	font-weight:		bold;
}
h6{
	font:				1.5em Arial, Helvetica, sans-serif;
	margin:				0 0 0 0;
	padding:			0 0 0 0;
	color: 				#CC0000;
	font-weight:		bold;
}
a {
	color:				#CC0000;
	font-weight: 		bold;
}
a:link {
	color:				#CC0000; 
}
a:visited {
	color: 				#990000;
}
a:hover {
	color:				#FFFFFF; 
	background-color:	#CC0000;
	text-decoration:	none;
}
a:active {
	color:				#FFFFFF; 
	background-color:	#CC0000;
	text-decoration:	none;
}

p { 
	line-height:		1.5; 
	margin:				0 0 1em;
}

label {
	color:				#CC0000;
	font-weight:		bold;
	font-style:			oblique;
}

div#container {
	position:			relative; /* needed for footer positioning*/
	margin:				0 auto; /* center, not in IE5 */
	width:				774px;
	background:			#FFFFFF;
	height:				auto !important; /* real browsers */
	height:				100%; /* IE6: treaded as min-height*/
	min-height:			100%; /* real browsers */
	background: 		url("../images/bkgrd_content.jpg") repeat-y;	
}
/*
div#header {
	padding:			30px 0 0 120px;
	background-repeat:	no-repeat;
	background-image:	url("../images/bkgrd_title_nav.jpg");	
}*/

#header a {
	font-size:			12px;
	line-height:		13px;
    font-family:		Arial, Helvetica, sans-serif;
	color:				#FFFFFF;	
	text-decoration:	none;
	font-weight:		bold;	
}
#header a:link {
	color:				#FFFFFF;
}
#header a:visited {
	color:				#FFFFFF;
}
#header a:hover {
	color:				#FFFF66;
	text-decoration:	none;	
}
#header a:active {
	color:				#FFFF66;
	text-decoration:	none;	
}

/* CONTENT */

div#content {
	padding:			0 45px 8em 45px; /* bottom padding for footer */
}
div#tip {
	background-image:	url(../images/tip.gif);
	background-position:left;
	background-repeat:	no-repeat;
	background-color:	#FFFFCC;
	border:				1px dotted #CC0000;
	padding:			5px 5px 5px 90px;
}
td#order {
	padding-left:		42px;
}

/* LIST */
/*
li.home {
	background: 		url("../images/pawprint.gif") no-repeat 0em 0.5em;
	padding:			1em 0 1em 2em;
	list-style: 		none;
	font-weight:		bold;
}
ul.home {
	padding-left: 		10px;
	padding-right: 		10px;
}
*/
#navlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#navlist li
{
padding-left: 30px;
background-image: url("../images/pawprint.gif");
background-repeat: no-repeat;
background-position: 0 .5em;
}

li {
	padding-top:		2px;
	padding-bottom:		4px;
}
/* OLD WEBSITE STYLES */
.swatchBox {
	width: 				45px;
	height: 			45px;
}
.presentationCell {
	border-right: 		solid 1px #FFF;
	border-bottom: 		solid 1px #FFF;
	background: 		#F5F5F5;
}
.presentationCellHead {
	border-right: 		solid 1px #FFF;
	border-bottom: 		solid 1px #FFF;
	background: 		#F5F5F5;
	font-weight:		 bold;
}
#smallFonts {
	font-size: 			10px;
}

/* FOOTER */



div#footer {
	position:			absolute;
	width:				100%;
	bottom:				0; /* stick to bottom */
	background: 		url("../images/bkgrd_content.jpg") repeat-y;	
	font-size:			8pt;
	line-height:		12pt;		
	color:				#999999;		
}
div#footer p {
	margin:				10px 45px 10px 45px;
}
#footer a {
	color:				#999999;	
	text-decoration:	none;
	background-color:	#FFFFFF;	
	font-weight:		100;	
	font-size:			8pt;
	line-height:		12pt;
}
#footer a:link {
	color:				#999999;
}
#footer a:visited {
	color:				#999999;
}
#footer a:hover {
	color:				#CC0000;
	text-decoration:	underline;
	background-color:	transparent;
}
#footer a:active {
	color:				#CC0000;
	text-decoration:	underline;	
}



a.home, a.home:link, a.home:visited {
	font-size:			13px;
	line-height:		16px;
	color:				#0066cc;
}
a.home:hover {
	color:				#FFFFFF; 
	background-color:	#0066cc;
	text-decoration:	none;
}
a.home:active {
	color:				#FFFFFF; 
	background-color:	#0066cc;
	text-decoration:	none;
}