body{
	background: #fff; /* white */
	color: #555; /* gray text */
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%; /* sets size to 10px */
	margin: 0;
}

input, select, textarea{
	font-family: arial, helvetica, sans-serif;
	padding: 2px;
}

table
{
	border-collapse:collapse;
}

img
{
	border: 0;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 1.2em;
	font-weight: normal;
    margin: 0; 
    padding: 0;
}

p{
	margin: 0 0 8px 0;
	padding: 0;
}

ul.clean, ol.clean, ul.clean li, ol.clean li, p.clean{
	list-style: none;
	margin: 0;
	padding: 0;
}

a{
	color: #000;
}

a:hover{
	color: #5e8d9e; /* teal text */
}

#error_messages{
	background: #fff;
	border: 1px solid #f00;
	color: #f00;
	margin: 20px 0 0 0;
	padding: 5px 10px;
}

#good_messages{
	background: #fff;
	border: 1px solid #5e8d9e; /* teal text */
	color: #5e8d9e; /* teal text */
	margin: 20px 0 0 0;
	padding: 5px 10px;
}

div#page{
	border: 1px solid #fff;
	font-size: 1.1em;
	line-height: 1.2em;
	margin: 10px auto;
	width: 737px;
}

div#header{
	margin: 20px 0 3px 0;
	position: relative;
	width: 737px;
}

div#header h1#logo{
	background: url(/images/main.logo.png);
	height: 49px;
	float: left;
	margin: 0 0 10px 0;
	text-indent: -55555px;
	width: 204px;
}

div#header h2#slogan{
	background: url(/images/main.slogan.png);
	bottom: 4px;
	height: 8px;
	position: absolute;
	right: 0px;
	text-indent: -55555px;
	width: 352px;
}

ul#topnav{
	border: 1px solid #5e8d9e; /* teal text */
	clear: both;
	margin: 0 0 3px 0;
}

ul#topnav li{
	float: left;
	position: relative;
}

ul#topnav a{
	color: #6b6b6b; /* gray */
	display: block;
	font-size: 0.95em;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 14px;
}

ul#topnav a:hover{
	color: #5e8d9e; /* teal text */
}

ul#topnav a.selected{
	color: #5e8d9e; /* teal text */
	text-decoration: underline;
}


div#container{
	width: 737px;
}




div#shopsidebar{
	background: #99b8c1; /* sidebar blue */
	color: #fff;
	float: left;
	margin: 0 2px 0 0;
	padding: 12px 8px;
	width: 128px;
}

div#shopsidebar h3{
	background: url(/images/main.sidebar-shop.png);
	height: 12px;
	text-indent: -55555px;
	width: 67px;
}

div#shopsidebar ul.maincats{
	margin-bottom: 120px;
}

div#shopsidebar ul.maincats li{
	border-top: 1px solid #bdd4da; /* pale blue */
	margin: 4px 0 0 0;
	padding: 4px 0 0 0;
}

div#shopsidebar ul.maincats li.first{
	border: 0;
}

div#shopsidebar ul.maincats li a{
	color: #fff;
	display: block;
	font-weight: bold;
	text-decoration: none;
	width: 120px;
}

div#shopsidebar ul.maincats li a:hover{
	color: #fff;
	text-decoration: underline;
}


div#shopsidebar ul.subcats{
	margin: 0 0 6px 10px;
}

div#shopsidebar ul.subcats li{
	border: 0;
	margin: 2px 0 0 0;
	padding: 0;
}

div#shopsidebar ul.subcats li a{
	color: #fff;
	display: block;
	font-weight: normal;
	text-decoration: none;
	width: 110px;
}

div#shopsidebar ul.subcats li a.current{
	color: #666;
	display: block;
	font-weight: bold;
	text-decoration: none;
	width: 110px;
}

div#shopsidebar ul.subcats li a:hover{
	text-decoration: underline;
}

div#shopsidebar #term{
	margin-top: 2px;
	padding: 1px;
	width: 80px;
}





div#footer{
	color: #8e8d8c;
	margin: 0;
	padding: 5px 0;
}

div#footer div#newsletter{
	float: right;
}





/* Style for the debugging info on bottom of page */

#debug_output{
	background: #fff;
	border: 1px solid #666;
	color: #666;
	font-size: 10px;
	margin: 60px 10px 10px 10px;
	padding: 5px 10px;
}

#debug_output h4{
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0;
}

#debug_output ul{
	margin: 8px 0;
	padding: 0 20px;
}

#debug_output li{
	margin: 0;
	padding: 0;
}







/*CLEAR FIX */
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix
{
    display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */