/* Reset default styles */

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;
	text-align: left;
	vertical-align: baseline;
	line-height: 1;
}

a img, :link img, :visited img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul {
	list-style: none;
}

q:before, q:after, blockquote:before, blockquote:after {
	content: "";
}

/* Tag redefines */

html {
	overflow: -moz-scrollbars-vertical;
	min-height: 100%;
	margin-bottom: 1px;	
}

body {
	font-size: 62.5%;
	background-color: white;
	color: black;
	padding-top: 20px;
	padding-bottom: 20px;
}

body, input, textarea, select {
	font-family: "Century Gothic", Arial, Verdana, Tahoma, sans-serif;
}

input, textarea {
	font-size: 1.1em;
	border: 1px solid #AAAAAA;	
	width: 350px;
	padding: 2px;
}

input.err {
	border: 1px solid red;
}

select {
	font-size: 0.95em;
	padding: 2px;
	border: 1px solid #AAAAAA;
	margin-bottom: 2px;	
	margin-right: 5px;
}

textarea {
	height: 70px;
}

label {
	display: block;
	clear: both;
	color: #6EA31B;
	font-weight: bold;
	padding-top: 2px;
	text-transform: lowercase;
}

/* global classes */

.radio {
	width: auto;
	border: none;
}

.button {
	width: auto;
	background-color: white;
	color: #351608;
	font-size: 1em;
	font-weight: bold;
	margin-top: 8px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-transform: lowercase;
	text-align: center;
}

.nb  {
	border: none;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.spacer {
	width: 1px;
	height: 1px;
	clear: both;
}

/* top nav styles */

#hdr {
	width: 750px;
	height: 110px;
	padding-left: 0px;
	padding-bottom:15px;
	margin: 0 auto;
	clear: both;
}

#hdr img {
	float: left;
	display: inline;
}

#hdr ul {
	float: right;
	display: inline;
	margin-top: 40px;
	margin-right:-5px;
	width: 565px;
}

#hdr ul li {
	display: block;
	position: relative;
	float: left;
	height: 22px;
	border-left: 1px solid #7AC5B9;
}

#hdr ul li a, #hdr #subnav li a {
	display: block;
	height: 22px;
	padding-left: 6px;
	text-indent: -5000px;
}

#hdr ul#subnav {
	float: right;
	margin-top: 30px;
	margin-left: 0;
	margin-bottom: 5px;
}

#hdr ul#subnav li {
	border: none;
	display: block;
	float: right;
	background: url(../images/nav_collection.gif) 0px 4px no-repeat;
	width: 225px;
	height: 20px;
}

#hdr .new {
	background: url(../images/nav_new.gif) 7px 0px no-repeat;
	width: 73px;
}

#hdr .shop {
	background: url(../images/nav_shop.gif) 7px 0px no-repeat;
	width: 99px;	
}

#hdr .about {
	background: url(../images/nav_about.gif) 7px 0px no-repeat;
	width: 98px;
}

#hdr .news {
	background: url(../images/nav_news.gif) 7px 0px no-repeat;
	width: 74px;
}

#hdr .search {
	background: url(../images/nav_search.gif) 7px 0px no-repeat;
	width: 210px;
}

#hdr .search a {
	float: left;
	width: 65px;
}

#hdr input {
	float: left;
	font-size: 1.2em;
	padding: 2px;
	width: 130px;
	border-color: #7AC5B9;
}

/* secondary nav menu */

#hdr li:hover ul, #hdr li.navOver ul {
	top: 20px;
	left: 0px;
}

#hdr li ul {
	float: none;
	width: 150px;
	height: auto;
	position: absolute;
	margin: 0;
	margin-left: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	top: -999em;
}

#hdr li li {
	float: none;
	display: inline;
	height: auto;
	width: auto;
	border: none;
}

#hdr li li a {
	text-indent: 0px;
	letter-spacing: 0.09em;
	line-height: 1.2em;
	padding: 0;
	padding-top: 2px;
	height: auto;
	text-decoration: none;
	color: #7AC5B9;
	text-transform: lowercase;
}

#hdr li li a span {
	font-weight: bold;
}

#hdr li li a:hover {
	color: #6EA31B;
}

/* content styles */

#content {
	width: 370px;
	min-height: 465px;
	padding-left: 380px;
	margin: 0 auto;
	clear: both;
}

* html #content { height:465px }

