/*
*	RESET
*	Based on Eric Meyer's and YUI implementation, also browsed W3C core styles for additional ideas.
*	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*	http://developer.yahoo.com/yui/reset/
*	http://www.w3.org/StyleSheets/Core/Overview
*/

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, 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%; font-weight: normal; font-style: normal; 
	font-variant: normal; word-spacing: normal; letter-spacing: normal; text-transform: none; font-family: inherit;
	vertical-align: baseline; }

body { color: black; background: white; }
ol, ul { list-style: none; }
table  { border-collapse: collapse; border: 0; }
caption, th, td  { text-align: left; font-weight: normal; }
p { margin-bottom: 1em; }
em { font-style: italic; }
strong { font-weight: bold; }
#page #content input, #page #content select { font-family: Arial, sans-serif; font-size: 10pt; margin: 3px 0; }

/*
*	DEFAULTS
*/

.clear { clear: both; }

	/* serif, sans-serif, monotype, cursive */
	
	/* Georgia, "Minion Web", Palatino, "Book Antiqua", Utopia, "Times New Roman", serif */
	/* "Trebuchet ms", Verdana, "Myriad Web", Syntax, sans-serif */
	/* "Monotype.com", "Courier New", monospace */

body { font-family: Arial, sans-serif; font-size: 10pt; background: #fff33c url("owl_images/bg.gif"); color: #444444; }
a { color: #568917; text-decoration: none; }
a:hover { color: #7ac320; }

/*
*	LAYOUT
*/

#page { padding-bottom: 20px; background-color: #ffffff; width: 914px; margin: 0 auto; border-right: 1px solid #d8cd18; border-left: 1px solid #d8cd18; }

/*
*	HEADER
*/

#header { position: relative; height: 205px; background: #b7d8f7 url("owl_images/header.gif") no-repeat top right; }
#header .logo { display: block; width: 235px; height: 205px; background: #fffffd url("owl_images/logo.gif") no-repeat; text-indent: -1000em; }
#header ul { position: absolute; bottom: 0; right: 0; width: 679px; height: 66px; overflow: hidden; }
* html body #header ul { bottom: -1px; }
#header ul li { float: left; padding-left: 5px; background: url("owl_images/circle.gif") no-repeat 0 47px; }
#header ul li.first { padding-left: 0; }
#header ul li.first { padding: 0 9px 0 0; background: none; }
#header ul li a { float: left; display: block; height: 29px; padding: 37px 14px 0 14px; color: #fffffc; font-size: 14pt; background: url("owl_images/menu-owl.gif") no-repeat top center; }
#header ul li.first a { padding: 37px 4px 0 0; }
#header ul li a:hover { color: #000000; background: url("owl_images/menu-owl.gif") no-repeat bottom center; }

/*
*	SUBMENU
*/

#submenu { margin-bottom: 20px; padding-right: 5px; height: 19px; width: 909px; background: url("owl_images/logo-bottom.gif") no-repeat; overflow: hidden; }
#submenu ul { float: right; }
#submenu ul li { float: left; padding: 0 4px 0 7px; background: url("owl_images/square.gif") no-repeat center left; }
#submenu ul li.first { background: none; }
#submenu ul li a { float: left; font-weight: bold; font-size: 9pt; }

/*
*	SIDEBARS
*/

.sidebar { width: 127px; padding: 0 17px; float: left; }
.sidebar a { font-size: 8pt; }
.sidebar .cart { font-size: 10pt; display: block; padding-left: 22px; margin: 0 0 5px 20px; height: 14px; background: url("owl_images/cart.gif") no-repeat center left; font-weight: bold; }
.sidebar h2 { text-transform: uppercase; padding-top: 4px; color: #fffffd; text-align: center; width: 127px; height: 17px; background: #ff5307 url("owl_images/sidebar-header.gif") no-repeat; font-size: 8pt; font-weight: bold; }
.sidebar ul li { margin-bottom: 10px; }
.sidebar ul li ul, .sidebar ul li ol { padding: 6px; border: 1px solid #c20000; font-size: 8pt; }
.sidebar ul li ul li { margin: 0; }
.sidebar ul li ol li { margin: 0 0 5px 25px; list-style-type: decimal; }
.sidebar ul li ul li ul, .sidebar ol li ol li ol { padding: 0 0 0 5px; border: none; }
.sidebar #s { border: 1px solid #a6a6a6; width: 108px; font-size: 8pt; background: url("owl_images/search-bg.gif") repeat-x; }
.sidebar #searchsubmit { display: block; width: 108px; height: 13px; background: url("owl_images/search.gif") no-repeat; text-indent: -1000em; margin-top: 4px; }

/*
*	CONTENT
*/

#content ul { list-style: square inside; margin: 1em .5em; }
#content p { margin: 1em 0; }

#content .ProductPrice { font-weight: bold; }
.ErrorMessage, .ValidateErrorMessage, .Star { font-weight: bold; color: #ff0000; }
.SuccessMessage { color: #00ff00; }
.TableHead th { background-color: #cccccc; font-weight: bold; padding: 3px; }

#content { width: 588px; float: left; overflow: hidden; }
#content h1 { font-size: 18pt; color: #c20001; padding-bottom: 5px; margin-bottom: 5px; background: url("owl_images/header-underline.gif") no-repeat bottom center; }
#content h2 { font-weight: bold; font-size: 12pt; color: #c20001; padding-bottom: 5px; margin-bottom: 10px; background: url("owl_images/header-underline.gif") no-repeat bottom center; }
#content h2 a { font-weight: bold; color: #c20001; }
#content h3 { margin-top: 25px; padding: 6px 0 0 7px; background: #ff5307 url("owl_images/new-products-header.gif") no-repeat; height: 20px; font-weight: bold; color: #fffffd; font-size: 11pt; }
#content h4 { color: #568917; font-weight: bold; font-size: 1.1em; }
#content h4 a { font-weight: bold; }
#content #new-products ul { border: 1px solid #c20000; width: 586px; height: 275px; }
#content #new-products li { font-size: 8pt; float: left; margin: 10px 0; width: 195px; height: 117px; overflow: hidden; text-align: center; }

#content .dialog { margin-bottom: 20px; }
#content .product-image, #content .product-image-list { text-align: center; float: left; width: 80px; overflow: hidden; }
#content .product-image img, #content .product-image-list img { width: 70px; }
#content .product-image-list { padding: 9px; margin-bottom: 10px; }
#content .product-details { float: right; width: 490px; }
#content .label { display: block; float: left; width: 75px; }
#page #content .product-details input { margin: 0; padding: 0; height: 1em; }
#content .category-product-box { margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #c20001; }
#content .pager { margin: 20px 0; }
#content .ButtonLink { width: 108px; height: 25px; line-height: 25px; display: block; text-align: center; color: #ffffff; background: #c20000 url("owl_images/button.gif") no-repeat; }
#content .search-form { height: 40px; text-align: center; margin: 10px auto; width: 420px; }
#content .search-form input { display: block; float: left; width: 300px; }
#content .search-form .ButtonLink { float: right; }

/*
*	FOOTER
*/

#footer { padding: 18px 0; width: 916px; height: 27px; margin: 0 auto; background: url("owl_images/footer.gif") no-repeat; text-align: center; }
#footer li { display: inline; font-size: 8pt; color: #fffffc; padding-left: 7px; background: url("owl_images/mini-square.gif") no-repeat center left; }
#footer li.first { background: none; padding-left: 0; }
#footer li a { font-size: 8pt; color: #fffffc; }
#footer li a:hover { text-decoration: none; color: #000000; background: none; }