/****************************************************************************************	
	[COMMON RULES]	for entire site + specifics for content area
*****************************************************************************************/

/* Eric Meyer's Reset Rules */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
/* Back to my CSS */
body {
	color: #000;
	font: 11pt/1.5 Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
	background-color: white;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
}
ul {list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table caption, table th, table td {
	text-align: left;
	font-size: 11pt;
}
table caption {
	font-weight: bold;
	font-size: 12pt;
	padding-bottom: 0.4em;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
form legend {
	font-weight: bold;
	font-size: 14pt;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
form div {margin-bottom: 6px;}
form label {display: block;}
abbr {
	cursor: help;
	border-bottom: 1px dotted #000;
}
dfn {font-weight: bold;}
del {color: #666;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
blockquote {
	font: normal 1.15em/1.3 "Times New Roman", Times, serif;
	color: #666;
	padding-left: 18px;
} 
h1, h2, h3, h4, h5, h6 {
	font-size: 20pt;
	font-weight: bolder;
	line-height: 1.3;
	color: #414141;
	margin-bottom: 0.80em;
}
h2, h3, h4, h5, h6 {
	margin-bottom: 0.50em;
	font-size: 17pt;
}
h3, h4, h5, h6 {
	font-size: 16pt;
	color: #666769;
}
h4 {font-size: 15pt;}
h5 {font-size: 14pt;}
h6 {font-size: 13pt;}

/* [CONTENT AREA]
-------------------------------------------------------*/
/* Spacing */
#main-content p, #main-content ul,
#main-content ol, #main-content table {margin-bottom: 1.5em;}
/* Lists */
#main-content ul, #main-content ol {margin-left: 44px;}
#main-content ul {list-style: disc;}
	#main-content ul ul {list-style: circle;}
	#main-content ul ul ul {list-style: square;}
#main-content ol {list-style: decimal;}
	#main-content ul ul, 
	#main-content ol ol {margin: 0.4em 0 0.8em 20px;}

/****************************************************************************************
	[LAYOUT] for each layout division of the site
*****************************************************************************************/

/* [HIDE ELEMENTS]
-------------------------------------------------------*/
.hide,
#header h1,
#header ul,
#nav-search,
#banner,
#footer ul,
#subnav,
#breadcrumbs,
#product-count input,
#main-content div.form-submit,
#main-content p.form-hint,
.pagination,
tr.product-btns,
tr.product-compare,
ul#tab-nav-one,
ul#tab-nav-two,
#product-details-two fieldset,
ul.toolbar,
#video,
.product-compare-dropdown {display: none;}

/* [WRAPPER]
-------------------------------------------------------*/
#wrapper {
	width: 100%;
	background: none;
}

/* [HEADER]
-------------------------------------------------------*/
#header {text-align: right;}

/* [MAIN CONTENT]
-------------------------------------------------------*/
#main-content {padding: 20px 0;}

	/* Sidebar */
	#main-content .sidebar {
		border-top: 2px solid #666;
		padding: 16px 0;
		margin: 20px 0 0 0;
	}
	body.page-home #main-content .sidebar {border-bottom: 2px solid #666;}

/* [PROMO]
-------------------------------------------------------*/
#promo {
	float: left;
	padding-bottom: 20px; 
}
	#promo h3 {
		text-transform: uppercase;
		font-size: 13pt;
		font-style: italic;
		color: #414141;
		float: left;
		width: 100%;
		margin-bottom: 0;
	}
	#promo ul {
		float: left;
		padding-top: 8px;
		width: 100%;
	}
		#promo ul li {
			float: left;
			margin-right: 20px;
			margin-bottom: 20px;
			display: inline;
		}
		#promo ul li.last-item {margin: 0;}
			#promo ul li img {
				max-width: 223px;
				max-height: 128px;
				display: block;
				border: 1px solid #8C8C8C;
			}

/* [FOOTER]
-------------------------------------------------------*/
#footer {
	border-top: 1px solid #666;
	padding: 5px 0 0 5px;
	clear: both;
}
	#footer p {
		font: normal 9pt Arial, Helvetica, sans-serif;
		color: #666;
	}

