/*-----------------------------------------------------------------------------------------------
  Global Styles
-----------------------------------------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {  }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }

.hide{ display:none; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }

#content3 h5 a:link, #content3 h5 a:visited, #content3 h5 a:hover, #content3 h5 a:active {
/* background:transparent url(../images/logos/logo_w.gif) no-repeat scroll 0 0; */
background:transparent url(http://www.evolutionofsmooth.com/images/logo_trans.png) no-repeat scroll 0 0;
display:block;
float:left;
height:134px;
width:190px;
margin: 5px;
}

/*-----------------------------------------------------------------------------------------------
  Main Layout
-----------------------------------------------------------------------------------------------*/

body{
        font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#666;
    background:#D8E7E7 none repeat scroll 0 0;
}

#wrapper{
	width:955px;
	margin:0 auto;
	background:#FFFFFF;
}

#header, #content{
	width:640px;
	margin:0 auto;
}

#header{
	height:82px;
	border-bottom:1px solid #D9D9D9;
	position:relative;
}

#footer{
	background:url(../images/decor/footer_back.jpg) 0 0 repeat-x;
	height:100px;
}
#footer .inner{
	width:640px;
	padding:12px 0 0 0;
	margin:0 auto;
	text-align:right;
	font-size:11px; /* Conflicting Shopify classes */
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/

h2#logo{
	font-family: "Arial Rounded MT Bold", "Trebuchet MS", Helvetica, Arial, sans-serif;
        font-size:28px;
	font-weight:normal;
	margin:0;
	position:absolute;
	top:23px;
}
h2#logo a{
	color:#502d7f;
	text-decoration:none;
}
p.tagline{
	margin:0;
	position:absolute;
	top:50px;
}

ul#nav{
	margin:0;
	list-style-type:none;
	text-align:right;
	background:#FFFFFF;
}
ul#nav li{
	margin:0 0 0 25px;
	padding:7px 0 0 0;
	list-style-type:none;
	/* float:left; */
	display:inline;
	background:transparent;
}
ul#nav li.active{
	background:url(../images/decor/nav_selector.gif) 50% 0 no-repeat;
}
ul#nav li a{
	font-weight:bold;
	text-decoration:none;
	color:#502d7f;
	text-transform:lowercase;
}
ul#nav li a:hover{
	color:#8b1c53;
}

.cart-status{
	position:absolute;
	top:58px;
	right:0;
	color:#7F7F7F;
	text-transform:lowercase;
	padding-right:42px;
	background:url(../images/icons/icon_cart.gif) 80% 50% no-repeat;
}

/*-----------------------------------------------------------------------------------------------
  Main Section
-----------------------------------------------------------------------------------------------*/

.main{
	width:600px;
	float:left;
	line-height:1.7;
}
.noside .main{
	width:640px;
}

.sidebar{
	width:145px;
	float:right;
}

.featured-products{
	width:650px;
	margin:10px auto;
}

/*-----------------------------------------------------------------------------------------------
  General Text & Stylings
-----------------------------------------------------------------------------------------------*/

a{
	color:#502d7f;
	text-decoration:none;
	outline:none;
}
a:hover{
	color:#8b1c53;
}

h2{
	font-size:18px;
	line-height:1.2em;
	margin:20px 0 -8px 0;
	color:#502d7f;
}

p{
	margin:12px 0;
}

ul li{
        list-style-type:none;
	display:inline;
	font-size:12px;
	margin:10px 0 10px 0px;
	padding-left:10px;
	background:url(../images/decor/bullet.gif) 0 4px no-repeat;
	overflow:hidden;
}


ul.section{
	border-top:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	padding:5px 0;
	margin:30px 0 20px 0;
}

ul.featured-products li{
	float:left;
	width:104px;
	padding:0 14px;
	margin:0 0 15px 40px;
	display:inline;
	/* background:url(pcasing_small.gif) 0 0 no-repeat #F2F2F2; */
	background:#fff;
}
.main ul.featured-products li{
	margin-left:30px;
}
ul.products li.first{
	clear:left;
}
ul.products .image{
	padding:6px 0;
	height:100px;
	text-align:center;
}

ul.products h4{
	font-size:11px;
	margin:0;
}
ul.products h4 a{
	color:#502d7f;
}
ul.products .info{
	padding:10px 0;
}
ul.products .price{
	font-size:10px;
}
ul.collection{
	margin-top:30px;
}

