/* Imports
----------------------------------------*/
@import url("/css/reset.css");
@import url("/css/dropdown.css");

/* Elements
----------------------------------------*/
.purple {
  color:#64245e;
}

.light-purple {
  color:#93318a;
}

.gray {
  color:#666;
}

.red {
 color:#c41230;
}


body {
  background: url(../images/background/bg_pattern.png) repeat;
  background-color:#1c001d;
}

body, td, th, li, div {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:16px;
  color:#000000;
}

#wrapper {
  width:960px;
  margin: 0 auto 15px;
}

table td {
  vertical-align:top;
}

#header {
  width:100%;
  height:182px;
}

#util {
  color:#666;
  letter-spacing:.1em;
  font-size:11px;
  text-transform:uppercase;
  margin-top:11px;
  float:left;
}

#util a, #util a:active{
  color:#666666;
  text-decoration:none;
}

#util a:hover {
  color:#64245e;
}

#top-bar {
  height:43px;
  background:url(../images/background/top-bar-bg.png) repeat-x;
}


#wishlist {
  float:left;
  margin-right:10px;
  height:43px;
}

#search {
  background:url(../images/background/locator-bg.png);
  float:right;
  width:271px;
  height:33px;
  padding-left:50px;
  padding-top:10px;
}

#search input {
  height:20px;
  margin-right:5px;
}

#logo {
  background:url(../images/background/logo-bg.png) repeat-x;
  height:102px;
}

#content-wrapper {
  padding:20px 40px 20px 10px;
}

#left-col {
  width:302px;
  float:left;
}

#left-col p {
  margin-left:20px;
  margin-right:20px;
  font-size:12px;
  line-height:18px;
}

#box-top {
  background:url(../images/background/box-top.jpg) no-repeat top left;
  height:25px;
  display:block;
}

#box-bg {
  background:url(../images/background/box-bg.jpg) repeat-y left;
  padding-bottom:5px;
}

#left-col h2 {
  margin-left:20px;
}

#box-bottom {
  background:url(../images/background/box-bottom.jpg) no-repeat bottom left;
  height:25px;
  display:block;
  margin-bottom:20px;
}

#box-bottom, #box bg, #box-top {
  width:100%;
}

#main-col {
  width:578px;
  float:right;
}

#main-col ul{
  padding-left:15px;
  margin-left: 5px;
  list-style: none;
  margin-top:5px;
}

#main-col .col {
  width:263px;
}

#main-col li{
margin-bottom:10px;
line-height:18px;
padding-left: 15px;
background-image:url(../images/bullet.png);
background-repeat: no-repeat;
background-position: 0 .6em;
}

#main-col h1 {
  font-size:36px;
  line-height:auto;
  margin-bottom:10px;
}

#products-wrapper img{
  display:block;
  margin:0 auto 10px;
}

#products-wrapper .product {
  padding:5px;
  width:177px;
  min-height:150px;
  border:1px solid #ececec;
  margin-bottom:7px;
  text-align:center;
  
/*  clear:both;
  position:relative;
*/  }

/*#products-wrapper .floater {  float:left; height:50%; margin-bottom:-125px; }
*/  
 #products-wrapper .product a p { color:#93318A; text-decoration:underline; display:block; margin:0 auto;}
 #products-wrapper .product a:hover p { text-decoration:none;}


/*#products-wrapper .product a img { vertical-align:middle;}
*/
#products-wrapper .product:hover {
  border:1px solid #999;
}

#products-wrapper .left, #products-wrapper .mid {
  width:186px;
  margin-right:10px;
  float:left;
  text-align:center;
}

#products-wrapper .right {
  width:186px;
  float:right;
  text-align:center;
}

.product {
  float: left;
  margin-right: 1px;
}

.product-description {
  width:300px;
  float:left;
}

.product-image-wrapper {
  width:262px;
  text-align:center;
  float:right;
}

.product-image-wrapper img{
  border:solid 1px #ececec;
  padding:3px;
  margin-bottom:10px;
}

