/**** zoomtool.css ****/

@import url("/css/global/zoomtool.css");

/**** papi.css ****/

@import url("/css/global/papi.css");

/**** master.css ****/

@import url("/css/global/master.css");


body {
font: normal 12px 'gil sans','lucida grande','arial','helvetica',sans-serif;
padding: 18px 0px 18px 0px;
color: #333133;
line-height: 1.5em;
}

th,tr,input {
font: normal 12px 'gil sans','lucida grande','arial','helvetica',sans-serif;
color: #333133;
}

h1,h2,h3,h4,h5,h6,th {
color: #333133;
}

h2 {
font-size: 16px;
line-height: 1.3em;
margin-bottom: 25px;
}

a {
color: #6f675f;
}

a:hover {
color: #8e235b;
}

input.button,a.button {
color: #ffffff;
background: #a36185;
border-color: #cba6bb #5b364b #5b364b #cba6bb;
}

div.header,
div.footer {
position: relative;
width: 800px;
left: 50%;
margin-left: -400px;
margin-bottom: 18px;
}

div.output {
position: relative;
width: 754px;
left: 50%;
margin-left: -377px;
}

h1.logo {
position: relative;
float: left;
top: 0px;
left: 0px;
}

h1.logo a {
display: block;
width: 189px;
height: 50px;
background: url(/images/logo.gif) no-repeat;
margin: 0px;
padding: 0px;
}

h1.logo span {
display: block;
text-indent: -9999px;
}

ul.pnav,
ul.tnav {
line-height: 1em;
clear: both;
float: none;
margin: 0px;
list-style: none;
}

ul.pnav li,
ul.tnav li {
float: left;
width: auto;
}

ul.tnav {
width: 611px;
float: left;
clear: none;
background: url(/images/paper.jpg) no-repeat;
height: 50px;
_height: 50px;
}

ul.tnav li a {
display: block;
text-decoration: none;
line-height: 1em;
padding: 0px;
margin: 0px;
color: #6f675f;
position: relative;
line-height: 45px;
_line-height: 40px;
}

ul.tnav li a:hover {
color: #8e235b;
}

ul.tnav li.first a {
width: 60px;
margin-left: 35px;
}

ul.tnav li.second a {
width: 124px;
}

ul.tnav li.third a {
padding-left: 24px;
width: 77px;
background: url(/images/cart.gif) no-repeat;
background-position: 0px 50%;
}

ul.tnav li.third a:hover {
padding-left: 24px;
width: 77px;
background: url(/images/cart_hover.gif) no-repeat;
background-position: 0px 50%;
}

ul.tnav li.fourth a {
width: 77px;
}

ul.tnav li.fifth a {
width: 162px;
}

ul.tnav form input.text {
width: 95px;
border: 1px solid #000;
border-bottom-color: #999;
border-right-color: #999;
margin: 0px 3px 0px 0px;
padding: 3px 3px;
}

ul.tnav form input.button {
width: 50px;
border: none;
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
color: #fff;
background: #e7a1b4;
}

ul.tnav form {
margin: 15px 0px 0px 0px;
}

ul.pnav li a {
display: block;
text-decoration: none;
line-height: 1em;
text-align: center;
padding: 0px;
margin-bottom: 10px;
color: #6f675f;
text-transform: uppercase;
}

ul.pnav li a:hover {
color: #8e235b;
}

ul.pnav li.first a {
margin-left: 224px;
width: 102px;
text-align: left;
}

ul.pnav li.second a {
width: 158px;
}

ul.pnav li.third a {
width: 154px;
}

ul.pnav li.fourth a {
width: 99px;
text-align: right;
}

ul.pnav li a,
ul.tnav li a {
padding: 4px 0px;
}

div.footer ul.pnav {
background: black url(/images/paper.jpg) no-repeat;
border-left: 186px solid #e8a3b4;
padding: 15px;
height: 22px;
}

div.footer ul.pnav li.first a {
margin-left: 38px;
}

/* Conversion Styles */

body.cart div.header {
background: url(/images/paper.jpg) no-repeat;
height: 50px;
}