.rule{
	margin:15px 0;
	height:1px;
	font-size:1px;
	line-height:1px;
	background:url(../images/decor/dotted.gif) 0 0 repeat-x;
}

.meta{
	margin:0.5em 0;
	font-size:10px;
	padding-bottom:5px;
	border-bottom:1px solid #DDD;
}

/*-----------------------------------------------------------------------------------------------
  Product page
-----------------------------------------------------------------------------------------------*/

.product{
	width:240px;
	padding:5px;
	margin:25px 15px 1em 0;
	float:left;
	text-align:center;
	border:1px solid #DDD;
}
.product .buy{
	text-align:left;
	background:#fff;
	padding:10px 10px 0 10px;
	margin:5px 0 0 0;
}
.product .buy p{
	margin:0;
	height:20px;
	line-height:20px;
}
.product .buy input.radio{
	vertical-align:middle;
	margin-right:5px;
}
.product .buy .price{
	color:#000;
	font-weight:bold;
}

.add-cart{
	border:none;
	background:transparent;
	margin:5px 0 0 -10px;
	padding:0;
	width:240px;
	height:22px;
}

.details{
	margin:5px 0;
	padding:0 10px;
	text-align:left;
}
.details dl{
	margin:0;
}
.details dl dt{
	margin:0;
	display:inline;
	font-weight:bold;
}
.details dl dd{
	margin:0; display:inline;
}

/*-----------------------------------------------------------------------------------------------
  Cart
-----------------------------------------------------------------------------------------------*/

table.cart{
	width:100%;
	border-spacing:2px;
	margin:30px 0 15px 0;
}
table.cart th, table.cart td{
	padding:2px 5px;
	vertical-align:middle;
}
table.cart th.short, table.cart td.short{
	text-align:center;
}
table.cart th{
	background:#F1F1F1;
	text-align:left;
}
table.cart tr.even td{
	background:#F1FFFF;
}

input.quantity{
	width:20px;
	font-size:11px;
}

p.updatebtn{
	float:left;
}
p.subtotal{
	text-align:right
}
p.checkout{
	clear:both;
	text-align:right;
}

/*-----------------------------------------------------------------------------------------------
  Footer
-----------------------------------------------------------------------------------------------*/

#search{
	width:250px;
	float:left;
	text-align:left;
}
#search button{
	width:67px;
	height:17px;
	text-indent:-9999px;
	background:url(../images/buttons/btn_search.gif) 0 0 no-repeat;
	border:none;
	margin-left:5px;
	vertical-align:top;
	margin-top:2px;
}
#search input{
	width:150px;
}

ul#fnav{
	margin:0;
}
ul#fnav li{
	background:none;
	display:inline;
}
ul#fnav li a{
	color:#502d7f;
}

/* Comments */

#comments { margin: 20px 0; }
#comments dt { margin-top: 10px; margin-left: 0; }
#comments dd { margin-left: 0; }
#comments dd input, #comments dd textarea { width: 300px; }
#comments>ul { margin-top: 10px; padding: 0; }
#comments>ul>li { margin: 10px 0 !important; list-style-type: none; padding: 0; }
#comments input { margin-left: 0; }

.comment {
	padding: 10px;
	font-size: 14px;
	border: 1px solid #ddd;
	background: #f5f5f5;
}

.comment-details {
	font-size: 90%;
  background: #ddd;
  padding: 2px 5px;
}

.notice {
  font-size: 10pt;
  margin: 15px 0;
  border: 1px solid #eFeBd5;
  border-bottom: 1px solid #dFdBc5;
  border-right: 1px solid #dFdBc5;
  padding: 5px 15px;
  background: #FFFBE5;
  color: #6a9c30;
  text-align: center;
}

.error { color: #933; }
.input-error { background: #FFFBE5; }

.comment-form {
	margin-top: 40px;
}

.comment-form .hint {
	font-size: 11px;
	font-style: italic;
	color: #666;
}

.comment-form dt {
	font-weight: bold;
}

.comment-form input[type=submit] {
	margin-top: 8px;
}

#footer2 {
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
background:#502D7F none repeat scroll 0 0;
clear:both;
height:101px;
padding:0 38px;
position:relative;
width:879px;
line-height:1;
}

#footnav {
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
background:transparent none repeat scroll 0 0;
color:#D3CADF;
height:30px;
margin:0 auto;
padding-top:30px;
text-align:center;
line-height:1;

}

