/* CSS Document */

#productContent {
	overflow: hidden;
}

#productText {
	width: 415px;
	padding-right: 10px;
	float: left;
}

div#menuFooter {
	margin: 0 auto;
}

#scrollingProducts {
	margin-top: 2em;
}

/* ~~~~~~~~~~~~~~~~~~~~~ GLOBAL ~~~~~~~~~~~~~~~~~~~~~ */

dt {
	font-weight: bold; 
	margin-bottom: .3em;
}
dd {
	margin-left: .5em; 
	margin-bottom: 1em;
}
input, textarea {
	font: 1.2em arial, helvetica, sans-serif;
	padding: 2px;
}

/* ~~~~~~~~~~~~~~~~~~~~~ CLASSES ~~~~~~~~~~~~~~~~~~~~~ */

.product-image {
	float: right;
	width: 325px; 
	text-align: center;
}

.hidden {
	visibility: hidden;
}

.clear-wrapper {
	clear: both;
	height: 50px;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html .clearfix {height: 1%;} /* Hides from IE-mac \*/
.secondary-text {color: #666; font-size: .8em;}

.required, .error {
	color: #990000; 
	font-weight: bold;
}
.products-thumb {
	float: left;
	height: 125px;
	font-family: "Century Gothic", Verdana, sans-serif;
	margin-right: 19px;
	margin-bottom:20px;
	text-align: center;
	border:1px solid #ccc;
}
.products-thumb:hover {
	border:1px solid #000;
}
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~ ACTION ~~~~~~~~~~~~~~~~~~~~~ */

.clear {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
}

#action {
	width: 782px;
	margin-left: 10px;
}

#action h1 {
	font: 2.4em  "Century Gothic", Verdana, sans-serif;
	margin: 0;
	padding: 30px 0 0 30px;
}
#action #column1 {
	float: left;
	width: 511px;
	height: 135px;
	overflow: hidden;
	background-color: #fff;
	border-left: 1px solid #000;
}
#action #column2 {
	float: right;
	width: 269px;
	height: 135px;
	background-color: #bccae9;
	border-right: 1px solid #000;
}

#action #column2 a {
	font-size: 112%;
	color: #000;
	text-decoration: none;
}
#action #column2 a:hover {
	color: #fff;
}

#show-nav1 {
	float: left;
	list-style: none;
	font-size: 10px;
	padding: 0 0 10px 15px;
	margin: 0;
}
#show-nav2 {
	float: right;
	list-style: none;
	font-size: 10px;
	padding: 0 20px 10px 0;
	margin: 0;
}
#show-nav1 li, #show-nav2 li {padding-top: 8px;}

/* ~~~~~~~~~~~~~~~~~~~~~ GLOBAL ~~~~~~~~~~~~~~~~~~~~~ */

h1, h2 {
	font-family: "Century Gothic", Verdana, Helvetica, sans-serif;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.8em;
}

/* ~~~~~~~~~~~~~~~~~~~~~ OTHER ~~~~~~~~~~~~~~~~~~~~~ */

#productLoading {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 25px;
	padding-top: 75px;
	padding-bottom: 75px;
}

#productLoading p {
	padding-top: 3em;
}

span.secondary-text {
	display: block;
}

#browseAll {
	text-align: center;
}

/* ~~~~~~~~~~~~~~~~~~~~~ PAGE OPTIONS ~~~~~~~~~~~~~~~~~~~~~ */

#page-options {
	float: right;
	list-style: none;
	font-size: .8em;
	margin: 0;
	padding: 0;
}
#page-options li {
	display: inline; 
	margin-left: 10px;
	}
#page-options a {
	padding: 2px 0 2px 16px;
}
#page-options a.search {
	background: url('/images/icon_search.gif') no-repeat left center; 
}
#page-options a.email {
	background: url('/images/icon_email.gif') no-repeat left center; 
}
#page-options a.print {
	background: url('/images/icon_print.gif') no-repeat left center; 
}

/* ~~~~~~~~~~~~~~~~~~~~~ TABLES ~~~~~~~~~~~~~~~~~~~~~ */

.styled_table {
	margin-top: 14px;
}
.styled_table th {
	font-size: 10px;
	font-weight: bold;
	border-bottom: thin solid #999999;
}
.styled_table td {
	font-size: 14px;
	line-height: 24px;
	border-bottom: thin solid #CCCCCC;
}
.styled_table th,
.styled_table td {
	padding: 2px 4px;
}

#product_table {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width: 275px;
	border: none; 
}

#product_table th,
#product_table td {
	text-align: center;
}


/* ~~~~~~~~~~~~~~~~~~~~~ MAIN BODY ~~~~~~~~~~~~~~~~~~~~~ */

div#mainBody {
	padding: 1em;
	margin-top: 0;
	margin-left: 10px;
	width: 750px;
	min-height: 700px;
	height: 100%; /* js 20080725 */
}

/* ~~~~~~~~~~~~~~~~~~~~~ PAGE SPECIFIC STYLES ~~~~~~~~~~~~~~~~~~~~~ */


#sell-sheet #content {
	text-align: left; /* Verify in IE */
}
#sell-sheet .styled_table {
	margin: 0 auto; /* Verify in IE */
}

#company-header {
	background-color: #fafafa;
	padding: 30px 0;
	border: 1px solid #ccc;
}
#company-header h1 {
	padding: 0;
}
#company-header ul {
	display: inline;
	margin: 0 auto;
	list-style: none;
}
#company-header ul li {
	display: inline;
	padding: 0;
}

#virtual-show #flashcontent {
	text-align: center;
}

#edit-bar {
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

img {
	border: 0;
}