body.cart ul.sequence {
background: #e7a1b4;
}

body.cart ul.sequence li {
color: #cee1eb;
}

body.cart ul.sequence a {
color: #a36185;
}

body.cart ul.sequence a:hover {
color: #ffffff;
}

body.cart ul.sequence li.selected {
color: #ffffff;
background: #a36185;
}

body.cart th, body.cart h3 {
background: #cee1eb;
color: #a36185;
}

ul.subcats h3 {
text-transform: uppercase;
border-bottom: 3px solid #a36185;
}

div.cart {
width: 748px;
}


/*************** Sequential ***************/

ul.sequential a {
color: #e7a1b4;
}

ul.sequential a:hover {
color: #8e235b;
}




/******** Supplemental & Subscription ********/

div.supplemental a {
color: #75a1d0;
}

div.supplemental a:hover {
color: #8e235b;
}

div.supplemental ul {
margin-bottom: 50px;
}

div.supplemental ul, form.subscribe {
border-left: 3px solid #e6e8fa;
border-top: 3px solid #e6e8fa;
padding: 6px 6px;
}

div.supplemental ul li ul, form.subscribe ul {
border: none;
margin-bottom: 0px;
}

form.subscribe p {
clear: none;
}

form.subscribe .button input.button{
background: #3B6AA0;
border: 1px solid #C6E2FF;
border-bottom-color: #003F87;
border-right-color: #003F87;
}

form.subscribe h3 {
position: relative;
margin: -45px 10px 0px -25px;
padding: 0px;
float: left;
height: 83px;
width: 83px;
background: url(/images/email.png) no-repeat;
_background: url(/images/email.gif) no-repeat;
text-indent: -9999px;
}



/******** Subcats ********/


div.category div.display a.viewall,ul.subcats a.viewall {
display: block;
background: #a36185;
/*border: 1px solid #72aeb6;*/
width: auto;
padding: 3px 6px 3px 6px;
margin-top: -31px;
margin-right: 0px;
float: right;
color: #fff;
font-size: 11px;
line-height: 1em;
}

div.category div.display a.viewall:hover,ul.subcats a.viewall:hover {
color: #e7a1b4;
/*border: 1px solid #fff;*/
}

div.copyright {
clear: both;
}

div.action ul li img.pearl_colors {
float: right;
height: 72px;
width: 72px;
margin-top: -52px;
margin-right: 6px;
margin-bottom: -18px;
}


/************ Bridal, Bridesmaids & Prom pages ************/

div.bridal_section,
div.bridesmaid_section,
div.prom_section ,
div.flower_girl_section{
height: 255px;
width: 750px;
margin-bottom: 10px;
}

div.bridal_section {
background: url(/images/new_heros/bridal.jpg) no-repeat;
}

div.bridesmaid_section {
background: url(/images/new_heros/bridesmaid.jpg) no-repeat;
}

div.flower_girl_section {
background: url(/images/new_heros/flowergirl.jpg) no-repeat;
}

div.prom_section {
background: url(/images/new_heros/prom.jpg);
}

div.bridal_section h2, div.bridal_section h3,
div.bridesmaid_section h2, div.bridesmaid_section h3,
div.prom_section h2, div.prom_section h3,
div.flower_girl_section h2, div.flower_girl_section h3{
text-indent: -9999px;
}


div.bridal_subhero,
div.prom_subhero {
height: 340px;
margin-bottom: 10px;
}

div.bridesmaid_subhero {
	height: 170px;
	margin-bottom:10px;
}

div.section_b {
width: 350px;
float: left;
}

div.section_c {
width: 350px;
float: left;
margin: 0px 0px 0px 50px;
}

div.bridal_subhero div.section_b h3 {
text-indent: -999px;
margin-bottom: 16px;
padding: 0;
width: 230px;
height: 27px;
background: url(/images/bridal_material.gif);
background-repeat: no-repeat;
}

div.bridal_subhero div.section_c h3 {
text-indent: -999px;
margin-bottom: 16px;
padding: 0px;
width: 319px;
height: 27px;
background-image: url(/images/discover_style.gif);
background-repeat: no-repeat;
}

