/* CSS Document */
/* Rebecca Esler */
/* 02/12/2008 */

body{
margin:0;
padding:0;
background: #000000 url(../images/miss-illicit/bg.jpg) top center repeat-y;
font:12px Arial, Helvetica, sans-serif;
color:#ffffff;
}

/*------main bg image--------*/
#frame{
margin:0;
padding:0 0 50px 0;
background: url(../images/miss-illicit/frame.jpg) top center no-repeat;
min-height:690px;}

/*------centers content in site--------*/
#innerframe{
clear:both;
width:950px;
margin:0 auto;
padding:0;}

/*------join button and text field--------*/
#join{
margin:0 0 0 0;
padding:55px 0 0 0;
width:837px;
text-align:right;}

#join .joinbutton{
vertical-align:middle;
margin:0 3px 0 0;}

#join .jointextfield{
margin:0;
padding:5px 2px;
width:205px;
background-color:#000000;
border:1px solid #434241;
font:11px Arial, Helvetica, sans-serif;
color:#666666;}

/*------main navigation--------*/
#nav{
margin:8px 0 0 0;
padding:0;
width:851px}

#nav ul{
float:right;
margin:0;
padding:0;
width:500px;}

#nav li{
margin:0;
padding:0 12px 0 7px;
float:left;
display:inline;
list-style:none;
background:url(../images/miss-illicit/nav_divider.gif) top right no-repeat;}

#nav a img{
border:0;}

#nav li.end{
background:none;}

/*------all other content sits in here--------*/
#contentarea{
clear:both;
margin:0;
padding:330px 0 0 157px;
width:620px;}
#homecontentarea{
clear:both;
margin:0;
padding:300px 0 0 125px;
width:610px;}

/*------sub navigation--------*/
#subnav{
margin:0;
padding:0;
height:50px;
width:620px;
background:url(../images/miss-illicit/heading_pinupcouture.gif) top left no-repeat;}

#subnav ul{
margin:13px 0 0 0;
padding:0;
width:428px;
float:right;
}

#subnav li{
margin:0;
padding:0 6px 0 4px;
float:left;
display:inline;
list-style:none;
background:url(../images/miss-illicit/subnav_divider.gif) top right no-repeat;}

#subnav a img{
border:0;}

#subnav li.end{
background:none;}

/*------shopping cart area items--------*/

#cart{
clear:both;
margin:10px 0 0 10px;
padding:0;}

#cart ul{
margin:0;
padding:0;
font:12px Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:left;}

#cart li{
float:left;
margin:0 7px 15px 7px;
padding:0;
width:139px;
list-style:none;}

#cart li img{
border:0;}

#cart h1{
font: 16px Arial, Helvetica, sans-serif;
color:#ffffff;
text-transform:uppercase;
margin:0;
padding:0;
text-align:left;}

#cart p{
margin:0;
padding:4px 0;}


#itemImage{
width:295px;
margin:0 0 0 10px;
padding:0;
float:left;
display:inline;}

#itemDetails{
font: 11px Arial, Helvetica, sans-serif;
color:#9ea0a3;
width:300px;
margin:0 0px 0 0;
padding:0;
float:right;
display:inline;}

#itemDetails h1{
font: bold 16px Arial, Helvetica, sans-serif;
color:#ffffff;
text-transform:capitalize;
font-style:italic;
margin:0;
padding:0;
text-align:left;}

#itemDetails h2{
font: 11px Arial, Helvetica, sans-serif;
color:#ffffff;
text-transform:uppercase;
margin:0;
padding:0;
text-align:left;}

#description{
margin:5px 0;
padding:0;}

#itemDetails #description p{
margin:0;
padding:0;}

.dots{
height:10px;
margin:0;
padding:0;
background: url(../images/miss-illicit/dots.gif) top left no-repeat;}

#itemDetails ul{
margin:8px 10px 0 0px;
padding:0;
font:12px Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:left;}

#itemDetails li{
float:left;
margin:0 13px 8px 0px;
padding:0;
list-style:none;}

#itemDetails li.last{
float:left;
margin:0 0px 8px 0px;
padding:0;
list-style:none;}

#itemDetails li img{
border:1px solid #4f4f51;}