#footnav ul {
text-align:center;
margin:0 0 0 0px;
line-height:1;
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
}

#footnav ul li {
border:0 none;   
font-style:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
border-right:2px solid #D3CADF;
display:inline;
font-family:Arial,Helvetica,Garuda,sans-serif;
font-size:1.2em;
font-weight:bold;
line-height:1.4em;
margin:0 0 0 0px;
padding-left:0px;
margin-right:8px;
padding-right:8px;
background:none;


}

ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#footer2 h6 a:link, #footer2 h6 a:visited, #footer2 h6 a:hover, #footer2 h6 a:active {
/* background:transparent url(../images/logos/footlogo.gif) no-repeat scroll 0 0; */
background:transparent url(http://www.evolutionofsmooth.com/images/footlogo.gif) no-repeat scroll 0 0;
display:block;
width:134px;
height:80px;
left:38px;
position:absolute;
top:0;
}

#footnav a, #footnav a:link, #footnav a:visited {
border:0 none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
line-height:1.4em;
color:#D3CADF;
text-decoration:none;
}

#nav2 {
background:transparent url(../images/decor/navbg.gif) repeat-x scroll left top;
height:48px;
padding-left:54px;
width:901px;
}

#nav2 ul li {
display: inline;
padding: 0;
margin: 0;
}
#nav2 ul li a, #nav2 ul li a:link, #nav2 ul li a:visited, #nav2 ul li a:hover, #nav2 ul li a:active {
display: block;
float: left;
text-indent: -9999px;
height: 48px;
background-image: url(../images/decor/sprite2.gif);
}
#nav2 ul li.home a:link, #nav2 ul li.home a:visited {
width: 94px;
background-position: left 0;
margin-right: 18px;
}
#nav2 ul li.home a:hover, #nav2 ul li.home a:active, #nav2 ul li.home.active a {
background-position: left 48px;
}
#nav2 ul li.products a:link, #nav2 ul li.products a:visited {
width: 102px;
margin-right: 17px;
background-position: -94px 0;
}
#nav2 ul li.products a:hover, #nav2 ul li.products a:active, #nav2 ul li.products.active a {
background-position: -94px 48px;
}
#nav2 ul li.where a:link, #nav2 ul li.where a:visited {
width: 128px;
margin-right: 14px;
background-position: -196px 0;
}
#nav2 ul li.where a:hover, #nav2 ul li.where a:active, #nav2 ul li.where.active a {
background-position: -196px 48px;
}
#nav2 ul li.store a:link, #nav2 ul li.store a:visited {
width: 109px;
margin-right: 16px;
background-position: -324px 0;
}
#nav2 ul li.store a:hover, #nav2 ul li.store a:active, #nav2 ul li.store.active a {
background-position: -324px 48px;
}

#nav2 ul li.about a:link, #nav2 ul li.about a:visited {
width: 128px;
margin-right: 11px;
background-position: -433px 0;
}
#nav2 ul li.about a:hover, #nav2 ul li.about a:active, #nav2 ul li.about.active a {
background-position: -433px 48px;
}
#nav2 ul li.press a:link, #nav2 ul li.press a:visited {
width: 100px;
margin-right: 16px;
background-position: -561px 0;
}
#nav2 ul li.press a:hover, #nav2 ul li.press a:active, #nav2 ul li.press.active a {
background-position: -561px 48px;
}
#nav2 ul li.contact a:link, #nav2 ul li.contact a:visited {
width: 93px;
background-position: -661px 0;
}
#nav2 ul li.contact a:hover, #nav2 ul li.contact a:active, #nav2 ul li.contact.active a {
background-position: -661px 48px;
}


#footnav ul li.last {
border-right:medium none;
margin-right:0;
padding-right:0;
}

#mid {
background:transparent none repeat scroll 0 0; 
overflow:auto;
padding-bottom:44px;
padding-top:44px;
width:724px;
}

#content3 {
background:#FFFFFF none repeat scroll 0 0;
padding:0px 0 15px 8px;
position:relative;
width:947px;
}

#left3 {
background:transparent none repeat scroll 0 0;
float:left;
width:210px;
}