/*
	-- -- -- -- -- -- --
	Schiavi Shoes Global CSS file
	Author: Chris Pearce / Cornerstone Technologies
	Created: Jan 15 2007
	-- -- -- -- -- -- --
*/
												/****************************************************************************************
												>> HTML Elements << 
												*****************************************************************************************/
html, body {
	margin: 0; 
	padding: 0; 
	border: 0;
}
body {
	background: #fff;
	color: #000;
	margin: 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
a:link, a:visited {
	text-decoration: underline; 
	color: #600e12;
}
a:hover, a:active {
	text-decoration: none; 
	color: #600e12;
}
p {
	margin: 0 0 1.5em; 
	line-height: 1.6;
}
a img {border: 0;}
ul li {
	margin-bottom: 0.30em; 
	list-style: square;
	line-height: 1.5;
}
ol li {margin-bottom: 0.30em; line-height: 1.5;}
ul li ul, ol li ol {
	margin-top: 0.60em; 
	margin-bottom: 0.80em;
}
ul li ul li {list-style: disc;}
table td {font: 12px Verdana, Arial, Helvetica, sans-serif;}
address {font-style: normal;}
hr {
	color: #ded7d8; 
	background: #ded7d8; 
	height: 1px; 
	border: 0;
}
blockquote {
	font: italic normal 12px Georgia, "Times New Roman", Times, serif; 
	margin: 0; 
	padding: 0;
	color: #600e12;
}
blockquote p {margin-bottom: 0;}
h1 {
	font: 500 22px "Trebuchet MS", Tahoma, "Lucida Console", "Lucida Sans Unicode";
	color: #000;
	margin: 0 0 0.70em;
	border-bottom: 1px solid #ded7d8;
	padding-bottom: 3px;
}
h2,h3,h4,h5,h6 {
	font: 500 18px "Trebuchet MS", Tahoma, "Lucida Console", "Lucida Sans Unicode";
	color: #000;
	margin: 0 0 0.40em;
}
h3 {color: #666; font-size: 17px; font-weight: bold; margin-bottom: 0.20em;}
h4,h5,h6 {color: #999; font-size: 16px; font-weight: bold; margin-bottom: 0.20em;}
h5,h6 {color: #000; font: bold 12px Verdana, Arial, Helvetica, sans-serif;}

												/****************************************************************************************
												>> Page Layout << 
												*****************************************************************************************/
												
															/* ---------- Accessibility ---------- */
#accessibility {
	position: absolute;
	top: -9999px;
	font-size: 1px;
}
															/* ---------- Wrapper [Main Holding Container] ---------- */

#wrapper {
	width: 766px !important; /* for most browsers */
	width /**/:770px; /* for pre 6.0 IE Win */
	border: 2px solid #c4c2c3;
	margin: 0 auto;
	text-align: left;
	background: #fff url('maincontent.gif') repeat-y top left;
}
															/* ---------- Masthead ---------- */
#masthead {
	position: relative;
	height: 83px;
	border-bottom: 1px solid #fff;
	background: #000;
}
/* Branding */
#masthead h1	{
	background: #000 url('logo.jpg') no-repeat top left;
	position: absolute;
	top: 15px;
	left: 31px;
	width: 224px;
	cursor: pointer;
	padding-top: 57px;
	padding-bottom: 0;
	overflow: hidden;
	margin: 0;
	border: 0;
	height: 0 !important; /* for most browsers */
	height /**/:57px; /* for pre 6.0 IE Win */
}
#homepage #masthead h1 {cursor: default;}
/* Toolbar */
#masthead ul#toolbar {
	position: absolute;
	bottom: 0;
	right: 0;
	background: #000 url('toolbar.gif') no-repeat top left;
	margin: 0;
	padding: 0;
	width: 327px;
	height: 33px;
	list-style: none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 0;
}	
#masthead ul#toolbar li {
	float: left; 
	list-style: none; 
	margin-top: 10px;
}
#masthead ul#toolbar li a {
	display: inline;
	float: left;
	text-decoration: none;
	color: #fff;
}
#masthead ul#toolbar li#toolbar1 a {
	margin-left: 12px; 
	margin-right: 20px;
	background: #000 url('my-account.gif') no-repeat 0 2px;
	padding-left: 18px;
}
#masthead ul#toolbar li#toolbar2 a {
	margin-right: 21px;
	background: #000 url('register.gif') no-repeat 0 3px;
	padding-left: 14px;
}
#masthead ul#toolbar li#toolbar3 a {
	background: #000 url('shopping-bag.gif') no-repeat 0 2px;
	padding-left: 15px;
}
#masthead ul#toolbar li a:hover {text-decoration: underline;}
						
																/* ---------- Main Content Area ---------- */				
#mainContent {
	border-top: 1px solid #fff;
	z-index: 10;
	min-height: 360px;
}
#homepage #mainContent {min-height: 30px;}
/* Hacks for IE 6 and below */
* html #mainContent {height: 360px;}
* html #homepage #mainContent {height: 30px;}
																/* ---------- Product Nav ---------- */