#content strong {
	font-weight: bold;
}

#content h2 {
	font-size: 1.5em;
	letter-spacing: 0.05em;
	text-transform: lowercase;
	color: #70B5B0;
}

#content h3 {
	margin-top: 20px;
	font-size: 1.1em;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #351608;
	font-weight: bold;
}

#content h4 {
	font-size: 1.2em;
	letter-spacing: 0.05em;
	text-transform: lowercase;
	color: #70B5B0;
}

#content p, #content div, #content table td {
	font-size: 1.1em;
	letter-spacing: 0.05em;
	color: #351608;
}

#content p, #content table {
	line-height: 1.6em;
	margin-top: 15px;	
}

#content #productinfo p#fabdesc{
	font-size:0.95em;
	letter-spacing: 0.03em;
	line-height: 1.5em;

}

#content a {
	line-height: 1.8em;
	color: #6EA31B;
	text-decoration: none;
}

#content a:hover,
#content #categories h3 a:hover {
	color: #70B5B0;
	text-decoration: none;
}

#content table td {
	line-height: 1.8em;
	padding-right: 15px;
	vertical-align: top;
}

/* PAGE-SPECIFIC PHOTOS/BACKGROUNDS */

#about #content {
	background: url(../images/photo_6534.jpg) 0px 0px no-repeat;	
}

#careers #content {
	/*background: url(../images/logo_white.gif) 65px 25px no-repeat;*/
}

#contact #content {
	background: url(../images/photo_contactus.jpg) 0px 5px no-repeat;
}

#home #content {
	background: url(../images/photo_home_7.jpg) 0px 0px no-repeat;
}

#locations #content {
	background: url(../images/photo_store_1.jpg) 0px 3px no-repeat;
}

#mailinglist #content,
#unsubscribe #content {
	background: url(../images/photo_5790.jpg) 0px 0px no-repeat;
}

#mission #content {
	background: url(../images/photo_mission_1.jpg) 190px 0px no-repeat;
	width: 747px;
	/*margin-right:50px;*/

}

#newsletter #content {
	/*background: url(../images/newsletterjun08.jpg) 35px 0px no-repeat;*/
	/*height:1350px;
	min-height: 1350px;*/
	height:650px;
	min-height: 650px;
	width:760px;
	padding-left:0px;
	text-align:center;
	font-size:18px;

}

#contest #content {
	background: url(../images/contest_photo.jpg) 0px 0px no-repeat;
	padding-top: 282px;
	height:202px;
	min-height: 202px;
}

#orderconfirmed #content,
#ordercancelled #content
{
	background: url(../images/photo_5074.jpg) 35px 0px no-repeat;
}

#press #content {
	background: url(../images/photo_5118.jpg) 0px 0px no-repeat;
}

#privacy #content {
	background: url(../images/photo_5950.jpg) 0px 37px no-repeat;
}

#returns #content {
	background: url(../images/photo_5392.jpg) 35px 0px no-repeat;
}

#service #content {
	background: url(../images/photo_4633.jpg) 35px 0px no-repeat;
}

#shipping #content {
	background: url(../images/photo_5954.jpg) 0px 28px no-repeat;
}


#shop-women #content {
	background: url(../images/shop_lotus.jpg) 180px 15px no-repeat;
}

#shop-men #content {
	background: url(../images/photo_38.jpg) 180px 15px no-repeat;
}

#store-factory #content {
	background: url(../images/photo_7806.jpg) 0px 3px no-repeat;
}

#store-van #content {
	background: url(../images/photo_8710.jpg) 0px 3px no-repeat;
}

#store-kamloops #content {
	background: url(../images/photo_7646.jpg) 0px 3px no-repeat;
}

#store-surrey #content {
	background: url(../images/photo_8201.jpg) 0px 3px no-repeat;
}

#store-victoria #content {
	background: url(../images/photo_8423.jpg) 0px 3px no-repeat;
}

#store-wvan #content {
	background: url(../images/photo_8582.jpg) 0px 3px no-repeat;
}

#store-kelowna #content {
	background: url(../images/photo_7694.jpg) 0px 3px no-repeat;
}

#store-langley #content {
	background: url(../images/photo_3408.jpg) 0px 3px no-repeat;
}

#store-richmond #content {
	background: url(../images/photo_4584.jpg) 35px 3px no-repeat;
}

