/*
===== CSS CONTENTS =====

1: resetting
2: common tags/classes
3: layout
4: top navigation
5: header
6: main content formatting
7: Footer
8: category page
9: product page
10: policy page
11: tips and trends page
12: favorites page
13: contact page
14: sitemap
15: order confirmation
16: live search
17: google nav
18: search results
19: newsletter

====================
*/

/*
===== 1: resetting =====
*/

* { padding:0; margin:0; font-size: 100%;}
ul, ol { padding:0; margin: 0; list-style:none }
h1, h2, h3, h4, h5, h6, p, blockquote, label, ul, ol, dl, fieldset, address { margin: 0; font-size: 1em; }
img, fieldset { border: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*
===== 2: common tags/classes =====
*/

a {
text-decoration:none;
color: #E03677;
}

a:hover {
text-decoration: underline;
}

p {
font-size: 80%;
line-height: 180%;
padding: 0 0 10px;
}

sup {
font-size: 70%;
}

.fr {
float: right;
padding: 2px;
border: 1px solid #666;
margin: 10px 0 10px 10px;
}

.fl {
float: left;
padding: 2px;
border: 1px solid #666;
margin: 10px 10px 10px 0;
}


/*
===== 3: layout =====
*/

body {
margin: 10px 0;
padding: 0;
text-align: center;
background: #fff;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
}

#wrap {
width: 770px;
margin: 0 auto;
text-align: left;
}

#left {
float: left;
}

#right {
float: left;
margin-left: 10px;
width: 585px;
}


/*
===== 4: top navigation =====
*/

#navlist {
float: right;
font-size: 75%;
padding: 3px 0 10px;
}

#navlist li {
display: inline;
list-style-type: none;
padding-right: 20px;
}

#navlist a, #footer a {
text-decoration:none;
color: #666;
}

#navlist a:hover, #footer a:hover {
color: #E03677;
}


/*
===== 5: header =====
*/

#header {
background: url(/static/img/headerbg.gif) top left no-repeat;
padding: 28px 10px 10px;
height: 104px;
width: 750px;
float: left;
}

h1#logo {
width: 540px;
background-image: url(/static/img/lh2.gif);
}

h1#logo a {
width: 540px;
display: block;
padding-top: 86px;
height: 0px !important;
height /**/: 86px;
overflow: hidden;
background-image: url(/static/img/lh2.gif);
}

h1#logo a:hover {
background-position: 0 87px;
}

#cartnav {
float: right;
margin: -97px 0 0;
width: 175px;
}

#cartnav #carttotal {
margin: 0; padding: 0;
font-size: 65%;
text-align: right;
color: #555;
}

#cartnav #shopcart {
width: 122px;
background-image: url(/static/img/cart2.gif);
}

#cartnav #shopcart a, #cartnav #chkout a {
display: block;
padding-top: 29px;
height: 0px !important;
height /**/: 29px;
overflow: hidden;
}

#cartnav #shopcart a {
width: 122px;
background-image: url(/static/img/cart2.gif);
}

#cartnav #shopcart a:hover {
background-position: 0 34px;
}

#cartnav #chkout {
width: 90px;
background-image: url(/static/img/checkout2.gif);
}

#cartnav #chkout a {
width: 90px;
background-image: url(/static/img/checkout2.gif);
}

#cartnav #chkout a:hover {
background-position: 0 34px;
}


/*
===== 6: main content formatting =====
*/

#left h2 {
background:transparent url(/static/img/tlcurve.gif) no-repeat;
height: 23px;
width: 170px;
text-align: center;
padding: 7px 0 0;
font-size: 90%;
color: #333;
}

#catlist {
background: #F7D4E4 url(/static/img/blcurve.gif) bottom left no-repeat;
width: 170px;
font-size: 70%;
line-height: 200%;
text-indent: 15px;
padding: 5px 0 10px;
}

#catlist a {
display: block;
height: 26px;
color: #333;
}

#catlist a:hover {
background: #EFA8C7;
color: #000;
text-decoration: none;
}

.prodthumbs, .prodthumbs div {
float: left;
}

.prodthumbs div {
padding: 0;
width: 195px;
}

.latest {
margin-left: 460px;
font-size: 90%;
}

.latest h3 {
line-height: 150%;
margin: 0 0 8px;
}

.latest p {
padding: 0 0 10px;
}

.prodthumbs h3 {
background: #EFA8C7 url(/static/img/sm_trcurve.gif) top right no-repeat;
height: 23px;
width: 182px;
text-align: center;
padding: 7px 0 0;
font-size: 80%;
font-weight: normal;
color: #333;
}

.prodthumbs h3 a {
color: #333;
}

.prodthumbs div img {
width: 160px;
margin: 0 0px 15px 0;
padding: 10px;
border: 1px solid #F7D4E4;
border-width: 0 1px 1px 1px;
}

.clearboth { clear: both; }

