/* ---------------------*/
/* Body                 */
/* ---------------------*/

body, td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #7d7d7d;
}
body {
	background-color: #f7d9e2;
	background-image:url(images/universal/image-bkgd.gif); 
	background-position:top; 
	background-repeat:repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
/* ---------------------*/
/* Fonts                */
/* ---------------------*/

h1 {
 	color:#976a79;
	font-size:24px;
	font-family:"Times New Roman", Times, serif;
	}
.title {
	color: #5f3542;
	font-size: 24px;
}
.states {
	color: #5f3542;
	font-size: 16px;
}
.maroon16 {
	color: #5f3542;
	font-size: 16px;
	line-height:18px;
}
.maroon18 {
	color: #5f3542;
	font-size: 18px;
	line-height:20px;
}
.maroon24 {
	color: #5f3542;
	font-size: 24px;
	line-height:26px;
}
.maroon30 {
	color: #5f3542;
	font-size: 30px;
	line-height:32px;
}
.maroon42 {
	color: #5f3542;
	font-size:36px;
}
.pink16 {
	color: #cf8199;
	font-size: 16px;
	line-height:18px;
}
.pink18 {
	color: #cf8199;
	font-size: 18px;
	line-height:20px;
}

/* ---------------------*/
/* Links                */
/* ---------------------*/

a:link {
	color: #5f3542;
	text-decoration: none;
}
a:visited {
	color: #5f3542;
	text-decoration: none;
}
a:hover {
	color: #cf8199;
	text-decoration: none;
}
a:active {
	color: #5f3542;
	text-decoration: none;
}

#collectionstn a:link img {
	border:3px solid #ffffff;
}
#collectionstn a:visited img {
	border:3px solid #ffffff;
}
#collectionstn a:hover img {
	border:3px solid #eebecc;
}
#collectionstn a:active img {
	border:3px solid #ffffff;
}

#productstn a:link img {
	border:3px solid #ffffff;
}
#productstn a:visited img {
	border:3px solid #ffffff;
}
#productstn a:hover img {
	border:3px solid #5f3542;
}
#productstn a:active img {
	border:3px solid #ffffff;
}

#press a:link {
	color: #ffffff;
	text-decoration: none;
}
#press a:visited {
	color: #ffffff;
	text-decoration: none;
}
#press a:hover {
	color: #000000;
	text-decoration: none;
}
#press a:active {
	color: #ffffff;
	text-decoration: none;
}

#eco a:link {
	color: #ffffff;
	text-decoration: none;
}
#eco a:visited {
	color: #ffffff;
	text-decoration: none;
}
#eco a:hover {
	color: #CCCCCC;
	text-decoration: none;
}
#eco a:active {
	color: #ffffff;
	text-decoration: none;
}



/* ---------------------*/
/* Container            */
/* ---------------------*/

.main {
	width:900px;
	text-align:left;
	margin:0px auto;
}
.header {
	width:900px;
	height:124px;
	padding:30px 0 30px 0;
	text-align:center;
	margin:0px auto;
}
.content {
	width:900px;
	padding:0;
	text-align:center;
}
.contentborder {
	width:898px;
	height:553px;
	padding:0;
	background-color:#fdf9fc;
	text-align:center;
	border:1px solid #603643;
}
.footer {
	width:900px;
	height:30px;
	padding:16px 0 20px 0;
	text-align:center;
	color:#3c2f2f;
	font-size:9px;
}

/* ---------------------*/
/* Elements             */
/* ---------------------*/