#store-nanaimo #content {
	background: url(../images/photo_5682.jpg) 0px 3px no-repeat;
}

#store-calgary #content {
	background: url(../images/photo_8481.jpg) 0px 3px no-repeat;
}

#store-kensington #content {
	background: url(../images/photo_3219.jpg) 0px 3px no-repeat;
}

#store-whistler #content {
	background: url(../images/photo_3658.jpg) 0px 3px no-repeat;
}

#story #content {
	background: url(../images/photo_31.jpg) 0px 0px no-repeat;
}

#terms #content {
	background: url(../images/photo_5943.jpg) -2px 37px no-repeat;
}

#wholesale #content {
	background: url(../images/photo_wholesale.jpg) 0px 3px no-repeat;
}

#whatsnew-may07 #content {
	background: url(../images/photo_5372.jpg) 20px 23px no-repeat;
}

/* PAGE-SPECIFIC CONTENT HACKS */

#home #content {
	/*padding-top: 282px;*/
	padding-top:268px;
	/*padding-left: 10px;/*158*/
	/*margin-left:485px;*/
	/*width: 592px;*/
	width:750px;
	padding-left: 0px;
	min-height: 211px;
	height: 210px;
}

/* *html #home #content { height:195px; padding-left: 150px; }*/

#home #content p {
	font-size: 1.3em;
	margin-left: 0px;
	padding-left: 0px;
	text-align: center;
	line-height: 16px;
	width: 100px;
	color: white;
	font-style: italic;
}

#home #content p big {
	font-size: 1.1em;
	line-height: 50px;
	color: white;
}

#home #content p#logotext {
	display: none;
	font-style: normal;
	margin-top: 0px;
	font-weight: bold;
	font-size: 1.4em;
}

#mailinglist #content h3,
#newsletter #content h3 {
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: normal;
	font-style: italic;
	text-transform: none;
	color: #6EA31B;
}

#mission #content h2,
#mission #content p {
	display: none;
}

/* these styles are for the pages with wider content areas. */

#news #content,
#collection #content, 
#shop #content,
#shop-men #content,
#shop-women #content,
#shop-category-men #content,
#shop-category-women #content,
#shop-product #content {
	width: 750px;
	padding-left: 0px;

}

#shop-men #content #categories,
#shop-category-men #content #categories {
	background: url(../images/logo_men.gif) 5px bottom no-repeat;
}

#whatsnew-may07 #content,
#whatsnew-july07 #content,
#whatsnew-meryl07 #content,
#whatsnew-soy07 #content,
#whatsnew-terry07 #content,
#whatsnew-rain07 #content,
#whatsnew-access08 #content,
#whatsnew-coordinates #content
 {
	width: 750px;
	padding-left: 0px;
}

#careers #content,
#privacy #content,
#shipping #content,
#terms #content {
	width: 550px;	
	padding-left: 175px;
	padding-right: 15px;
}

#privacy #content h2,
#shipping #content h2 {
	margin-bottom: 10px;
}

#privacy #content h3,
#shipping #content h3 {
	margin-top: 10px;
}

#careers #content p {
	line-height: 1.2em;
}

#privacy #content p,
#shipping #content p {
	font-size: 1.0em;
	line-height: 1.1em;
	margin-top: 2px;
	margin-bottom: 10px;
}

#privacy #content p {
	font-size: 1.09em;
}

#terms #content p {
	padding-right: 40px;
}

/* ..end of wide-content styles.. */

#about #content {
	width: 305px;	
	padding-left: 150px;	
	padding-right: 285px;
}

#about #content p,
#mission #content p,
#story #content p {
	color: #341512;
}

#story #content p {
	font-size: 1.05em;
	margin-left:5px;
	padding-top:45px;	
}

#about #content p {
	font-style: italic;
	border-left: 2px solid #bae4da;
	padding-left: 10px;	
	padding-top: 5px;
	clear: both;
}

#about #content p.mission,
#about #content p.story {
	border: none;
	height: 25px;
}

#about #content p.mission a {
	float: right;
	display: block;
	width: 50px;
	height: 25px;
	background: url(../images/lnk_our_mission.gif) no-repeat;
	text-indent: -5000px;
}

#about #content p.story a {
	float: right;
	display: block;
	width: 38px;
	height: 25px;
	background: url(../images/lnk_our_story.gif) no-repeat;
	text-indent: -5000px;
}

