/* Cosmetics
================================== */

/* Zero out margin and paddin on all elements */
* { margin: 0;  padding: 0; }

a:link, a:visited { color:#09c; text-decoration:none; }
body { font: 62.5%/1.6 Geneva, Arial, Helvetica, sans-serif; background: #fff url(../images/bg-main.gif) no-repeat 0 242px;  }
br { clear:both; }
h1,h2,h3 { line-height: 1em; margin: .5em 0; }
h1 { font-size: 2.3em; font-weight: normal; color: #036; }
h2 { font-size: 1.8em; font-weight: normal; }
h3 { font-size: 1.5em;  font-weight: normal; }
p { margin: 1em 0; }

/* Forms */
/* Fieldset  */
fieldset {
	margin: 1em;
	padding: 0 10px 10px 10px;
	background-color:#fff;
	border-width:1px 1px 1px 10px;
	border-style:solid;
	border-color:#0277b0;
	overflow: auto;
	font-family:Arial, Helvetica, sans-serif ;
	font-size:small;
}
legend {
	line-height: 100%;
	padding: 3px 5px;
	background-color:#fff;
	border-width:1px 1px 1px 10px;
	border-color:#0277b0;
	border-style:solid;	
	color:#5c71a2;
	font-weight:bold;
	text-transform:uppercase;
	font-size:.9em;
	text-align:center;
	margin-bottom: 1em;
	margin-top: 1em;
} 
label { float:left; width: 180px; }

.errFld {border: 1px solid #F00; }
.errMsg { color: #C33; font-size: 1em; display:inline; } 

.message { color:#0376B0; font-weight:normal; background: #E6F4FC; border-top: 5px solid #0376B0; padding: 8px; }
.message a { color:#0376B0; text-decoration: underline; }

#branding { color: #fff; text-align:left; font-size: 1.1em; display:inline; }
#branding form { margin: 1em; }
#branding h1 {
	margin: 0;
	background: url("../images/logo.jpg") no-repeat; 
	width: 230px; height: 242px;
	text-indent: -5000px;
	margin-bottom:1em; 
}
#customerMenu { margin: 0 1em 1em 1em; border-bottom: 1px dashed #fff; padding-top: .5em; }
#customerMenu ul { padding-left: 20px; font-size: 1em; }
#branding a { color:#fff; font-weight:bold; text-decoration: none; }
#branding a:hover { color:#fff; font-weight:bold; text-decoration: underline; }

#mainContent { text-align:left; font-size: 1.2em; }
#content { padding: 0 2em; }
#content ul { margin-bottom: 1em; }
#content li {  background: url(../images/bullet.png) no-repeat left 4px; padding-left: 15px; margin-left: 1em; list-style:none;}

#mainNav, #mainNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	background: #e6dfce; border-bottom: 1px solid #808080; 
}
#mainNav a { display: block; color: #808080; padding: .5em; }
/* width needed or else Opera goes nuts */
#mainNav li { /* all list items */ float: left; width: 10em;  }
#mainNav li ul { /* second-level lists */
	position: absolute;
	 background: #e6dfce;
	width: 14em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-size: 1em; 
}
/* lists nested under hovered list items */
#mainNav li:hover ul, #mainNav li.sfhover ul { left: auto; }
#mainNav #home_page { width: 5em; }
#mainNav #product_page ul li { width: 18em;}
#mainNav #product_page { width: 6em; }
#mainNav #corpgifts_page { width: 8em; }
#mainNav #collectors_page { width: 10em; }
#mainNav #collectors_page ul, #mainNav #collectors_page li { width: 17em; }
#mainNav #visitors_page { width: 8.5em; }
#mainNav #events_page { width: 5em; }
#mainNav #contact_page, #mainNav #about_page { width: 7em; }
#mainNav #about_page li { width: 10em; }
#mainNav #news_page { width: 5em; }
#mainNav #stockists_page { width: 5em; }

#cart_overview { color: #808080; background: #f7f5f0; border-bottom: 1px solid #ccc; padding: .5em; margin-bottom: 1em; font-size: .9em; }

#breadcrumbs { padding: 0 0 5px 0; margin-bottom:1em; border-bottom: 1px dashed #ccc; }

#sections p,ul {  margin:0; font-size: .9em; }
#sections ul { text-align:left; }
#sections li a { color: #000; }
#sections li a:hover { color: #09c; }
#sections .section { margin:0 8px 0 0; padding:0; float:left; text-align:center; }

.categories { clear:both; }
.categories .category { width: 150px; height:140px; text-align:center; float:left; margin: 0 1em 1em 0; }
.categories .category a { display:block; }
.category_description { border-bottom: 1px dashed #ccc; padding-bottom: 1em; }
.product { float:left; margin: 0 2em 2em 0; width: 180px;  text-align:center;   }
.price { color: #09c; font-size: 1.6em; }
.outofstock { font-size: 0.9em; color: #c00; }

.event { clear:both; padding: 1em 0; border-top: 1px dashed #ccc; }

table#cart { border:1px solid #036; }
table#cart td { border-bottom: 1px solid #ccd6e0; border-collapse: collapse; }
table#cart th, table#cart  td { padding: .3em .5em; }
table#cart th { background: #036; color: #fff; }

#data_protection { font-size: .9em; }

#footer { padding: 10px; margin-top:1em; border-top: 1px dashed #ccc; font-size: .9em; color: #666; }
#footer li { display: inline; margin-right: .5em; font-size: 1.1em; }

#disclaimers a { color: #000; border-bottom: 1px dashed #000; }

.error { color: #c00; }

/* Main Layout
================================= */

body { }
#wrapper { width:975px;  }
#branding { width: 230px; float:left; }
#mainContent { float: right; width: 745px; }
#mainNav { width: 100%; }
#footer { clear: both; } 

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin: 1em 0; border: 2px solid #008C00; display:block; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #09c; border-color: #FFD324; }
.success    { background: #cfe7c0; color: #334433; border-color: #008C00; }
.error a    { color: #D12F19; }
.notice a   { color: #990000; font-weight: bold; text-decoration:underline; }
.success a  { color: #529214; }

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block; }
/* End hide from IE-mac */