/*.graybox { background-color: #f2f2f2; border-bottom:1px solid #ccc; border-top: 1px solid #ccc; width:269px; padding:10px;}
*/
.graybox img{ padding-bottom:10px;}
#columns .gallery .graybox a img,#columns .gallery .graybox a:hover img  { border:none;}

img.swatch { /*width:72px; height:72px;*/ width:90px; height:90px;}

#box-bg ul {
  list-style:none;
}

#swatch-container {
  overflow:hidden;
}

#swatch-container .col {
  width:75px; margin-right:10px;  margin-bottom:5px; float:left; padding:5px; border:1px solid #999999; text-align:center; font-size:11px; line-height:14px;
}

#swatch-container .col img {
  margin-bottom:5px;
}

#box-bg li a {
  display:block;
  padding-left:20px;
  padding-top:6px;
  height:22px;
  width:283px;

}

#box-bg li a:hover, #box-bg li a:active, #box-bg li a.current {
  background:url(../images/background/box-arrow.jpg) no-repeat;
}

#main-col ul li ul {
  padding-left:3px;
  margin-left: 0;
  list-style: none;
  margin-top:5px;
}

#main-col ul li ul li{
background-image:url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0 .6em;
padding-left:20px;
}

#main-col ul li, #main-col ul li ul li {
background-image:url(../images/bullet.png);
background-repeat: no-repeat;
background-position: 0 .5em;
padding-left:10px;
}

#main-col ul li ul li {
  margin-left:10px;
}

#main-col .row {
  width:100%; margin-bottom:10px; border-top:1px solid #ccc; padding-top:15px;
}

#main-col .row img {
  float:left;
  width:269px;
}

#main-col .row .content {
  float:right;
  width:289px;
}

#cart th{
  background:#d9baba;
  font-weight:bold;
  font-size:16px;
  text-align:left;
  padding:5px 10px;
}

#cart td {
  padding:10px;
}

#cart {
  border:1px solid #999999;
  background:#ececec;
}

#cart td.total {
  text-align:right;
  font-weight:bold;
  font-size:14px;
}

#cart td.remove {
  /*text-align:center;*/
  padding-top:10px;
}

#cart td img {
  border:1px solid #999999;
}

#cart td.dashed {
  border-bottom:1px dashed #999999;
}

#cart td.solid {
  border-bottom: 1px solid #999;
}

#cart a.gen-btn {
  margin-top:30px;
}


/* Main Content
----------------------------------------*/
#main-content {
  width:960px;
  padding:0;
  background:#fff;
}

#slideshow {
  width:938px;
  height:301px;
  background:url(../images/background/slideshow-bg.jpg) no-repeat;
  padding:10px 11px;
}

#slideshow .content {
  margin:10px 0 10px 10px;
  width:260px;}

#columns {
  width:896px;
  padding:10px 32px;
}

#columns .left-col, #footer .left-col {
  width:289px;
  float:left;
  margin-right:21px;
}

#columns .mid-col, #footer .mid-col {
  float:left;
  width:298px;
}

#columns .right-col, #footer .right-col {
  float:right;
  width:267px;
}

#columns .testimonials {
  background:url(../images/background/quotes.png) top left no-repeat;
}

#columns .gallery a img, a.border img, #gallery a img {
  border:4px solid #ffe252;
  margin-right:10px;
}

#columns .gallery a:hover img, #footer a:hover img, a.border:hover img, #gallery a:hover img  {
  border:4px solid #720068;
}

#columns .two-thirds { width:578px; float:left; clear:right;}

#columns h2.border-top { border-top: 1px solid #ccc; margin-top:10px; padding-top: 15px;}

#footer a img {
  border:4px solid #ffe252;
}

#gallery {
  width:896px;
  padding:10px 32px;
}

/* 

----------------------------------------*/

/*nav*/
#navcontainer {
  margin-top:0;
  padding-top:0;
  height:37px;
  width:100%;
  background:url(../images/background/nav-bg.png) repeat-x;
  clear:both;
}

