/* CSS Document */

body{
font:14px Verdana, Arial, Helvetica, sans-serif;
color:#222;
background:#8c7cba url(images/body-bg.gif) top repeat-x;
text-align:center;
margin:0;
}

a{
color:#b91684;
text-decoration:none
}
a:hover{
color:#d880b3;
text-decoration:underline
}

#wrapper{
text-align:left;
width:940px;
margin:auto;
}

#header{
background:#fff;
padding:0 20px 18px;
}

#logo{
float:left;
width:288px;
margin-top:20px;
display:inline
}

#topcontact{
color:#d880b3;
float:right;
text-align:right;
display:inline;
}

#fb{
margin-bottom:12px
}

#menu{
font-size:16px;
text-transform:lowercase;
margin-bottom:15px;
padding-left:30px;
height:46px;
background:#7968ae url(images/menu.gif) top repeat-x;
}
.sf-menu, .sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu {
line-height:1.0;
}
.sf-menu ul {
position:absolute;
top:-999em;
width:14em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width:100%;
line-height:18px
}
.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:left;
position:relative;
}
.sf-menu a {
display:block;
position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:0;
top:2.5em; /* match top ul list item height */
z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:14em; /* match ul width */
top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:14em; /* match ul width */
top:0;
}

/*** SKIN ***/
.sf-menu {
float:left;
margin:3px 0
}
.sf-menu a {
padding:.73em 1.9em;
text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:#fff;
}
.sf-menu li {
background:none;
}
.sf-menu li li {
background:#7a68ae;
border-top:1px solid #9c8dc3;
}
.sf-menu li li li {
background:#7a68ae;
border-left:1px solid #fff;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
background:#9c8dc3;
outline:0;
}
/*end drop down menu */

.content-wrapper{
margin:0;
padding:0
}

#left-column {
width:671px;
float:left;
}

#right-column{
width:254px;
float:right;
}

#left-column .wrapper{
margin-bottom:15px
}

.content{
background:#f0edf4;
padding:10px 15px 2px;
}

h1, h2, h3, h4{
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
color:#7968ae;
margin:0;
margin-bottom:10px;
}

h1{
font-size:28px;
padding-left:35px;
margin-top:10px;
background:url(images/arrow.gif) left no-repeat;
}
h1#home{
margin-top:0
}
h2{
font-size:24px
}
h3{
font-size:20px
}

h4{
font-size:15px;
font-weight:bold
}

small{
font-size:11px
}

.content p{
line-height:22px;
margin:0;
margin-bottom:20px;
}

#right-column p{
margin:5px 0 22px;
}

#banner-slides{
border-bottom:1px solid #f0edf4;
height:400px;
}

.content ol li, .content ul li{
	line-height:22px;
	padding:5px 0
}

.content ul{
	margin-bottom:20px;
}

.img {
float:left;
margin-right:20px;
margin-top:10px;
}

a img{
border:none
}

.thumb-home{
float:left;
margin-left:4px;
display:inline
}

.page-img{

}

.alignleft{
float:left
}

.alignright{
float:right;
margin:0 0 0 20px
}

.align-center{
text-align:center
}

.red{
	color:#F00
}

.green{
color:#0bb14d
}

.purple{
color:#7968ae;
}

.divider{
float: none;
height:20px;
}

.clear{
clear:both;
font-size:0px;
height:0px;
}

.underline{
text-decoration:underline
}

form{
margin:0;
}

/* order form */
#order-form{
margin-bottom:30px;
}
#order-form .formset{
padding-bottom:10px
}
#order-form .label{
float:left;
margin:3px 0 0 0;
display:inline;
width:28%
}
#order-form .field{
float:left;
}
#order-form h4{
margin:15px 0 15px
}
.row-total-input, #product_subtotal{
background:#f2f2f2;
padding:1px 2px;
border:1px solid #ccc
}
.hide-price{color:#f0edf4}
/* end order form */

/* contact form */
#contact-form{
width:450px;
margin:auto;
}
#contact-form .fieldset{
margin-bottom:11px;
}
#contact-form .label{
float:left;
width:120px;
margin-top:3px;
display:inline;
}
#contact-form .field{
float:left;
width:320px;
}
#contact-form .input{
width:210px;
border:1px solid #333;
}
#contact-form textarea{
border:1px solid #333;
width:300px
}
/* end contact form */

#footer{
font-size:11px;
color:#f0edf4;
text-align:center;
padding:10px 0 15px;
line-height:24px;
margin-top:15px;
background: url(images/footer-bg.png) top center no-repeat;
}
#footer a{
color:#fff;
font-weight:bold;
text-decoration:none;
}
#footer a:hover{
text-decoration: underline;
}

#storelocator p{
font-size:13px
}

/* Home slider */
#slider{
width:100%;
height:400px; 
position:relative; 
float:left; 
margin:0; 
display:block; 
overflow:hidden; 
padding:0px;
margin-bottom:20px; 
background:#fff
}
#sliderContent {
width:100%; 
position:absolute;   
top:0; 
margin:0; 
padding:0;  
list-style:none; 
margin-left: 0;
}
.sliderImage {
border:0px; 
width:100%px; 
height:254px; 
float:left;  
position:relative; 
display:none;
}
.sliderImage span {
filter:alpha(opacity=90);
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
display: none;
}

/* Login form */
#login{
width:235px;
padding:15px;
border:1px solid #999;
margin:0 auto;
background:#fff;
}
.msg {
padding: 5px;
width: 600px;
margin: 2px;
color: #c00;
border: 1px solid #c00;
background-color: #FEF1ED;
font: bold 13px  verdana;
}  
.error {
font:normal 11px arial, verdana;
color:#c00;
border:1px solid #c00;
padding:2px;
margin:5px;
float:left;
background:#FEF1ED;
}
.loginform {
font: 16px normal arial;
background-color: #E4F8FA;
font: normal 12px arial,verdana;
padding: 3px;
border: 1px solid #CAE4FF;
}
.loginform #txtbox {
font: bold 16px arial;
color: #f00;
}