#mainContent #productNav {
	float: left;
	width: 140px;
}
#mainContent #productNav * {margin: 0; padding: 0;}
#mainContent #productNav h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	padding: 6px 0 6px 7px;
}
#mainContent #productNav ul {list-style: none;}
#mainContent #productNav ul li {
	list-style: none; 
	line-height: normal;
	font-size: 1px;
	margin: 0;
	border-bottom: 2px solid #E0E0E0;
}
#mainContent #productNav ul li a {
	display: block;
	background: #fff url('product-nav.gif') no-repeat 18px 50%;
	padding: 3px 4px 3px 30px;
	color: #000;
	text-decoration: none;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.6;
	width: 106px !important;
	width /**/:140px; /* for pre 6.0 IE Win */
}
#mainContent #productNav ul li ul li {border: 0;}
#mainContent #productNav ul li ul li a {
	background: #E8E8E8 url('product-nav.gif') no-repeat 23px 50%;
	padding-left: 36px;
	font-size: 11px;
	width: 100px !important;
}
#mainContent #productNav a:hover {font-weight: bold;}
																/* ---------- Page Copy ---------- */
#mainContent #pageCopy {
	margin-left: 170px;
	padding: 15px 41px 5px 0;
}
#products #mainContent #pageCopy {
	width: 555px;
	padding: 15px 0 26px 0;
}
																/* ---------- Footer ---------- */
#footer {
	clear: both;
	width: 770px;
	margin: 8px auto 0;
	position: relative;
	text-align: left;
}
#footer p {
	margin: 0;
	color: #fff;
	padding-left: 20px;
	font-size: 10px;
}
#footer p a:link, #footer p a:visited {
	color: #fff;
	text-decoration: none;
}
#footer p a:hover {text-decoration: underline;}
#footer a#csdesign {
	position: absolute;
	top: 4px;
	right: 20px;
	width: 115px;
	height: 12px;
	display: block;
	background: #000 url('csdesign.gif') no-repeat top left;
}
#footer a#csdesign span {display: none;}

												/****************************************************************************************
												>> General Content Formatting << 
												*****************************************************************************************/
												
												/****************************************************************************************
												>> HTML Tables << 
												*****************************************************************************************/
table.auction {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 1.4em;
}
table.auction td {
	padding: 0 0 6px 0;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align: top;
}
table.auction td img {
	border: 1px solid #666;
	padding: 1px;
	display: block;
	margin: 0 auto;
}
table.auction td h3 {
	margin-bottom: 5px;
	background: #666;
	color: #fff;
	text-align: center;
	font-weight: 500;
}
table.auction td h3 a {color: #fff; text-decoration: none;}
table.auction td h3 a:hover {text-decoration: underline;}
table.auction td ul {
	margin: 5px 5px 5px 32px; 
	padding: 0;
}
table.auction td ul li {
	font-size: 11px;
	margin-bottom: 0.10em;
	text-align: left;
	color: #666;
}
																/* ---------- Photo Gallery Table Master ---------- */
table#photoGallery {
	border: 1px solid #C7C3C3; 
	width: 552px; 
	margin: 0 auto 20px auto;
	border-collapse: collapse;
}
table#photoGallery th {
	padding: 5px 0 5px 6px;
	text-align: left;
	background: #E0E0E0;
	vertical-align: middle;
	border-bottom: 1px solid #C7C3C3;
}
table#photoGallery td {
	border: 1px solid #C7C3C3; 
	text-align: center; 
	padding: 8px 0;
	font-size: 10px;
	width: 138px;
}
table#photoGallery td.error {
	width: 552px; 
	border: 0; 
	padding: 0;
	background: #000;
}
table#photoGallery td.error h6 {
	color: #fff;
	font-size: 11px;
	padding: 8px;
}
table#photoGallery td p {margin: 0;}
table#photoGallery td a img {border: 1px solid #C7C3C3; padding: 1px;}
table#photoGallery td a:hover img {border: 1px dotted #666;}
	
																/* ---------- Photo Gallery Table Details ---------- */
table#photoGalleryDetails {
	border: 1px solid #C7C3C3; 
	width: 553px; 
	margin: 0 auto 15px auto;
	border-collapse: collapse;
	background: #E0E0E0;
}
table#photoGalleryDetails td {padding: 3px 0;}
table#photoGalleryDetails td a {font-weight: bold; text-decoration: none;}
table#photoGalleryDetails td a:hover {text-decoration: underline;}
table#photoGalleryDetails td.prev {text-align: left; padding-left: 5px;}
table#photoGalleryDetails td.next {text-align: right; padding-right: 5px;}
table#photoGalleryDetails td.return {
	width: 408px; 
	text-align: center;
}
																/* ---------- Photo Gallery Misc Styles ---------- */
p.imageDesc {margin-bottom: 10px;}
h2.imageName {border-bottom: 1px solid #C7C3C3; padding-bottom: 1px;} 
img.enlarged {
	width: auto; 
	border: 1px solid #C7C3C3;
	padding: 1px;
	display: block;
	margin: 10px auto 20px auto;
}
												/****************************************************************************************
												>> Forms << 
												*****************************************************************************************/
form {margin: 0; padding: 0;}
/* UNIWIN */
form input,
form textarea {border: 1px solid #666; background: #F5F5F5;}
form textarea {
	overflow: auto; 
	font: 12px Arial, Helvetica, sans-serif;
}
form input.submit {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif; 
	padding: 3px 0;
	color: #fff;
	border: 0;
	text-align: center;
	cursor: pointer;
	background: #666 url('submit.jpg') repeat-x top left;
}
												/****************************************************************************************
												>> CMS Tweaks << 
												*****************************************************************************************/
table td p, table td h1,
table td h2, table td h3,
table td h4, table td h5,
table td h6 {margin: 0;}
												/****************************************************************************************
												>> Classes << 
												*****************************************************************************************/