h3.collections {
background: #EFA8C7 url(/static/img/sm_trcurve.gif) top right no-repeat;
height: 24px;
width: 567px;
padding: 7px 0 0 10px;
font-size: 95%;
color: #333;
font-weight: bold;
}

.bc {
text-align: center;
font-weight: bold;
font-size: 80%;
padding: 5px 0;
}

.colthumbs, .custom {
width: 575px;
padding: 5px 5px 5px 8px;
background: #fff;
border: 1px solid #F7D4E4;
margin: 0 0 10px;
}

.specially p {
padding: 10px;
}

.colthumbs a {
color: #333;
display: block;
cursor: pointer;
}

.colthumbs span {
float: left;
text-align: center;
font-size: 75%;
padding: 0 7px 0;
margin: 0 0 10px;
}

.colthumbs span img {
padding: 5px 0;
display: block;
width: 100px;
}

.colthumbs p.last {
clear: both;
padding: 0 0 5px;
font-size: 65%;
text-align: center;
}

#default h4 {
background: #EFA8C7 url(/static/img/sm_trcurve.gif) top right no-repeat;
height: 23px;
width: 580px;
padding: 7px 0 0 10px;
font-size: 80%;
color: #333;
font-weight: normal;
margin: 10px 0 0;
}

h4 {
padding: 10px 0;
font-size: 90%;
color: #333;
}

.custom p {
margin-left: 280px;
}

.catimg p {
color: #101010;
}

.catimg a {
color: #EFA8C7;
}

.homefeatures {
width: 575px;
padding: 5px 0;
background: #fff;
border: 1px solid #F7D4E4;
margin: 0 0 10px;
}

.specially {
width: 575px;
padding: 5px 0;
background: #fff;
border: 1px solid #F7D4E4;
margin: 0 0 10px;
}


/*
===== 7: Footer =====
*/

#footer {
border-top: 1px solid #666;
margin: 20px 0 0;
padding: 5px 0 0;
font-size: 70%;
line-height: 180%;
}

#footer .left { float: left; }
#footer .right { float: right; }


/*
===== 8: category page =====
*/

#right h2 {
padding: 0 0 5px;
margin: 0 0 10px;
font-size: 110%;
color: #333;
border-bottom: 1px solid #F7D4E4;
}

.catthumbs {
  padding: 0 0 10px;
}

.catthumbs a{
color: #111;
}

.catrow .catimg {
  float:left;
  padding: 0 8px 0;
  width: 175px;
}

#default .catrow .catimg {
  padding: 0 4px 0;
}

.catrow .catimg div {
  float:left;
  background: url(/static/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/static/img/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.catrow .catimg div img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  margin: -6px 6px 6px -6px;
  padding: 2px;
}

.catrow .catimg p {
  clear: both;
  text-align: center;
  padding-top: 3px;
  line-height: 130%;
}


/*
===== 9: product page =====
*/

.prodimg {
  float:left;
  background: url(/static/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/static/img/shadow.gif) no-repeat bottom right;
  margin: 10px 10px 0 10px !important;
  margin: 10px 10px 0 5px;
}

.prodimg img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  margin: -6px 6px 6px -6px;
  padding: 2px;
}

.aprod ul {
margin: 0 0 20px 300px;
list-style: disc;
font-size: 80%;
}

.aprod li {
padding: 10px 0 0;
}

.prodmeta {
float: left;
width: 280px;
}

.proddata {
float: left;
}

.orderform {
float: left;
margin: 10px 0 0;
padding: 10px 0 0;
width: 261px;
}

.orderform legend {
  padding: 3px 10px;
  border:1px solid #333;
  background: #F7D4E4;
  color:#333;
  font-size:80%;
  position:relative;
}

* html .orderform legend {
top:-0.5em;
}

.orderform fieldset {
display: block;
border: 1px solid #ccc;
background: #fff;
padding: 10px;
position:relative
}

* html .orderform fieldset {
padding: 10px 0 10px 10px;
position:relative
}

.orderform label {
float: left;
width: 100px;
font-weight: bold;
font-size: 80%;
}

.orderform input, .orderform select {
width: 135px;
margin: 0 0 8px;
font-size: 90%
}

#regprice, #saleprice {
background: #fff;
border: 1px solid #fff;;
margin: 0 0 10px;
}

.addtocart {
margin: 10px 0 5px 100px;
border: 1px solid #EFA8C7;
padding: 5px;
font-size: 80%;
color: #333;
background: #F7D4E4;
}

.orderform br{
clear: left;
}

#seeothers {
font-size: 70%;
padding-bottom: 20px;
}

#minqty {
font-size: 70%;
clear: both;
margin: 0 0 10px;
}

#collecthumbs {
margin: 20px 0 0;
}

#collecthumbs .catthumbs {
  padding: 0 100px 10px;
}


/*
===== 10: policy page =====
*/