#navcontainer ul {
padding:0;
margin:0;
color: #fff;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
letter-spacing:.03em;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
color: #c41230;
text-decoration: none;
float: left;
height:25px;
padding:12px 20px 0;
}

#navcontainer ul li a:hover, #navcontainer ul li a.active{
color: #666;
background:#fff;
border:none;
border-collapse:collapse;
}


/*----------------------*/

#footer-wrapper {

}

#footer {
  width:896px;
  padding:22px;
  margin:15px auto;
  background:#f2f2f2;
  border-top:1px solid #ccc; border-bottom: 1px solid #ccc;

}

#footer p {
 color:#666;
 margin-top:9px;
 margin-bottom:0;
 font-size:12px;
 line-height:18px;
}

#footer .right-col  p{
  width:145px;
  float:right;
  margin-top:0;
  margin-bottom:5px;
}

#footer .main {
  float:left;
  width:586px;
}

#footer p.hr {
  padding-bottom:5px;
  border-bottom:1px dotted #999999;
  margin-right:30px;
}

p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  line-height:20px;
  color:#000000;
  margin: 0 0 15px 0;
}

p.price {
  font-weight:bold;
  font-size:14px;
}

p.small { line-height:14px; }

p.underline {
  padding-bottom:15px;
  border-bottom:1px solid #dadada;
}

/*--- Link Styles ---*/
a:link, a:visited {
  color:#93318a;
}

a:hover, a:active {
  color:#93318a;
  text-decoration:none;
}

p.footer-links {
  text-align:center;
  word-spacing:.1em;
}

.footer-links a{
  color:#666;
  text-decoration:none;
}

.footer-links a:hover {
  text-decoration:underline;
}


a.view-wishlist {
  display:block;
  width: 155px;
  height: 43px;
  background:url(../images/buttons/wishlist.png) 0 0 no-repeat;
  text-decoration: none;
}

a.view-wishlist:hover {
  background-position:-155px 0;
}

a.add-wishlist {
  display:block;
  width: 161px;
  height: 43px;
  background:url(../images/buttons/add-to-wishlist.png) 0 0 no-repeat;
  text-decoration: none;
}

a.add-wishlist:hover {
  background-position:-161px 0;
}

a.watch-vid {
  display:block;
  width: 161px;
  height: 43px;
  background:url(/images/buttons/watch-video.png) 0 0 no-repeat;
  text-decoration: none;
}

a.watch-vid:hover {
  background-position:-161px 0;
}

a.gen-btn, a.search-btn {
  background:url(../images/buttons/slideshow-off.png) repeat-x;
  padding:8px;
  color:#fff;
  text-decoration:none;
}

a.gen-btn:hover {
  background:url(../images/buttons/slideshow-on.png) repeat-x;
  text-decoration:none;
  color:#c41230;

}

a.search-btn:hover {
  text-decoration:none;
  color:#c41230;
}



h1, h2, h3, h4, h5 {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-weight:bold;
}



h1 {
  color:#720068;
  font-size:50px;
  line-height:50px;
}

h1 span {
  color:#666;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.03em;
  display:block;
  font-family:Arial, Helvetica, sans-serif;
  margin:-13px 0 0 0;
  font-weight:normal;
}

h2 {
  color:#64245e;
  font-size:14px;
  margin-bottom:20px;
  text-transform:uppercase;
  letter-spacing:.03em;
}

h3 {
 color:#C41230;
 font-size:16px;
 line-height:20px;
 margin-bottom:7px;
}

strong {
  font-weight:bold;
}

em {
  font-style:italic;
}

/* Standard Definitions
----------------------------------------*/
.left {
  float:left;
}

.right {
  float:right;
}
.clearThis {
  clear:both;
}

.hide {
  display:none;
}
p.last {
  margin-bottom:0px;
}

.small {
  font-size:11px;
}

.pad-right {
  padding-right:20px;
}

.pad-bottom {
  padding-bottom:20px;
}