.logo {
	width:900px;
	padding:31px 0 14px 0;
	margin:0px auto 0px auto;
}
.social {
	width:47px;
	float:right;
	text-align:right;
}
.mainnav {
	width:900px;
	text-align:center;
	margin:0px auto 12px auto;
}
.indeximagearea {
	width:894px;
	border:3px solid #a75f75;
}
.aboutimagearea {
	width:900px;
	height:549px;
	background-image:url(/images/about/image-main.jpg);
	text-align:left;
}
.aboutcontentarea {
	width:406px;
	height:386px;
	padding:113px 0 0 58px;
	text-align:left;
	color:#f2c7d5;
}
.contentarea {
	width:898px;
	height:553px;
	border:1px solid #5f3542;
	background-color:#fbebf0;
}
.locationsmap {
	width:549px;
	height:549px;
	border:2px solid #58313d;
	float:right;
}
.locationscontent {
	width:344px;
	float:left;
	padding:30px 0;
	color:#5f3542;
}
.contactimagearea {
	width:896px;
	height:553px;
	border:2px solid #603643;
	background-image:url(/images/contact/image-main.jpg);
}
.contactcenter {
	width:600px;
	text-align:center;
	margin:90px auto 0 auto;
}
.contactleft {
	width:285px;
	text-align:right;
	float:left;
	color:#5f3542;
}
.contactright {
	width:285px;
	text-align:left;
	float:right;
	color:#5f3542;
}
.collectionsddgimagearea {
	width:898px;
	height:553px;
	border:1px solid #603643;
	background-image:url(/images/collections/DropDeadGorgeous/image-main.jpg);
}
.collectionsgaeimagearea {
	width:898px;
	height:553px;
	border:1px solid #603643;
	background-image:url(/images/collections/GorgeousAndEngaged/image-main.jpg);
}
.collectionsgisimagearea {
	width:898px;
	height:553px;
	border:1px solid #603643;
	background-image:url(/images/collections/GorgeousInSilver/image-main.jpg);
}
.collectionsleftout {
	width:324px;
	float:left;
	margin:160px 0 0 22px;
	border:1px solid #000000;
}
.collectionsleftin {
	width:318px;
	float:left;
	border:3px solid #eebecc;
}
.collectionsright {
	width:500px;
	height:400px;
	float:right;
	margin:142px 23px 0 0;
	text-align:left;
	overflow:hidden;
}
.collectionscell {
	width:150px;
	float:left;
	margin:0 24px 9px 0;
	text-align:left;
	color:#3b1e27;
	line-height:18px;
}
.collectionstn {
	width:148px;
	height:148px;
	float:left;
	text-align:left;
	border:1px solid #000000;
}
.collectionsnonametn {
	width:148px;
	height:148px;
	float:left;
	text-align:left;
	border:1px solid #000000;
	margin:18px 0 0 0;
}
.productstn {
	width:81px;
	height:81px;
	float:left;
	text-align:left;
	margin:0 6px 10px 0;
}
.pressimagearea {
	width:890px;
	height:545px;
	border:5px solid #000000;
	background-image:url(/images/press/image-main.jpg);
	text-align:left;
}
.presslinks {
	width:100px;
	margin:145px 0 0 483px;
	font-size:14px;
	line-height:26px;
	text-align:center;
}
.presscelebritiesimagearea {
	width:890px;
	height:545px;
	border:5px solid #000000;
	background-image:url(/images/press/Celebrities/image-main.jpg);
	text-align:left;
}
.presscelebritiestn {
	width:300px;
	height:300px;
	text-align:left;
	margin:139px 0 0 61px;
	overflow:hidden;
}
.presseditorialimagearea {
	width:890px;
	height:545px;
	border:5px solid #000000;
	background-image:url(/images/press/Editorial/image-main.jpg);
	text-align:left;
}
.presseditorialtn {
	width:300px;
	height:300px;
	text-align:left;
	margin:139px 13px 0 0;
	float:right;
	overflow:hidden;
}
.presstn {
	width:72px;
	height:72px;
	text-align:left;
	margin:0 18px 18px 0;
}
.presslinkeditorial {
	width:100px;
	text-align:center;
	margin:10px 0 0 134px;
}
.presslinkcelebrities {
	width:100px;
	text-align:center;
	margin:10px 137px 0 0;
	float:right;
}
.productborder {
	width:898px;
	height:553px;
	padding:0;
	background-color:#ffffff;
	text-align:center;
	border:1px solid #603643;
}
.productsleft {
	width:300px;
	float:left;
	text-align:left;
	margin:80px 0 0 64px;
	font-size:11px;
}
.productsright {
	width:500px;
	float:right;
	margin:20px 20px 0 0;
	text-align:left;
}
.productsrightimage {
	width:500px;
	height:500px;
	float:right;
	text-align:left;	
}
.productsspecs {
	width:270px;
	max-height:190px;
	overflow:auto;
	padding:11px 14px;
	border:1px solid #5f3542;
	background-color:#efeaec;
	font-size:11px;
	color:#5f3542;
}
.productsview {
	width:278px;
	max-height:190px;
	overflow:auto;
	padding:11px 10px;
	border:1px solid #5f3542;
	background-color:#efeaec;
	font-size:11px;
	color:#5f3542;
}
.prodoptions {
	width:300px;
	font-size:11px;
	color:#5f3542;
	margin:290px 0 0 64px;
	text-align:left;
}
.productsprevious {
	width:100px;
	font-size:11px;
	color:#5f3542;
	text-align:left;
	float:left;
	margin:10px 0 0 0;
}
.productsnext {
	width:100px;
	font-size:11px;
	color:#5f3542;
	text-align:right;
	float:right;
	margin:10px 0 0 0;
}
.productsgallery {
	width:100px;
	font-size:11px;
	color:#5f3542;
	text-align:right;
	float:left;
	margin:10px 0 0 67px;
}
.termscontent {
	width:798px;
	height:453px;
	padding:0 50px 0 0;
	text-align:left;
	overflow:auto;
}
.termscontentarea {
	width:848px;
	height:453px;
	padding:50px 0 50px 50px;
	border:1px solid #5f3542;
	background-color:#fbebf0;
}
.ecofriendlyimagearea {
	width:900px;
	height:549px;
	background-image:url(/images/ecofriendly/image-main.jpg);
	text-align:left;
}
.ecofriendlycontentarea {
	width:360px;
	height:386px;
	padding:113px 58px 0 0 ;
	text-align:left;
	float:right;
}

