/** 
 * Typography
 */
input, html, button, textarea { font: 13px Arial, Helvetica, sans-serif; color: #666; }

a, :link { color: #4161b7; /* #6781c5; */ text-decoration: none; }
	a:hover, :link:hover { text-decoration: underline; }
p { margin: 0.5em 0 }
h1, h2, h3 { font-weight: normal; margin: 10px 0; }
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }

/**
 * Accessibility aids
 */
 .internal-navigation { display: none; }

/** 
 * Forms
 */
.raised { background: url(images/raised-bg.gif) top left repeat-x; padding-top: 16px; } 

form.standard { font-size: 14px; }
	form.standard .cool { padding: 0 10px; margin: 10px 0 0 0; width: 301px; }
	form.standard .cooool { padding: 0 10px; margin: 10px 0 0 0; width: 623px; }
	form.standard hr { border: none; border-top: 1px solid #ccc; margin: 15px 0 10px 0; }
	form.standard .formActions { background: url(images/form-actions-bg.gif) top left repeat-x; padding-top: 10px; margin-top: 10px; }
	form.standard label { display: block; margin-bottom: 0.25em; }
	form.standard input.text { width: 250px; }
	form.standard input.text.medium { width: 400px; }
	form.standard p.infoBox { border: 1px solid #ddd; background: #f2f6de; padding: 8px 10px; margin: 10px 0; }

/**
 *	Multicolumn layout, 6 column grid
 */
.row { width: 966px; overflow: hidden; margin-right: -1px; }
	.cool .row { width: 322px; } .coool .row { width: 483px; }
	.cooool .row { width: 644px; } .coooool .row { width: 805px; }

.col, .cool, .coool, .cooool, .coooool { float: left; margin-right: 1px; position: relative; min-height: 1px; }
	.col { width: 160px; } .cool { width: 321px; } .coool { width: 482px; } 
	.cooool { width: 643px; } .coooool { width: 804px; } .cooooool { width: 966px; }
	
.col .pad, .cool .pad, .coool .pad, .cooool .pad, .coooool .pad, .cooooool .pad { padding: 12px; }
.col .padh, .cool .padh, .coool .padh, .cooool .padh, .coooool .padh, .cooooool .padh { padding: 0 12px; }

/**
 * Base structure
 */
html { background: #f3f2f2 url(images/body-bg.jpg) top left repeat-x; }
body { margin: 0; }
#wrapper {
	margin: 0 auto;
	position: relative;
	width: 965px;
	padding: 0 10px 10px 10px;
	margin-bottom: 40px;
	background: white; 
	}

/**
 * Button stylings
 * Condensed from http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/ 
 */

/* REQUIRED BUTTON STYLES: */		
span.button input::-moz-focus-inner, span.flat input::-moz-focus-inner { border: none; }
span.button input, span.flat input { border: none; overflow: visible; margin-right: 0; margin-left: 1px; background-color: transparent; }

/* Default styling */
a.button, a.button span, span.button, span.button input {
	background: url(images/btn-green-bg.gif) center left no-repeat; color: white; font-size: 15px; 
	}

span.flat input { cursor: pointer; }
span.button { padding: 6px 0 5px 0; cursor: pointer; }
span.button input { padding: 6px 5px 5px 5px; background-position: center right; cursor: pointer; }

a.button { padding: 6px 0 5px 10px; line-height: 27px; cursor: pointer; }
a.button span { padding: 6px 10px 5px 0; background-position: center right; }

a.button.disabled, a.button.disabled span, span.button.disabled, span.button.disabled input { 
	background-image: url(images/btn-lightgray-bg.gif); color: #999; cursor: default; }
a.button.secondary, a.button.secondary span, span.button.secondary, span.button.secondary input { 
	background-image: url(images/btn-gray-bg.gif); }
a.button.order, a.button.order span, span.button.order, span.button.order input { 
	background-image: url(images/btn-orange-bg.gif); }
a.button.order.small, a.button.order.small span, span.button.order.small, span.button.order.small input { 
	background-image: url(images/btn-orange-bg-small.gif); }
a.button.showroom, a.button.showroom span, span.button.showroom, span.button.showroom input { 
	background-image: url(images/btn-blue-bg.gif); }
a.button.showroom.small, a.button.showroom.small span, span.button.showroom.small, span.button.showroom.small input { 
	background-image: url(images/btn-blue-bg-small.gif); }
a.button.small, a.button.small span, span.button.small, span.button.small input { 
	background-image: url(images/btn-green-bg-small.gif); }

span.button.small { padding: 5px 0 4px 8px; font-size: 12px; }
span.button.small input { padding: 5px 8px 4px 0; background-position: center right; color: white; font-size: 12px; }

a.button.small { padding: 5px 0 4px 8px; line-height: 23px; cursor: pointer; font-size: 12px; }
a.button.small span { padding: 5px 8px 4px 0; background-position: center right; font-size: 12px; }

/**
 * Banner area items
 */
#banner { padding-top: 40px; position: absolute; top: 0; font-size: 11px; line-height: 14px; color: #57534f; }
	#banner h3 { font-size: 1em; text-transform: uppercase; font-weight: normal; }
	#banner .col, #banner .cool { height: 160px; }

#banner #basket, #banner #account {
	padding: 10px; width: 140px; height: 140px;
	}
#basket { background: #d5d4d3; }
	#basket h3 { margin: 0; }
	#basket a { text-transform: none; }
	#basket dl { margin: 0; padding: 0; text-transform: uppercase; }
	#basket dd { margin: 0; padding: 0; color: white; }
	#basket dt.normal { display: none; }
		#basket dd em { display: block; color: #f19200; font-weight: bold; font-style: normal; }
		
#account { background: #f4f4f4; }
	#account h3 { margin: 0; }
	#account label { display: none; }
	#account form { margin: 0; }
	#account p { margin: 4px 0 0 0; }
	#account .fields input { 
		font: 12px Arial, Helvetica, sans-serif; color: #666;
		background: url(images/account-input-bg.gif) top left repeat-x; 
		margin-bottom: 2px; display:block;
	  width: 120px; border: 1px inset; 
		padding: 2px 4px 2px 4px;
		color: white;
		}
	#account a { color: #57534f; text-decoration: none; padding-left: 8px; background: url(images/arrow-r-g.gif) center left no-repeat; }
		#account a:hover { text-decoration: underline; }

#logo { width: 321px; height: 160px; background: url(images/logo.gif) top left no-repeat; }
	#logo * { display: none; }

#language { position: absolute; top: 12px; right: 2px; font-size: 11px; }
	#language h3 { display: none; }
	#language p { margin: 0; }
		#language span { padding: 0 2px 0 22px; background: url(images/gui-flags-sprite.png) 2px 1px no-repeat; }
			#language span.se { background-position: 2px -19px; }
			#language span.eu { background-position: 2px -39px; }
			#language span strong { display: none; }
		#language a { color: #666; text-decoration: none; }
			#language a.current { color: #93a321; }

#banner #navigation { 
	position: relative;
	padding: 10px 0; width: 321px; height: 140px;
	background: #b6b4b2; 
	text-transform: uppercase;
	}
	#navigation h3 { display: none; }
	#navigation ul { margin: 0; padding: 0; list-style-type: none; width: 160px; }
		#navigation a { 
			display: block; 
			color: white; text-decoration: none; 
			padding: 0 0 2px 12px;
			}
		#navigation a:hover { color: #57534f; }
		#navigation li.current a { background: url(images/arrow-r-w.gif) 0 3px no-repeat; color: #57534f; }
	#navigation ul ul { position: absolute; top: 10px; left: 160px; }

