/* Global resets */
* html body {margin:0; padding:0; }
body *{margin:0; padding:0; border:none;} 
body {margin:0; padding:0; font-family:'Trebuchet MS', arial, verdana, sans-serif; font-size:62.5%;  text-align:left; background-color:#aba8a1; } /** 62.5% defaults all text size to 10px **/
.required{background-color: #FFFFA0}
.notrequired{background-color: white}

/* Typography */  
h1, h2, h3, h4 {color:#717073; font-family: 'Trebuchet MS', arial, verdana, sans-serif;}
h1 {font-size:1.5em; margin:1em 0 1em 0;}
h2{font-size:1.2em; margin:1em 0 0 0;}
h3 {font-size:1.2em; margin:0 0 0 0;}
h4 {font-size:1.2em; margin:1em 0 1em 0;}

/* Alternative style for h2.secondary  in ie6.css*/
h2.secondary {color:#569FD3; font-size:1.9em; font-weight:bold; margin:35px 0 40px 0;}

p {color:#717073; font-size:1.2em; line-height:1.7em; font-family: 'Trebuchet MS', arial, verdana, sans-serif; margin:0 0 1em 0;}
p.faq_question{text-indent:1em; color:#569FD3}
address {color:#717073; font-size:1.2em; line-height:1.7em; font-family: 'Trebuchet MS', arial, verdana, sans-serif; margin:0 0 1em 0; font-style:normal;}

td {color:#717073; font-size:1.2em; line-height:1.7em; font-family: 'Trebuchet MS', arial, verdana, sans-serif; margin:0 0 1em 0;}

a {color:#5988b2; font-weight:normal; text-decoration:none;}
a:hover {color:#569FD3;}
#content ul {color:#717073; margin:0 0 15px 15px;}
#content ul li {color:#717073; font-size:1.2em; line-height:1.6em; font-family: 'Trebuchet MS', arial, verdana, sans-serif;}
#content ul li ul li {color:#717073; font-size:1em; line-height:1.6em; font-family: 'Trebuchet MS', arial, verdana, sans-serif;}

#contentmain ul {color:#717073; margin:0 0 15px 15px;}
#contentmain ul li {color:#717073; font-size:1.2em; line-height:1.6em; font-family: 'Trebuchet MS', arial, verdana, sans-serif;}
#contentmain ul li ul li {color:#717073; font-size:1em; line-height:1.6em; font-family: 'Trebuchet MS', arial, verdana, sans-serif;}


/* Accessibility */
#skiplink, .hide {position:absolute; left:-9999px; top:-9999px; height:1px; font-size:1px; line-height:0; overflow:hidden}

/* Layout */
	#wrapper {margin:10px auto; width:850px;}
	
	/* Navigation and quotes */
	#secondarycontent {float:left; margin-right:10px; width:200px;}
	/* Alternative style for #navigation in ie6.css*/
	#navigation {background:url(../images/nav-top.gif) no-repeat #fff; padding:20px 0 0 0; min-height:335px;}
	#navigation h1 {margin:0 0 20px 0; padding:0;}
	#navigation ul {background-color:#fff; margin:0; padding:0; width:200px;}
	#navigation ul li {list-style-type:none; margin:0; padding:0;}
	#navigation ul li a {color:#B9B7B0; display:block; font-family:'Trebuchet MS',  arial, verdana, sans-serif; font-size:1.6em; font-weight:bold; margin:0; padding:2px 0 3px 30px; text-decoration:none; width:170px;}
	#navigation ul li a:hover {color:#569FD3;}
	#navigation ul li ul {}
	#navigation ul li ul li {}
	#navigation ul li ul li a {color:#717073; font-size:12px; font-weight:normal; padding:2px 0 3px 42px;  width:128px;}
	#navigation ul li ul li a:hover {color:#569FD3;}
	
	#navigation ul li a.active {color:#569FD3; text-decoration:none;}
	#navigation ul li a.open {color:#569FD3; text-decoration:none;}
	#navigation ul li ul li a.active {color:#717073;}
	#navigation ul li ul li a.active:hover {color:#569FD3;}
	#bot {background:url(../images/nav-bot.gif) no-repeat #fff; height:20px; margin:0 0 10px 0;}
	
	#left_menu_contact{margin:20px 0 0 30px; padding:0;}
	#left_menu_contact p{margin:0; padding:0;color:#B9B7B0;font-family:'Trebuchet MS',  arial, verdana, sans-serif; font-size:1.6em; font-weight:bold;}
	
	/* Main content */
	#contentwrapper {margin-bottom:20px; font-size:12px; background:url(../images/content-top.gif) no-repeat #fff; float:left; padding-top:45px; position:relative; width:640px;}
	#contentmain { float:left; padding:10px 20px 20px 40px; width:340px;}
	#contentsec {float:left; padding:20px 0 20px 20px; width:200px;}
	#flashcontent p { padding:20px 20px 20px 40px;}
	
	/* Works Magically */
	.illustration {border-bottom:1px solid #B9B7B0; margin:0 0 0 40px;}
	#illsmall {margin:0 0 0 40px;}
	#illsmall img {float:left;}
	
	/* News */
	.newsitem {border-bottom:1px solid #ccc; color:#717073; padding:0 0 10px 0; margin-bottom:10px;}
	.newsitem img {float:left; margin:0 20px 10px 0;}
	.newsitem h3 {color:#717073;}
	.newsitem h3 span {color:#B9B7B0; display:block;}
	.newsimg  {padding-top:55px;}
	.nilast {border-bottom:none;}
	
	/* Shop section */
	/* Alternative style for #location in ie6.css*/
	#location {background:url(../images/location_bx_top.gif) no-repeat; padding:30px 25px 5px 25px; width:292px;}
	#location h2  {color:#569FD3; font-size:1.9em; font-weight:bold; margin:0 0 10px 0; padding:0;}
	#location p {font-size:1.2em; line-height:1.4em;}
	#location form {margin:0 0 10px 0;}
	#location form select {border:1px solid #ABA8A1; font-size:1em; width:160px;}
	#location form select:focus {border:1px solid #569FD3;}
	#loactionbot {background:url(../images/location_bx_bot.gif) no-repeat; height:6px; width:342px;}
	
	/* Shop section - page 1 */
	#shop {color:#717073; font-size:1.1em;}
	form#shop {margin:30px 0 0 0;}
	form#shop th, form#shop td {padding:0 0 15px 0;}
	form#shop th.quantitytitle {padding:0 0 15px 30px;}
	form#shop input.quantity {background-color:#fff; border:1px solid #ccc; margin:0 85px 0 30px; padding:5px; width:16px;}
	form#shop p input.button {border:1px solid #ABA8A1; font-size:0.8em; width:8em;}
	#shop hr {color:#fff; border-top:1px solid #B9B7B0; margin:0 0 10px 0;}
	
	/* Shop section - page 2 */
	#shop2 {color:#717073; font-size:1.1em;}
	#shop2 table caption{color:#569FD3; font-size:1.6em; font-weight:bold; margin:0 0 10px 0; padding:0; text-align:left;}
	form#shop2 {margin:0;}
	form#shop2 th {width:140px;}
	form#shop2 th, form#shop2 td {padding:0 5px 5px 0}
	form#shop2 input, form#shop2 textarea, form#shop2 select {border:1px solid #ABA8A1; font-size:1em; padding:2px; width:160px; font-family: 'Trebuchet MS', arial, verdana, sans-serif;}
	form#shop2 input:focus, form#shop2 textarea:focus, form#shop2 select:focus {border:1px solid #569FD3;}
	form#shop2 input.check {border:none; font-size:1em; padding:2px; width:12px;}
	form#shop2 p input.button {border:1px solid #ABA8A1; float:right; font-size:0.8em; width:11em;}
	p#summary {color:#717073; font-size:1.1em; margin:20px 0 0 0;}
	
	
	/* Footer */
	#footer {background: transparent url(../images/content-bot.gif) bottom left no-repeat; color:#B9B7B0; padding:0 0 20px 0; width:100%;}
	/* Alternative style for #footer hr in ie6.css*/
	#footer hr {color:#fff; border-top:1px solid #B9B7B0; width:600px; position:relative; left:20px}
	#footer p {display:block; color:#B9B7B0; font-size:1.1em; margin:0; margin-top:5px; padding:0; width:90%; margin-left:auto; margin-right:auto;}
	#footer ul {display:block; margin-top:10px; list-style-type:none; width:500px; height:2em; margin-left:auto; margin-right:auto;}
	#footer ul li {float:left;}
	#footer ul li a {font-size:1.1em; padding:0px 3px 0 5px;}
	

/* Generic */  
img {border:none;}
.highlight {font-weight:bold; color:#569FD3;}
.displayblock {display:block;}

/* Floats */
.floatleft {float:left;}
.floatright{float:right;}

/* Clearing Styles */
.clearleft{clear:left;}
.clearright{clear:right;}
.clearboth{clear:both;}

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

/* Margins */
.marnone {margin:0;}
.martop10 {margin-top:10px;}
.martop20 {margin-top:20px;}
.martop30 {margin-top:30px;}
.martop40 {margin-top:40px;}
.martop60 {margin-top:60px;}

#language{
	padding-right:4px;
	padding-top:14px;
	width:196px;
	height:37px;
	background-image:url(../images/oh-lets-try.gif);
	text-align:right;
}

#breadcrumb{position:absolute; width:600px; height:20px; top:30px;}
#breadcrumb ul{list-style:none; margin:0; padding:0}
#breadcrumb li{float:left; margin-right:10px;}
#breadcrumb li#on{font-size:130%; font-weight:bold; color:#717073}
#breadcrumb li{color:#cccccc}
br.clear{clear:both}


/**
 * Changes for the terms and conditions container
 */

#terms_container{display:block; width:370px; clear:both; margin-top:2em}
#terms_and_conditions{display:block; width:100%; height:410px; overflow-y: scroll;}
#tc_form{margin-top:3em}
