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; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body 							{ line-height: 1; }
ol, ul 							{ list-style: none; }
blockquote, q 					{ quotes: none; }
blockquote:before, 
blockquote:after,
q:before, q:after 				{ content: ''; content: none; }

/* remember to define focus styles! */
:focus 							{ outline: 0; }

/* remember to highlight inserts somehow! */
ins 							{ text-decoration: none; }
del 							{ text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table 							{ border-collapse: collapse; border-spacing: 0; }

/*		MAIN CSS		*/

body							{ background: #EFEFEF; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px; }
a								{ color: #0E82C7; }
p								{ margin: 0 0 12px !important; }

#wrp							{ width: 960px; margin: 10px auto; }
#inwrp							{ width: 960px; float: left; }
#contain						{ width: 940px; float: left; margin-bottom: 15px; clear: both; border: 1px solid #DFDFDF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 10px; background: #FFFFFF; }
#incontain						{ width: 800px; float: left; }

#header							{ width: 960px; height: 90px; }
h1								{ width: 350px; height: 60px; display: block; float: left; }
h1 a							{ background: url(images/logo.png) no-repeat 0 -30px; width: 350px; height: 60px; display: block; text-indent: -5000px; margin-top: 10px; }
#ban							{ width: 468px; height: 60px; float: right; display: block; padding-top: 10px; }
#top-menu						{ width: 950px; padding-left: 10px; height: 35px; border: 1px solid #DFDFDF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 15px; background: #FFFFFF; }
#top-menu li					{ display: block; float: left; }
#top-menu li a					{ display: block; line-height: 18px; padding: 8px 10px 9px; margin: 0 5px; color: #333333; font-weight: bold; text-decoration: none; }
#top-menu li a:hover			{ background: #0E82C7; color: #FFFFFF; }
#top-menu #search				{ background: #0E82C7; width: 300px; padding-left: 10px; float: right; height: 35px; border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; } 
#top-menu #search input			{ moz-border-radius: 6px; webkit-border-radius: 6px; border-radius: 6px; background: #FFF; border: 0; height: 22px; margin-top: 5px; width: 200px; }
#top-menu #search #searchButton	{ width: 75px; height: 23px; position: relative; top: -1px; }

#content						{ width: 600px; float: left; }
h2								{ color: #0E82C7; margin: 0 0 20px 20px; font-size: 20px; border-bottom: 1px dotted #CCC; padding-bottom: 10px; text-transform: capitalize; }
#home #content p				{ margin: 0 25px 15px !important; }

.prod							{ width: 580px; float: left; margin: 0 10px 20px; clear: both; border-bottom: 1px dotted #DFDFDF; padding-bottom: 15px; margin-bottom: 15px; }
.prod-img						{ width: 150px; height: 150px; overflow: hidden; float: left; }
.prod-details					{ width: 410px; float: right; padding-top: 5px; }
.prod h2						{ font-size: 18px; margin: 0 0 10px 0; }
.prod h2 a						{ text-decoration: none; }	
.prod .shopnow					{ float: right; padding: 3px 8px; display: block; background: #FF9900; border: 1px solid #FF6600; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
.prod .shopnow:hover			{ background: #FFCC00; }

#sidebar						{ width: 199px; float: left; border-right: 1px dotted #DFDFDF; }
#sidebar ul li a				{ border-bottom: 1px dotted #DFDFDF; display: block; width: 179px; margin-right: 10px; text-decoration: none; padding: 5px; }
#sidebar ul li a:hover			{ background: #0E82C7; color: #FFFFFF; }
#adbar							{ width: 129px; float: right; padding-left: 10px; border-left: 1px dotted #DFDFDF; }
#testad							{ width: 125px; height: 600px; background: #CCCCCC; }

#foot							{ width: 960px; float: left; clear: both; margin: 0 auto 15px !important; font-size: 12px; color: #666666 }
#foot .copy						{ width: 460px; padding-left: 10px; float: left; }
#foot .key						{ width: 460px; padding-right: 10px; float: right; text-align: right; font-weight: normal; font-size: 12px; }

#search .prod,
#home .prod						{ width: 150px; float: left; margin: 0 0 25px; padding: 0 25px; clear: none; text-align: center; height: 194px; overflow: hidden; }
#search .prod-img,
#home .prod-img					{ width: 150px; height: 150px; margin-bottom: 5px; }
#search .prod h3,
#home .prod h2					{ font-size: 15px; }
#search .prod h3 a,
#home .prod h2 a				{ text-decoration: none; }
	
#search h2						{ font-size: 18px; }

/* SLIDING LABELS (http://www.csskarma.com/blog/sliding-labels)
======================================================================*/

.submit-form	                        { width: 465px; margin: 0 auto; padding:20px 0 20px 95px;margin:auto;background:#f7f7f7;border:1px solid #ddd; }
.submit-form form                        { }
.submit-form #name-wrap,
.submit-form #email-wrap,
.submit-form #url-wrap,
.submit-form #comment-wrap				{ clear:both;position:relative;margin:0 0 10px; }
.submit-form label                       { cursor:pointer;display:block; }
.submit-form label.error					{ float: right; width: 78px; padding-top: 7px; text-align: left; color: #F00; }
.submit-form input[type="text"],
.submit-form textarea                    { width:340px;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px; }
.submit-form input[type="text"]:focus    { border-color:#777; }
.submit-form input[name="zip"]           { width:150px; }

/* submit button */
.submit-form input[type="submit"]        { cursor:pointer;border:1px solid #999;padding:5px;-moz-border-radius:4px;-webkit-border-radius:4px;background:#eee; }
.submit-form input[type="submit"]:hover,
.submit-form input[type="submit"]:focus  { border-color:#333;background:#ddd; }
.submit-form input[type="submit"]:active { margin-top:1px; }

.carousel { width: 500px; height: 175px; margin: 30px; float: left; }
.additionalProducts { width: 500px; margin: 30px 15px; float: left; }

#content .characterList { margin: 0 0 12px 0; padding: 0; text-align: center; line-height: 22px; }
#wrap #content .characterList a { margin: 2px 20px; border: 0; font-weight: normal; text-decoration: none; border-bottom: 1px solid #E59140; }
#wrap #content .characterList a:hover { text-decoration: none; border-bottom: 1px solid #0E82C7; }
#content .catDesc p { margin: 0 0 12px 0; }
