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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

html { overflow: -moz-scrollbars-vertical !important; }

html, body {
    min-height: 100%;
	margin-bottom: 1px;
	color: #003399;
	background: white;
}
ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

body  {
	font: Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 0; 
	padding: 0;
	text-align: center;
}

#container {
	width: 780px;
	margin: 0 auto;
	text-align: left; 
	font-size: 0.8em;
} 

#wollyonlinelogo{
	background: url(images/wollylogobanner_nl.gif) no-repeat left top;
	display:block;
	margin:0;
	padding:0;
	width:371px;
	height:65px;
    text-indent:-9999px;
}
#header {
	height: 100px;
	background: url(images/nav.gif) repeat-x left bottom;
} 

#sidebar1 {
	float: left;
	width: 12em; 
}

#sidebar1 p {
	margin-top: 0.8em;
	margin-left: 1.4em;
	margin-right: 2em;
}

#sidebar2 {
	float: right;
	width: 12em;
}

#sidebar2 p {

	margin-top: 0.8em;
	margin-right: 1.4em;
	margin-left: 0;
}

#mainContent {
	margin: 0 12em 1.5em 12em; 
	padding: 1em 0.5em;
	border: 1px solid #E6E6FF;
}
#footer {
	padding: 0.75em 0.5em 0.5em; 	
	text-align: center;
	color: #CCC;
	font: 0.7em Helvetica, Arial, Verdana, sans-serif;
} 
#footer p {
	margin: 0; 
	padding: 10px 0; 
}
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

p {
	font: 1em/1.5 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0.4em;
	margin-bottom: 0.7em;
}
#mainContent h1 {
	font: normal 1.6em Helvetica, Arial, Verdana, sans-serif;
}
#mainContent h2 {
	font: normal 1.4em Helvetica, Arial, Verdana, sans-serif;
	padding-top: .7em;
}
h3 {
	font: normal 1.2em Helvetica, Arial, Verdana, sans-serif;
}

#header ul {
	margin-top: 11px;
	margin-left: 40em;
}
#header li {
	display: inline;
	padding-right: 0.2em;
	padding-left: 1.2em;
}
#header a:link, #header a:visited {
	font: 1em/1.5 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
#header a:hover, #header a:active, #header a:focus {
	color: #003399;
	text-decoration: none;
}
.deco {
	background: url(images/dots.gif) no-repeat left center;
}

blockquote {
	margin-top: 1.5em;
}
cite {
	font-style: italic;
	padding-left: 12px;
}
#quotes p, #quotes p cite {
	color: #A23378;
	margin: 0;
	padding-left: 12px;
}
.date {
	color: #A23378;
	padding-left: 12px;
}
.info {
	margin-top: .2em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #D6B0D9;
}
fieldset {
	border: 1px solid #336;
	padding: .8em 0 .8em .8em;
}
legend {
	font-size: 1.5em;
}
label {
	display: block;
	margin-top: .5em;
}

caption {
	display: table-caption;
	padding-top: 1em;
	padding-bottom: 0.2em;
	font: 1.5em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
.open {
	background: #EFE5EB;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Cartweaver 3 CSS Classes */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*
NOTE: All styles below are specific to Cartweaver 3.
You may use the CSS above, or remove it and attach
your own CSS file in addition to cartweaver.css
*/

/*Form Styles*/
input.formCheckbox {
	border: 0;
	background: transparent;
}

form {
	margin: 0px;
	padding:0px;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	font-size: 0.80em;
	color: #002252;
}

/* Tables used to display tabular Data. */
/* Apply to <table> tags only. 
Example: <table class="tabulardata">*/
table.tabularData {
	border: 1px solid #003399;
	width: 100%;
}
table.tabularData td, table.tabularData th{
	padding: 6px;
	border: 2px solid #FFF;
	border-collapse: collapse;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #FFDBE5;
	color: #336;
	font-weight:normal;
}

/* PageCart */
td.PageCart {
	font-size: 0.85em;
	color: #336;
}
p.PageCart {
	font-size: 0.85em;
	color: #336;
}

table.PageCart{
	border: 1px solid #E6E6FF;
	background-color: #FFF;
	width: 11em;
}
td.PageCart {
	background-color: #FFF8E0;
	padding: 4px;
	border: 2px solid #FFFFFF;
}

/* Products */

table.Products{
	width: 100%;
	padding: 0px;
}

td.Products {
	border: 4px solid #FFFFFF;
	padding:0;
	text-align: center;
}
/* altRowEven & altRowOdd are used to style alternating table rows. */
.altRowEven {
	background: #F7F7F7;
}
.altRowOdd{
	background: #E5E5E5;
}

.smallprint {
	font-size: 0.85em;
}

.pagingLinks {
	text-align: center;
}

.errorMessage {
	color: #993333;
	font-weight: bold;
}
/* This aligns products to the top of the table cell with horizontal display of results */
table#tableSearchResults td {
	vertical-align:top;
}
a:link {
	color: #FF6699;
	text-decoration: none;
}
a:visited {
	color: #FF6699;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #FF3399;
	text-decoration: none;
}