

body
{
	font-family: Tahoma, Verdana;	
	}
	
p, td {
	margin: 5px;
	padding: 3px;	
	line-height: 1.1;
	}

a:link { color: #e9861b; text-decoration: underline; }
a:active { color: #e9861b; text-decoration: none; } 
a:visited { color: #cc7517; text-decoration: none; border-bottom: 1px dotted #EE870E; }  
a:hover { color: #fd9d36; text-decoration: underline; }

.no-underline a:visited { text-decoration: none; border-bottom: 0;}

h2 { margin: 10px 10px 15px 15px; padding: 5px; color: #323232; font-size: 24px; }
h3 { margin: 10px 10px 15px 15px; padding: 5px; color: #323232; font-size: 22px; }
h4 { margin: 10px 10px 15px 15px; padding: 5px; color: #323232; font-size: 20px; }
h5 { margin: 10px 10px 15px 15px; padding: 5px; color: #323232; font-size: 18px; }
	

#h1span-index { background: url(../images/subtle-orange-grad-bg.gif) bottom left repeat-x; }

#h1span-index h1
{
	padding: 0px;
	margin: 0px;
	height: 73px;
	overflow: hidden;
	background: url(../images/h1-bg.gif) top left no-repeat;
	background-position: 100px 0;
	}

#h1span-index h1 a { width: 460px; height: 73px; }
#h1span-index h1 b { display: none; }

#butterfly { position: absolute; left: 140px; }

#mainnav
{
	float: left;
	width: 124px;
	height: 120px;
	padding: 12px 8px 8px 8px;
	font-family: Lucida Sans, Arial;
	font-variant: small-caps;
	font-size: 0.85em;
	}
#mainnav ul li { margin: 3px 3px 5px 3px; padding: 8px 8px 8px 28px; border: 1px solid #a2a2a2; }
#mainnav ul #home { background: url(../images/house.png) top left no-repeat #d2d2d2; background-position: 5px 6px; }
#mainnav ul #cart { background: url(../images/cart.png) top left no-repeat #d2d2d2; background-position: 5px 6px; }
#mainnav ul #account { background: url(../images/user.png) top left no-repeat #d2d2d2; background-position: 5px 6px; }

#mainmenu
{
	background: #e3ffbf;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 210px;
	}
	

#prodmenu
{
	border-top: 1px solid #b3e077;
	border-bottom: 1px solid #b3e077;
	background: #d9efbb;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 40px;
	}

.infoblock
{
	margin: 2px;
	padding: 2px;
	}
	
.infoblock ul { font-size: 0.8em; line-height: 1.4; }
.infoblock ul li { display: inline; margin: 2px 6px 6px 6px; padding: 2px 2px 6px 12px; background: url(../images/bullet_star.png) top left no-repeat; background-position: -5px 2px; }
.infoblock form, .infoblock select { margin: 0; padding: 0; display: inline; }
.infoblock select, .infoblock input { border: 1px solid #000; font-family: Tahoma; }

#mainpage
{
	margin: 0;
	padding: 12px;
	}

.flexiblock
{
	float: left;
	width: 250px;
	height: 200px;
	margin: 15px;
	padding: 4px;
	text-align: center;
	border: 1px solid #c3c3c3;
	background: url(../images/infoblock-bg.jpg) top left no-repeat;
	}
.flexiblock h4 { margin:0; padding: 5px; }
.flexiblock p { maring: 0; padding: 3px; text-align: center; }

.flexiblock img { } 

#footer
{
	text-align: right;
	padding: 15px;
	clear: both;
	background: url(../images/footer-bg-2.jpg) top right no-repeat;
	}
	
#footer ul { text-align: right; font-size: 0.8em; }
#footer ul li { display: inline; padding: 3px; margin: 5px; }


.cartrow1 { background: #f1f1f1; }
.cartrow2 { background: #e9e9e9; }
.cartrow1 td, .cartrow2 td { padding: 7px 10px 7px 10px; }


.bullet {
	list-style: circle outside;
	margin: 10px;
	padding: 5px;
}

.warning { 	padding: 5px 5px 5px 28px; 
			margin: 11px 0px 11px 0px; 
			border-top: 1px solid #CAA1A1; 
			border-bottom: 1px solid #CAA1A1; 
			background: #FDCACA url(../images/exclamation.png) 10px 11px no-repeat;
			}

.information { 	padding: 5px 5px 5px 28px; 
			margin: 11px 0px 11px 0px; 
			border-top: 1px solid #cacaca; 
			border-bottom: 1px solid #cacaca; 
			background: #fffbde url(../images/information.png) 10px 11px no-repeat;
			}

/*

	Common styles (some for coping with reset.css
	
*/


.right { text-align: right; }
.center { text-align: center; }
.tiny { font-size: 10px; }
.small { font-size: 12px; }
.large { font-size: 20px; }
.red { color: #EA2424; }
.green { color: #24EA24; }
.blue { color: #2424EA; }
.smallcaps { font-variant: small-caps; }
.padding10 { padding: 10px; }
.padding5 { padding: 5px; }
.greybg { background: #ddd; }
.gap { margin-top: 12px; }
.admincomment { background: #FFF1A5; padding: 1px 3px 3px 30px; margin: 3px 3px 3px 3px; }
.customercomment { padding: 1px 3px 3px 30px; margin: 3px 3px 3px 3px; background: url(../images/user.png) no-repeat #e0e0e0 7px 9px; }
.adminhiddencomment { background: url(../images/eye.png) no-repeat #fcfcfc 7px 9px; color: #656565; border: 1px solid #ddd; }


.width600 { width: 600px; }
.width800 { width: 800px; }

/*
	Common table/row styles


*/

.row1 { background: #f1f1f1; }
.row2 { background: #e9e9e9; }

.cart { padding: 4px; margin: 0 100px 0px 100px; width: 480px;}
.cart p { padding: 2px; margin: 2px; }
	
/*
	Form layout + appearance controls


*/
.form-fieldset { border: 1px solid #aaa; background: #ddd; padding: 12px; margin: 15px; width: 600px; }

.form-fieldset p { margin: 5px 8px 8px 8px; padding: 3px 3px 3px 3px; font-size: 0.8em; clear: right; }

.form-fieldset label { margin: -2px 3px 0 3px; padding: 5px; display: inline; float: left; text-align: right; width: 150px; }

.form-fieldset input, .form-fieldset select { width: 220px; margin: 3px 20px 0 0; border: 1px solid #000;}

.form-fieldset .formbutton, input .formbutton { width: 120px; margin: 12px; padding: 0; border: 0; }
.form-fieldset .formbuttonsmall, .formbuttonsmall { width: 60px; margin: 0px 0px 2px 4px; padding: 0 0 0 0; border: 0; vertical-align: bottom; }

.form-fieldset .required { border: 1px solid #b55050; background: url(../images/formfield-required.gif) no-repeat top right #fff; }
.form-fieldset .small-width { width: 60px; }
.form-fieldset .medium-width { width: 90px; }
.form-fieldset .large-width { width: 250px; }
.form-fieldset .nowrap { margin: 3px; display: inline; }
.form-fieldset textarea { border: 1px solid #000; }

#debug
{
	position:absolute; 
	top: 5px; 
	right: 5px; 
	font-size: 10px; 
	font-family: Lucida Console; 
	background: #d2d2d2; 
	-moz-opacity:.5;
	opacity:.5; 
	border: 2px solid #999; 
	width:300px; 
	z-index:10;
	padding: 3px;
}

#debug ul { margin: 1px; padding: 1px; }
#debug li { margin: 1px; margin-left: 12px; padding: 1px; list-style: disc;}