div.bridesmaid_subhero div.section_b h3 {
text-indent: -999px;
margin-bottom: 16px;
padding: 0;
width: 230px;
height: 27px;
background: url(/images/bridesmaid_color.gif);
background-repeat: no-repeat;
}

div.bridesmaid_subhero div h3 {
text-indent: -999px;
margin-bottom: 16px;
padding: 0px;
width: 319px;
height: 27px;
background-image: url(/images/bridesmaid_style.gif);
background-repeat: no-repeat;
}

div.prom_subhero div.section_b h3 {
text-indent: -999px;
margin-bottom: 16px;
padding: 0;
width: 230px;
height: 27px;
background: url(/images/prom_trends.gif);
background-repeat: no-repeat;
}

div.prom_subhero div.section_c h3 {
text-indent: -999px;
margin-bottom: 16px;
padding: 0px;
width: 319px;
height: 27px;
background: url(/images/prom_hot.gif);
background-repeat: no-repeat;
}

div.bridal_section ul.bridal_list {
position: absolute;
margin: 50px 0px 0px 440px;
padding: 0px;
width: 280px;
list-style: none;
}

div.bridal_section ul.bridal_list li {
float: left;

}

div.bridal_section ul.bridal_list li a {
display: block;
margin-bottom: 5px;
padding-left: 12px;
width: 120px;
background: url(/images/dot_black.gif) left 50% no-repeat;
line-height: 1.5em;
}

div.bridesmaid_section ul.bridesmaid_list {
position: absolute;
margin: 50px 0px 0px 440px;
padding: 0px;
width: 350px;
list-style: none;
}

div.bridesmaid_section ul.bridesmaid_list li {
float: left;
}

div.bridesmaid_section ul.bridesmaid_list li a {
display: block;
margin-bottom: 5px;
padding-left: 12px;
width: 142px;
background: url(/images/dot_black.gif) left 50% no-repeat;
line-height: 1.5em;
}

div.prom_section ul.prom_list {
position: absolute;
margin: 80px 0px 0px 500px;
padding: 0px;
width: 250px;
list-style: none;
}

div.prom_section ul.prom_list li {
float: left;
}

div.prom_section ul.prom_list li a {
display: block;
width: 100px;
padding-left: 12px;
margin-bottom: 3px;
background: url(/images/dot_black.gif) left 50% no-repeat;
line-height: 1.5em;
}

ul.mylist li {
margin: 0px;
padding: 0px;
list-style: none;
}

ul.mylist {
width: 375px;
_width: 400px;
margin-left: -25px;
_margin-left: -50px;
}

div.bridesmaid_subhero ul.mylist {
margin-left: -25px;
width:auto;
}

ul.mylist li {
font:  12px arial "Lucida Grande", helvetica, verdana, sans-serif;
float: left;
margin-left: 25px;
margin-bottom: 10px;
}

ul.mylist img {
height: 98px;
width: 98px;
border: 1px solid #fff;
display: block;
}

ul.mylist a:hover img {
border: 1px solid #8e235b;
}

a.more_button {
position: relative;
font-size: 12px;
text-align: center;
display: block;
width: 70px;
height: 24px;
margin: 0px;
padding: 0px;
clear: both;
left: 275px;
top: 20px;
_top: 10px;
background: url(/images/more1_button.gif) no-repeat;
}
	
form.main_form {
margin: 0px 0px 0px 0px;
display: block;
margin-bottom: 24px;
}

form.main_form select {
font-size: 12px;
margin: 0px 0px 20px 0px;
display: block;
width: 347px;
}

form.main_form input {
position: relative;
border-width: 0;
width: 170px;
height: 24px;
background-image: url(/images/show_button.gif);
background-color: transparent;
background-repeat: no-repeat;
color: #6f675f;
margin: 0px;
padding: 0px;
left: 180px;
_left: 175px;
}

form.main_form input.bridesmaid_button {
top: 41px;
}


/***************** Product Page *****************/

div.pricing {
margin-bottom: 30px;
}

li a.papi img.pearl_colors{
position: absolute;
left: 475px;
top: 182px;
}