#news #content div {
	width: 330px;
	padding-top: 10px;
}

#press #content div {
	width: 300px;
	padding-top: 10px;
	padding-bottom: 20px;
}

#news #content div,
#press #content div {
	float: left;
}

#news #content div a, #news #content div span,
#press #content div a, #press #content div span {
	float: left;
	display: block;
	line-height: 1.5em;
	margin-right: 10px;
	max-width: 150px;
}

#press #content div a {
	max-width: 200px;
}

#news #content p {
	margin-left: 350px;
}

#orderconfirmed #content p,
#ordercancelled #content p {
	padding-right: 90px;
}

#returns #content p {
	width: 225px;
}

#returns blockquote {
	display: block;
	width: 80px;
	height: 112px;
	margin-top: 20px;
	text-indent: -5000px;
	background: url(../images/logo_white.gif) no-repeat;
}

#whatsnew-coordinates #content,
#whatsnew-run #content,
#whatsnew-fall08 #content,
#whatsnew-oct08-raincoats #content,
#whatsnew-oct08-soy #content,
#whatsnew-oct08-yoga #content
{
	width: 750px;
	height: 505px;
	min-height: 505px;
	padding-left: 0px;
}

#whatsnew-coordinates #content #div,
#whatsnew-run #content #div,
#whatsnew-fall08 #content #div,
#whatsnew-oct08-raincoats  #content #div,
#whatsnew-oct08-soy  #content #div,
#whatsnew-oct08-yoga  #content #div
{
	margin: 0 auto;
	padding: 0;
}

#whatsnew-coordinates #content h2,
#whatsnew-coordinates #content h3,
#whatsnew-run #content h2,
#whatsnew-run #content h3,
#whatsnew-fall08 #content h2,
#whatsnew-oct08-raincoats #content h2,
#whatsnew-oct08-raincoats  #content h3,
#whatsnew-oct08-soy  #content h2,
#whatsnew-oct08-soy  #content h3,
#whatsnew-oct08-yoga  #content h2,
#whatsnew-oct08-yoga  #content h23
{
	display: none;
}

#whatsnew-coordinates #content p,
#whatsnew-run #content p,
#whatsnew-fall08 #content p,
#whatsnew-oct08-raincoats  #content p,
#whatsnew-oct08-soy  #content p,
#whatsnew-oct08-yoga  #content p
{
	text-indent: -5000px;
	width: 100%;
	height: 504px;	
}

#whatsnew-coordinates #content img,
#whatsnew-run #content img,
#whatsnew-fall08 #content img,
#whatsnew-oct08-raincoats img,
#whatsnew-oct08-soy  #content img,
#whatsnew-oct08-yoga  #content img
{
	margin: 0;
	padding: 0;
}

#whatsnew-coordinates #content p {
	background: url(../images/whatsnew-spring2010-2.jpg) 0px 25px no-repeat;	
	
}
#whatsnew-run #content p {
	background: url(../images/whatsNew-run.jpg) 0px 25px no-repeat;	
}

#whatsnew-fall08 #content p {
	background: url(../images/whatsNew-fall08.jpg) 0px 25px no-repeat;	
}


#whatsnew-oct08-raincoats #content p {
	background: url(../images/whatsNew-oct08-raincoats.jpg) 0px 25px no-repeat;	
}

#whatsnew-oct08-soy #content p {
	background: url(../images/whatsNew-oct08-soy.jpg) 0px 25px no-repeat;	
}

#whatsnew-oct08-yoga #content p {
	background: url(../images/whatsNew-oct08-yoga.jpg) 0px 25px no-repeat;	
}


a#next {
	float: right;
	margin-right: 0px;
	padding-bottom: 10px;
	font-size: 1.4em;
}

#wholesale #content p {
	padding-right: 15px;
}

/* shop-specific styles */

#content #categories {
	width: 128px;
	height: 440px;
	float: left;
}

#content #categories h2 {
	margin-top: 12px;
	margin-bottom: 20px;
	font-size: 1.1em;
	font-weight: bold;
}

#content #categories h3, #content #categories h3 a {
	color: #8c8f74;
}

#content span {
	color: #70B5B0;
}

#content #categories a {
	line-height: 1.8em;
	letter-spacing: 0.05em;
}

#content #categories h4 a {
	font-size: 0.90em;
	letter-spacing: 0.05em;
	text-transform: none;
	color: #70B5B0;
}