#policies #right li {
list-style: disc;
font-size: 80%;
line-height: 180%;
padding: 0 0 10px;
margin: 0 0 0 20px;
color: #333;
}

#policies p {
margin: 0 0 10px;
}

#policies table {
border-collapse: collapse;
border: 1px solid #EFA8C7;
width: 100%;
text-align: center;
}

#policies tr {
background: #fff;
}

#policies td {
width: 100px;
padding: 5px 20px;
font-size: 70%;
border-bottom: 1px solid #EFA8C7;
}


/*
===== 11: tips and trends page =====
*/

.ttease img {
margin: 10px 0 40px 10px;
}


/*
===== 12: favorites page =====
*/

.favs img {
margin: 10px 10px 40px 0;
}

p {
padding: 5px 0 0 0;
}

p.intro {
padding: 0 0 30px;
}


/*
===== 13: contact page =====
*/

#contact_form label {
font-size: 80%;
}

#contact_form input, #contact_form textarea {
padding: 5px;
margin: 5px 0 10px;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
}


/*
===== 14: sitemap =====
*/

#site{
float: left;
width: 195px;
font-size: 85%;
margin-left: 5px;
}

#allprods {
float: left;
width: 375px;
font-size: 85%;
margin-left: 10px;
}

#allprods h3, #site h3 {
background: #EFA8C7 url(/static/img/sm_trcurve.gif) top right no-repeat;
height: 23px;
text-align: center;
padding: 7px 0 0;
font-size: 90%;
color: #333;
}

#allprods h4 {
padding: 10px 0 0;
}

#allprods li {
font-size: 80%;
line-height: 180%;
padding: 3px 0;
}


/*
===== 15: order confirmation =====
*/

#confirm {
margin: 10px 0 0;
border: 1px solid #EFA8C7;
padding: 10px;
}

#confirm h3 {
text-align: center;
}

#prods {
border-collapse: collapse;
text-align: center;
width: 100%;
margin: 20px 0 0;
}

#prods th {
background: #EFA8C7;
color: #333;
font-size: 80%;
padding: 5px 10px;
border-bottom: 1px solid #EFA8C7;
text-align: center;
}

#prods td {
width: 100px;
padding: 5px 10px;
font-size: 70%;
border-bottom: 1px solid #EFA8C7;
}


/*
===== 16: live search =====
*/

#searchform {
float: left;
width: 300px;
}

#searchform label {
font-size: 75%;
}

#searchform input{
font-size: 75%;
padding: 2px;
}

#LSResult  {
  position: absolute;
  background-color: #666;
  width: 350px;
  padding:2px;
  z-index:2;
  font-size: 85%;
}

#LSShadow {
  border: 3px solid #EFA8C7;
  padding: 5px;
  background-color: #666;
  color:#fff;
}

#LSRes {
  background-color: #fff;
}

.LSRow a {
  padding: 5px;
  display: block;
}

.LSRow a:hover {
  background-color: #aaa;
  color:#fff;
  text-decoration: none;
}

.LSViewAll {
text-align: center;
font-weight: bold;
font-size: 1.2em;
border-top: 1px solid #333;
margin-top: 5px;
}

#LSHighlight {
  background-color: #ddd;
}

#LSHeader {
padding: 2px 2px 8px;
}

#LSHeader a {
color: #fff;
}

.lsDate {
display: block;
color: #333;
font-size: 0.8em;
}


#livesearchsubmit, #zem_contact_submit {
margin: 0 10px;
border: 1px solid #EFA8C7;
padding: 5px;
font-size: 80%;
color: #555;
background: #F7D4E4;
}

#liveLinkRes {
position: absolute;
z-index:2;
width: 366px;
background: #999 url(/static/img/livelink.jpg) top left no-repeat;
height: 216px;
}

#liveLinkHead {
font-weight: bold;
padding: 5px 25px;
color: #333;
margin-bottom: 20px;
}

#liveLinkRes #LSRes {
background: none !important;
}

#liveLinkRes .LSRow a {
  margin: 0 0 0 10px;
  padding: 5px 0 0 20px;
  display: block;
}

#liveLinkRes .LSRow a:hover {
  background: url(/static/img/heart.gif) center left no-repeat;
  color:#333;
  text-decoration: none;
}


/*
===== 17: google nav =====
*/

ul.paging {
text-align: right;
font-size: 80%;
padding: 0 0 10px;
margin-right: 20px;
}

ul.paging li {
display: inline;
padding: 0 10px;
}

.pagingres {
text-align: center;
padding: 0 10px;
float: left;
}


/*
===== 18: search results =====
*/

.sresult img {
margin: 10px 10px 40px 0;
}

.sresult {
padding: 0 0 15px;
margin: 0 0 15px;
border-bottom: 1px solid #555;
}

.sresult p {
padding: 5px 0 15px;
}

#sphrase {
padding: 10px 0 20px;
color: #333;
}

/*
===== 19: newsletter =====
*/

.ntease {
padding: 0 0 20px;
}