/*  
Theme Name: Yogo by SohoIntelligence
Theme URI: http://www.yogo.ca
Description: Yogo - clothing for Yoga or not
Version: 1.0
Author: SohoIntelligence
Author URI: http://www.sohointelligence.com/

The theme, including the CSS, XHTML, Images and associates files are all copyrighted.
	
*/
* 			{margin: 0; padding: 0;}

body 		{
	text-align:center;
	color:#5f5f5f;
	background:#CCCCCC url(../images/logo_lower_right.gif) no-repeat right bottom;
	padding:20px 0 0 0;
	font-family: "Trebuchet MS";
	font-size: small;
}
#decor 		{background:transparent url(../images/logo_upper_left.gif) no-repeat left top;}

a:link, a 	{color:#788683;}
a:hover 	{color:#788683;	font-weight: bold;}
a img 	{border: none;padding:5px 0 0 5px}

ul,ol		{margin:0 0 15px 25px;padding:0;color:#044e8e}
ol li		{margin:0 0 15px;padding:0;font-size:12px;color:#666;text-align:left;list-style:decimal}
ul li		{margin:0 0 15px;padding:0;font-size:12px;color:#666;text-align:left;list-style:disc}

p, dd 			{padding: 0 0 10px 0;font-size:100%;	line-height: 1.4em;}
/*h1			{margin:5px 0;padding:0;font:27px Georgia, "Times New Roman", Times, serif;color:#666}*/
h1,h2			{margin:5px 0;	padding:0;	color:#686E98;	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: 28px;}
h3, th		{margin:5px 0 3px 0;	padding:0;	color:#686E98;	font-family: "trebuchet MS";font-size: 16px;font-weight: bold;}
h4			{margin:5px 0 0;padding:0;font-size:14px;color:#788683}
h5			{margin:5px 0;padding:0;font:16px "trebuchet MS";color:#06f}
h6			{margin:5px 0;padding:0;font-size:12px;color:#333}

.quote	{
	margin:3px 0 12px 150px;
	padding:0 25px 0 25px;
	color:#333;
	line-height:18px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 500px;
	background-color: #DADCE7;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
}
blockquote	{
	margin:3px 0 12px 10px;
	padding:5px 25px 0 25px;
	color:#333;
	line-height:18px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 350px;
	background-color: #DADCE7;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
}

	
#accessibility {position: absolute;	top: -10000px;}

.gutter2 {margin: 5px}
/* Page Structure  ----------------------------------------------------------------*/
#container {width:900px;height:100%;margin:0 auto;padding:10px 5px 10px 10px;	text-align: left;border:1px solid #cecece;background-color: #fff;	/*background-image: url(../images/fadeToGreen.jpg);background-repeat: repeat-x;background-position: bottom;*/font-weight: bold;}

.leftColumn	{float:left;width:150px}
#center		{float:right;width:735px;margin:10px 0}
#center-in	{padding:0 15px;color:#555}
#center-3col{float:left;/*margin:10px auto*/}
/*		#Sidebar-right {float:right;width:195px;margin:10px auto}*/
#Sidebar	{width:150px;	/*margin:10px auto;*/margin:10px 3px;display:block;	line-height: 1.2em;	color:#585858;	text-decoration:none;	font-variant: normal;text-transform: uppercase;}
#footer			{width:900px;height:100%;margin:10px auto;clear:both;position:relative;overflow:hidden}
.gutter {padding: 0 10px 20px 0px;}
.alignleft	{float:left; padding-right: 10px}
.picleft 	{float:left;width:430px;}
.picleft img {padding-bottom: 10px;}
.shopping	{width:140px;margin-left:5px}
.news	{float:right;width:140px;}
.news h3 {margin: 0px 0px 3px 0px;background: url(../images/fadeToGreen.jpg) repeat-x right top;
	border-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #8ABC58;
}
.alignright	{float:right}
.aligncenter {padding-left: 25%;}
.alignindexCenter {padding-left:10%}
.alignleftswatch {float:left; padding-right: 20px; text-align:center;}
.nospacelist 		{margin: 0;padding:0}
.nospacelist li, .nospacelist ul li a {padding:0;margin: 0 0 0 80px}

/* TopLeft (Header) ----------------------------------------------------------------*/
#leftHeader 			{height:169px;background:#fff;}
#leftHeader h1			{float:left;width:147px;height:169px;margin:0;text-indent:-9009px}
#leftHeader h1 a		{display:block;	width:100%;	height:100%; padding:0;background-image: url(../images/logo2.jpg);background-repeat: no-repeat;}

/* TopRight (Horizontal header menu) ----------------------------------------------------*/
ul.dropnav {margin:0;padding:0;list-style:none;font-family:Arial, Verdana, sans-serif;font-size:1.1em;color:#76988F;font-weight:bold;background:#fff;float:right}
	
.dropnav li 		{display:block;float:right;margin:0 0;height:26px;background:#E7F1DC; border:1px solid #fff}

.dropnav li a 		{display:block;color:#fff;background:#686e98;text-decoration:none;padding:4px 10px 4px 10px;margin:0;}
.dropnav li a:hover	{color: #fff;background:#686e98;padding: 4px 10px 4px 10px;border-bottom:1px solid #686e98}

/* BottomRight (Horizontal footer menu) ----------------------------------------------------*/
ul.botMenu 			{margin:0;background:#E7F1DC;border-top: 1px dotted #8ABC58;}
ul.botMenu li		{float:right;list-style-type:none}
ul.dropnavbot 		{
/*	clear:both;*/
	margin:0;
	padding:0;
	list-style:none;
	font-family:Arial, Verdana, sans-serif;
	font-size:1.1em;
	color:#333;
	font-weight:bold;
	background:#fff;
/*	float:right*/
}
	
.dropnavbot li 		{margin:0 0;}

.dropnavbot li a 	{color:#333;background:#fff;text-decoration:none;padding:4px 14px 4px 14px;margin:0;}
.dropnavbot li a:hover	{color: #fff;background:#8ABC58;padding: 4px 14px 4px 14px;}	

/* Sidebar left---------------------------------------------------------------*/
#Sidebar h2 		{padding:10px 0 10px 15px;	font-size:120%;}
#Sidebar ul			{margin:0px 0px 15px 0px;}
#Sidebar ul li		{list-style:none;margin:1em 0 1em 0 ;	text-align: center;}
#Sidebar ul li ul li 		{margin:0;padding:.3em .7em .3em .7em;background:#686E98;border-bottom: 5px solid #ffffff;color:#FFFFFF;font-size:140%}

#Sidebar a 			{color:#ffffff;	text-decoration:none;}
/*#Sidebar a:hover 	{color:;background:#fff;text-decoration:none;display:block;}*/
.innerInside 		{margin:0 0 10px 2px;font-size:85%;}
.innerInside a 		{display:block;padding:0 0 0 5px;color:#CCCCCC;text-decoration:none;}
#Sidebar ul li ul.innerInside li a:hover	{margin:0;padding:0;background:#fff;color:#686E98;}

/* Center Main Content ----------------------------------------------------------------*/
#center-in p		{margin:3px 0 8px}
#center-in h2		{margin:5px 0 0;padding:0}
#center-in h3		{margin:22px 0 11px;padding:0 0 5px;border-bottom:1px dotted #ccc}
#center-in h4		{margin:0 0 20px;padding:0}
#center-in h5		{margin:3px 0 5px;padding:0}
#center-in img		{padding:2px;margin:0 12px 12px;border:1px dotted #EBD58E}
#center-3col p, #center-3col dd, #center-3col td {
	color: #666666;
}
#center-3col dt 	{color: #666666;}
#center-3col p.green 	{color:#8ABC58;}
#center-3col p.red 		{color:#cc0000; text-align:center}
#center-3col .thankyou { text-align:center}

/* Sidebar right -------------------------------------------------------------*/
.desc				{width:280px;float:right}
/* Instructions with pictures -------------------------------------------------*/
dl.feature 			{margin: 10px 0 5px 0;padding: 10px 10px 0px 10px;background-repeat: repeat-x;background-position: bottom; height: 260px;}
dl.feature dt 		{margin: 0 0 .5em 0;font-size: 140%;color: #A49563;}
dl.feature dt img 	{float: right;margin: 0 0 0 15px;	padding: 4px 4px 4px 4px;border: 1px dotted #EBD58E;}
dl.feature dd 		{margin-left: 0%;line-height: 1.5em;padding-bottom: 10px;}
.alternative		{background-color:#EDF1F0;}
dl.feature:after 	{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* Top Menu ---------------------------------------------------------------------------------*/
ul.topMenu			{margin:0;}
ul.topMenu li		{float:left;list-style-type:none}
/* Product Main and Details  ----------------------------------------------------------------*/
ul.product			{margin:0;line-height:15px;font-size:12px;}
ul.product li		{float:left;margin:5px 0px 0 0;list-style-type:none;padding:0;width:57px}

ul.product li img 	{padding: 5px 0px 0 0px}
ul.product li a		{text-align:center;padding:4px 4px 0;display:block;height:180px;color:#555;border:1px solid #fff !important}
ul.product a:link,ul.product a:active
					{border:0;color:#333}
ul.product a:hover	{color:#448ede;border:1px solid #eee !important}
ul.i_page li a		{text-decoration:none;background-image:url(../NewDesign/style/img/i_page.png);background-repeat:no-repeat;
					 background-position:10px 10px}

#product_detail		{overflow:hidden;margin:20px 0;font-size:12px;line-height:18px}
.product_pic		{float:left;text-align:center;width:230px}
.product_pic img	{padding:0 5px 20px 5px}
#center-3col p.price	{
	color:#666666;
}
ul.productList		{margin:0;padding:0;list-style:none;font-family:Arial, Verdana, sans-serif;color:#76988F;line-Height:1.2em;float:left}
	
ul.productList li 	{display:block;float:left;margin:3px;padding: 3px;height:50px;font-size:.9em;width:130px;background:#fff; border:1px solid #ccc}

ul.productList li a 	{display:block;color:#76988F;text-decoration:none;padding:0px;margin:0;border-bottom:0;}
ul.productList li a:hover{color: #fff;background:#76988F;}
ul.productList li a img {border:none;float:right}
label {float:left;width: 2em;text-align:right;margin-right: 1em}
.swatch {text-align:center; font-size:80%}
.swatchSmall {font-size: 80%;}
.submit {float:none;width: auto;border: 0 none #333333;padding-left:5em}
p.freeShipping {color:#CC0000;text-align: center;}

/* Size List ------------------------------------------------------------------*/
ul.size  {margin:0 0 5px 25px;}
ul.size li {margin:0 0 4px 0;padding:0 2px}

/* Other Lists ----------------------------------------------------------------*/
.ad					{width: 280px}
ul.ad				{margin:0; padding: 0;list-style:none}
ul.ad li			{list-style-type:none;margin:0;padding:0 0 1em 1em;float:left; }
ul.ad li a			{text-decoration:none;}
ul.ad li a img		{padding:3px;border:1px dotted #EBD58E;}
label {display:block;}

/* Table - for sizes ----------------------------------------------------------*/
table {width: 100%; padding: 5px 5px 15px 5px; border: 0; table-layout:fixed; border-collapse:collapse;}
#center-3col td {padding-left: 10px;	border-right-width: 1px;border-right-style: solid;	border-right-color: #686E98;line-height:1.5em}
#center-3col td.highlight {
	color: #686E98;
}
#center-3col tr.highlighttop {text-align:center}
.rowAcol1 {
	background-color: #C1C4D5;
}
.rowAcol2 {background-color: #C1C4D5;}
.rowAcol3 {background-color: #C1C4D5;}
.rowAcol4 {background-color: #C1C4D5;}
.rowAcol5 {background-color: #C1C4D5;}

.rowBcol1 {background-color: #DADCE7;}
.rowBcol2 {background-color: #DADCE7;}
.rowBcol3 {background-color: #DADCE7;}
.rowBcol4 {background-color: #DADCE7;}
.rowBcol5 {background-color: #DADCE7;}


/* Contact Form ----------------------------------------------------------------*/
.contactform		{overflow:hidden;font-size:12px; width:350px}
.contactform .textarea,.contactform .input		
					{border:1px solid #ccc;padding:2px;font-size:12px}
.textarea:hover,.input:hover
					{background:#ebebeb}
.contactright .button
					{margin:0 0 0 140px !important;padding:4px}
.contactleft		{width:20%;text-align:left;clear:both;float:left;display:inline;padding:4px;margin:5px 0;font-weight:700}
.contactright		{width:70%;text-align:left;float:left;display:inline;padding:4px;margin:5px 0}
.notification		{margin:15px;border-top:1px solid #693;border-bottom:1px solid #693;padding:10px 20px;background:#FFC}

/* Alternate colour - specialties --------------------------------------------*/
.specialties {
	color:#686e98;
	font-family: "trebuchet MS";
	font-size: 14px;
	font-weight: bolder;
}
#Sidebar .special a {	color:#8ABC58;
	font-family: "trebuchet MS";
	font-size: 14px;
	font-weight: bolder;}
/* Footer ----------------------------------------------------------------*/
#footer 			{
	clear:both;
	margin:0 0 0 0;
	height:3em;

}

/* IE/Win hack \---------------------------------------------------------*/
* html #footer 		{height: 1%;}
/* P.I.E. Float Clearing ----------------------------------------------------------------*/
.clearfix:after{content:".";clear:both;height:0;visibility:hidden;display:block}
* html .clearfix{height:1%}
.clearfix{display:block;float:none; clear:both}