/****************************************************************************************
	[CONTENT AREA COMPONENTS] specific styles for content area (#page-copy)
*****************************************************************************************/

/* [PRODUCT PAGE STYLES]
-------------------------------------------------------*/
	
	/* Intro - product listing */
	#main-content .page-copy div.intro {
		font-weight: bold;
		font-size: 12pt;
		color: #333;
		padding-bottom: 15px;
	}
	
	/* Product Title */
	#main-content .page-copy #product-count {
		margin-bottom: 25px;
		border: 1px solid #ccc;
		padding: 10px;
	}
		#main-content .page-copy #product-count h2,
		#main-content .page-copy #product-count h3 {
			text-transform: uppercase;
			font: bold 12pt Arial, Helvetica, sans-serif;
			margin: 0 0 6px 0;
			border-bottom: 1px solid #999;
			padding-bottom: 6px;
		}
		#main-content .page-copy #product-count h3 {
			color: #424244;
			padding: 0;
			text-transform: none;
			margin: 0;
			border: 0;
		}
	
	/* Product Listings */
	#main-content .page-copy table.product-listing {
		clear: both;
		font-family: Arial, Helvetica, sans-serif;
		margin: 0 0 20px 0;
		border: 1px solid #999;
	}
		/* defaults */
		#main-content .page-copy table.product-listing td,
		#main-content .page-copy table.product-listing th {
			width: 180px;
			vertical-align: top;
			font-size: 11pt;
			border-right: 1px solid #999;
		}
		#main-content .page-copy table.product-listing td {font-size: 10pt;}
		#main-content .page-copy table.product-listing th {
			border-bottom: 2px solid #999;
			border-top: 1px solid #999;
		}
		
		/* cell container */
		#main-content .page-copy table.product-listing td div,
		#main-content .page-copy table.product-listing th div {
			width: 160px;
			padding: 6px 10px;
		}
		#main-content .page-copy table.product-listing td div {font-size: 10pt;}
		#main-content .page-copy table.product-listing th div { 
			font-size: 11pt;
			font-weight: bold;
		}
			#main-content .page-copy table.product-listing td div p {
				margin: 0;
				line-height: 1.3;
			}
			#main-content .page-copy table.product-listing td div img {
				margin: 4px auto 10px auto;
				display: block;
				max-width: 142px;
			}
			#main-content .page-copy table.product-listing td div ul {margin: 0 0 0 12px;}
		
		/* headers */
		#main-content .page-copy table.product-listing th {
			color: #000;
			text-align: left;
			line-height: 1.3;
		}
			#main-content .page-copy table.product-listing tr.product-names th {font-size: 12pt;}
		
		/* price */
		#main-content .page-copy table.product-listing tr.product-price td {}
		#main-content .page-copy table.product-listing tr.product-price td div {
			border-top: 2px solid #666;
			padding-top: 12px;
		}
	
	/* Product Details */
	#main-content .page-copy div.ui-tabs-panel {
		border-left: 2px solid #ccc;
		padding: 10px;
		margin-bottom: 10px;
	}
	#main-content .page-copy #product-details-two div.ui-tabs-panel {
		border: 0;
		margin-top: 30px;
		padding: 0;
	}
		#main-content .page-copy #product-details-two #img1,
		#main-content .page-copy #product-details-two #img2 {
			width: 280px;
			float: left;
			margin-right: 20px;
			text-align: center;
		}
		#main-content .page-copy #product-details-two #img3 {
			clear: both;
			text-align: center;
		}
	
/****************************************************************************************
	[COMMONLY USED CLASSES]
*****************************************************************************************/

/* [INTRO]
-------------------------------------------------------*/
#main-content .page-copy .intro-txt {
	border-top: 1px solid #DBDBDB;
	border-bottom: 1px solid #DBDBDB;
	font-size: 12pt;
	font-weight: bold;
	color: #656668;
	padding: 13px 0;
}