@charset "UTF-8";
/* CSS Document */



/* RESETS AND BASIC PAGE SETUP */
	* { margin: 0; padding: 0; }

	body { font-size: 62.5%; font-family: Helvetica, arial, sans-serif; background: url(../images/bg.gif) repeat-x; }

	ul { list-style: none inside; }
		
	p { font-size: 1.2em; line-height: 1.2em; }
	
	a { outline: none; }
	
	a img { border: none; }

	hr { height: 1px; width: 100%; border: 0; background-color: rgb(242,242,242); margin: 20px 0; clear: left; }
/* END RESETS */



/* TOOLBOX */
	.floatleft { float: left; }
	
	.floatright { float: right; }
	
	.clear { clear: both; }
	
	.italic { font-style: italic;}
	
	.rule {border-bottom: dotted 0.1em #ccc; margin: 2.6em 5.0em 2.4em 0; }
	
	.horizontalSpacer {height:20px;}
/* END TOOLBOX */



/* PAGE-WRAP SECTION */
	div#page-wrap { margin: 0 auto; width: 900px; }
/* END PAGE-WRAP SECTION */



/* HEADER SECTION */
	div#header { height: 100px; width: 900px; background: url(../images/header.png) no-repeat 0 8px; margin-top: 3.0em; }
	
	.page-header { width: 900px; height: 30px; float: left; margin: 24px 0 20px 0; }
	
	.page-header-sidebar { width: 250px; height: 50px; float: left; margin: 24px 0 0 0; }
	
	.page-header h1 { float: left; color: #6fcefa; font-family: helvetica, arial, sans-serif; font-weight: normal; font-size: 2.8em; letter-spacing: -0.05em; }
/* END HEADER SECTION */



/* NAVIGATION SECTION */
	ul#nav { height: 20px; width: 900px; margin: 0; border-bottom: dotted #ddd 1px;}

		ul#nav li {	list-style-type: none; float: left; }

		ul#nav li a { display: inline; margin: 0 20px 0 0; color: #666; font-family: helvetica, arial, sans-serif; font-size: 1.2em; text-decoration: none; text-transform: uppercase;}
	
		ul#nav li a:hover { color: #ee66c1; }
/* END NAVIGATION SECTION */



/* MAIN-CONTENT SECTION */
	div#main-content { min-height: 500px;}

	div#left-col { width: 648px; float: left; margin-bottom: 1.0em;}
	
	div#left-col-body { width: 608px; float: left; margin-bottom: 1.0em; padding-right:48px;}
	
		div#left-col-body h1 { text-align: left; color: #333; font-family: helvetica, arial, sans-serif; font-size: 1.8em; line-height: 1.4em; margin-bottom: 0.3em; }
		
		div#left-col-body h2 { text-align: left; color: #ee66c1; font-family: helvetica, arial, sans-serif; font-size: 1.4em; line-height: 1.4em; }
		
		div#left-col-body p { text-align: left; color: #666; font-family: helvetica, arial, sans-serif; font-size: 1.2em; line-height: 1.4em; margin-bottom: 1.4em; padding-right: 5.0em;}
		
		div#left-col-product { float: left; border: solid #ccc 1px; margin: 4px 30px 0 0;}
	
	div#breadcrumbs { margin-top: 3.0em; }
	
		div#breadcrumbs a { color: #999; font-size: 1.2em; text-decoration: none;}
	
		div#breadcrumbs a:hover { color: #ee66c1; text-decoration: underline; }
	
	div#right-col-product { width: 598px; float: left; margin-bottom: 6em; }
	
		div#right-col-product p { text-align: left; color: #999; font-family: helvetica, arial, sans-serif; font-size: 1.2em; line-height: 1.4em; margin-bottom: 1.0em; }
		
		div#right-col-product h1 { text-align: left; color: #666; font-family: helvetica, arial, sans-serif; margin-bottom: 10px; font-size: 1.6em; line-height: 1.4em; font-weight: normal;}
		
		div#right-col-product p span { color: #ee66c1; font-weight: bold; font-size: 1.8em; }

			.large-banner-1 a { float: left; width: 648px; border: solid #ccc 1px; display: block; }
		
			.large-banner-1 a:hover { border: solid #ee66c1 1px;}

	div#right-col { width: 240px; float: right; margin-bottom: 2.0em; }
			
		div#right-col p { text-align: left; color: #999; font-family: helvetica, arial, sans-serif; font-size: 1.2em; line-height: 1.4em; margin-bottom: 1.0em; }
		
		div#right-col a { color: #333; text-decoration: none; font-size: 1.2em; }
		
		div#right-col a:hover { color: #ee66c1; text-decoration: underline; }
		
		div#right-col h1 { text-align: left; color: #333; font-family: helvetica, arial, sans-serif; font-size: 1.8em; line-height: 1.4em; margin-bottom: 0.3em; }
		
		div#right-col h2 { text-align: left; color: #ee66c1; font-family: helvetica, arial, sans-serif; font-size: 1.4em; line-height: 1.4em; }
		
		.sub-banner-1 a { height: 120px; width: 238px; border: solid #ccc 1px; display: block; margin-bottom: 10px;}
		
		.sub-banner-1 a:hover { border: solid #ee66c1 1px;}
		
		.category { float: left; width: 120px; display: block; margin: 0 40px 30px 0; }
		
		.category-right { float: left; width: 130px; display: block; margin: 0 0 30px 0; }
		
		.category p, .category-right p {
	text-align: left;
	float: left;
	color: #999;
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	width: 100%;
}
		
		.category a, .category-right a {
	text-align: left;
	float: left;
	color: #999;
	font-family: helvetica, arial, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	border: solid #ccc 2px;
	display: block;
	margin-bottom: 10px;
}
		
		.category a:hover, .category-right a:hover {
	border: solid #ee66c1 2px;
}
		
		.category h1, .category-right h1 {
	float: left;
	color: #666;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.2em;
	margin-bottom: 0.2em;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
}
		
		.list li { color: #999; font-family: helvetica, arial, sans-serif; font-size: 1.2em; list-style: none; line-height: 1.8em; }
		
		.list { margin-bottom: 18px; }
		
		.list span { color: #ee66c1;}
		
		.select-size { margin: 3.0em 0 0 -0.2em; text-align: left; padding-top: 6px; width: 180px; }
		
		option { padding: 4px 2px 2px 2px;}
		
		.choose-color { margin: 2.0em 0 2.0em -0.2em; text-align: left; padding-top: 6px; width: 180px; }
/* END MAIN-CONTENT SECTION */



/* FOOTER SECTION */
	.page-footer { width: 900px; height: 50px; float: left; text-align: left; margin: 0 0 30px 0;}
	
	div#footer-wrap { margin: 0 auto; width: 900px; }

	div#footer { height: 60px; border-bottom: dotted #ddd 1px; }

	div#footer div#foot-left { float: left; text-align: left; margin-bottom: 50px;}
	
		div#footer div#foot-left a { color: #666; font-family: helvetica, arial, sans-serif; text-decoration: none; }
		
		div#footer div#foot-left a:hover { color: #ee66c1; text-decoration: underline;}

	div#footer div#foot-right { float: right; text-align: right; margin-bottom: 50px;}
	
	div#footer div#foot-left p, div#footer div#foot-right p { color: #666; font-family: helvetica, arial, sans-serif; font-size: 1.0em; text-transform: uppercase; }
/* END FOOTER SECTION */