#content {
	padding-top: 210px;
	}
	
#footer { margin-top: 50px; font-size: 12px; }

/**
 *	Elements
 **/
#section {
	position: relative; height: 57px;
	margin: 0; padding-left: 322px;
	color: #666; line-height: 57px;
	font-size: 14px; font-weight: normal;
	background: url(images/section-bg.gif) top left repeat-x;
	margin-bottom: 10px;
	}
	#section strong {
		display: block; position: absolute; 
		top: 0; left: 15px; text-transform: uppercase;
		font-size: 20px; font-style: normal;
		font-weight: normal; text-decoration: none;
		}

.teasers { margin-bottom: 10px; }
	.teasers .boxedTeaser { height: 300px; }
		.teasers .boxedTeaser img.background { position: absolute; top: 0; left: 0; }
		.teasers .boxedTeaser .pad { position: absolute; }	
			.teasers .boxedTeaser div.bottom { bottom: 0; }
		.teasers .boxedTeaser p, .teasers .boxedTeaser h2 { margin: 8px 0; }	
	.teasers p, .teasers h2 { margin: 8px 0; }	

.pubDynPageListFrame { list-style-type: none; margin:0; padding:0; }
	.pubDynPageListFrame li { display: block; background: url(images/arrow-r-g.gif) center left no-repeat; padding-left: 10px; }
		.pubDynPageListFrame li a { color: #666; }
		.pubDynPageListFrame li.current { background-image: url(images/arrow-r-gr.gif); }
		.pubDynPageListFrame li.current a { color: #94a421; }

p.infoBox { border: 1px solid #ddd; background: #f2f6de; padding: 8px; margin: 0.25em 0; }
p.errorBox { border: 1px solid #ddd; background: #f2dede; padding: 8px; margin: 0.25em 0; }

a.goLink { background: url(images/arrow-r-b.gif) center left no-repeat; padding-left: 10px; }          

span.error { font-size: 12px; margin: 0.25em 0 0 0; display: block; color: #d8384b; }
	span.error strong { font-weight: normal; }