/* ---------------------*/
/* Pagination Style     */
/* ---------------------*/

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: left;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

/* ---------------------*/
/* Stepcarousel Style   */
/* ---------------------*/

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 523px; /*Width of Carousel Viewer itself*/
height: 350px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 523px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.stepcarousel2{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 500px; /*Width of Carousel Viewer itself*/
height: 500px; /*Height should enough to fit largest content's height*/
}

.stepcarousel2 .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel2 .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 500px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


.stepcarousel3{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 360px; /*Width of Carousel Viewer itself*/
height: 390px; /*Height should enough to fit largest content's height*/
}

.stepcarousel3 .belt3{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel3 .panel3{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 360px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
font-size:12px;
}


.stepcarouselpress{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 300px; /*Width of Carousel Viewer itself*/
height: 400px; /*Height should enough to fit largest content's height*/
}

.stepcarouselpress .beltpress{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarouselpress .panelpress{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 300px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
font-size:12px;
}


/*Press kit Image gallery*/

#presskit {
	width:893px;
	position:relative;
	text-align:center;
}

.divout{
width:893px;
margin:0px auto ;
white-space: nowrap;
text-align: center;
}

.zitem {
    width:125px;
    height:125px;  
    border:3px solid #976a79; 
    margin:5px 5px 5px 0;
     
    /* required to hide the image after resized */
    overflow:hidden;
     
    /* for child absolute position */
    position:relative;
     
    /* display div in line */
	display:inline-block;


}
 
.zitem .caption {
    width:125px;
    height:40px;
    background:#000;
    color:#fff;
         
    /* fix it at the bottom */
    position:absolute;
    bottom:-1px; /* fix IE issue */
    left:0;
 
    /* hide it by default */
    display:none;
 
    /* opacity setting */
    filter:alpha(opacity=70);    /* ie  */
    -moz-opacity:0.7;    /* old mozilla browser like netscape  */
    -khtml-opacity: 0.7;    /* for really really old safari */ 
    opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */
 
}
 
.zitem .caption a {
    text-decoration:none;
    color:#fff;
    font-size:12px;
     
    /* add spacing and make the whole row clickable*/
    padding:5px;
    display:block;
}
 
ul.presskit {
list-style:none;

}

ul.presskit li {
line-height:12px;
}