#content #categories a span {
	color: #70B5B0;
}

#collection #content #categories a span {
	color: #9dd14c;
}

#content #productlist {
	float: right;
	width: 576px;
	margin-left: 10px;
}

#content #productlist div {
	display: inline;
	float: left;
	width: 132px;
	height: 250px;
	margin-left: 12px;
	margin-bottom: 12px;
}

#content #productlist #banner {
	width: 576px;
	height: 135px;
	margin-bottom: 18px;
}

#content #productlist a {
	font-size: 0.82em;
	line-height: 1.0em;
	letter-spacing: normal;
	color: #86896a;
}

#content #productlist a.photo {
	display: block;
	height: 175px;
}

#content #productphoto {
	display: inline;
	float: left;
	width: 250px;
	/*margin-right: 20px;*/
	margin-left:40px;
	margin-top: 20px;
}

#content #productinfo {
	float: right;
	width: 300px;
	margin-top: 15px;
}

#content #productinfo h2 {
	text-transform: none;
}

#content #productinfo .available {
	font-weight: bold;
	color: #6EA31B;
}

#content #productinfo td {
	padding-right: 5px;
}

#content #productinfo td a {
	font-size: 0.95em;
}

#content #collection-meryl,
#content #collection-supplex,
#content #collection-soy,
#content #collection-spandex,
#content #collection-fleece,
#content #collection-terry,
#content #collection-men {
	float: left;
	width: 577px;
	height: 610px;
	margin-left: 10px;
}

#content #collection-order {
	float: left;
	width: 427px;
	height: 610px;
	margin-left: 10px;
	padding-right: 150px;
}

#content #collection-order h3 {
	display: block;
	width: 597px;
	height: 55px;
	background: url(../images/collections07f_header.gif) no-repeat;
	font-size: 1px;
	text-indent: -5000px;
	margin: 0px;
	padding: 0px;
}

#content #collection-soy,
#content #collection-spandex,
#content #collection-fleece,
#content #collection-terry {
	height: 510px;
}

#content #categories blockquote {
	color: #999999;
}

#content #collection-order {
	background: url(../images/collections-order-sidebar.gif) 475px 90px no-repeat; 
	min-height: 660px;
}

#content #collection-order p {
	border-left: 4px solid #6ea31b;
	margin:0px;
	margin-left: 31px;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#content #collection-order label {
	font-weight: normal;
	color: #685046;
}

/* 

#content #collection-meryl {
	background: url(../images/collection_meryl.jpg) no-repeat; 
}

#content #collection-supplex {
	background: url(../images/collection_supplex.jpg) no-repeat; 
}

#content #collection-soy {
	background: url(../images/collection_soy.jpg) no-repeat; 
}

#content #collection-spandex {
	background: url(../images/collection_spandex.jpg) no-repeat;
}

#content #collection-fleece {
	background: url(../images/collection_fleece.jpg) no-repeat;
}

#content #collection-terry {
	background: url(../images/collection_terry.jpg) no-repeat;
}

#content #collection-men {
	background: url(../images/collection_men.jpg) no-repeat; 
}

*/

/* footer & bottom menu styles */

#ftr {
	width: 750px;
	height: 30px;
	margin: 0 auto;
	clear: both;
	border-top: 1px solid #7AC5B9;
	/*margin-left:485px;*/
}

#ftr ul {
	margin-left: 20px;
}

#ftr li {
	display: inline;
	float: left;
	height: 8px;
	margin-left: 22px;
	margin-right: 22px;
	margin-top: 9px;
}

#ftr li a {
	display: block;
	height: 8px;
	padding-bottom: 6px;
	text-indent: -5000px;	
}

#ftr .locations {
	/*background:url(../images/ftr_locations.gif) no-repeat;*/
	width: 100px;
}

#ftr .wholesale {
	background:url(../images/ftr_wholesale.gif) no-repeat;
	width: 64px;
}

#ftr .contact {
	background:url(../images/ftr_contact.gif) no-repeat;
	width: 71px;
}

#ftr .careers {
	background:url(../images/ftr_careers.gif) no-repeat;
	width: 48px;
}

#ftr .email {
	background:url(../images/ftr_email.gif) no-repeat;
	width: 91px;
}

#ftr .newsletter {
	background:url(../images/ftr_newsletter.gif) no-repeat;
	width: 63px;
}

/* end styles! */