/* General structural style declarations  */

body, html, div, td {
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
	font-size: 13px;
	color: #666666;
	line-height: 16px;
}

body, html {
	height:100%;
}

body {
    font-family: Arial, Helvetica, Tahoma, Sans-serif ;
	font-size: 13px;
	color: #a59d9f;
    text-align: left;
    margin: 0px;
    padding: 0px;
    overflow: auto;
    background-color: #000000;
    line-height: 16px;
    display: block;
}


/* The Following two declarations are to create more predictable behaviour cross browser */

* {
    margin: 0px;
    padding: 0px;
}
#page {
    width:980px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -55px;
}

#header {
    width:980px;
    height:105px;
    display:block;
}

#content {
    width:980px;
    float:left;
    margin-bottom:20px;
}

#heading {
    width:980px;
}

#footer {
    width:980px;
    height:55px;
    margin:auto;
}

.push {
    clear:both;
    height: 55px;
}

#primaryNav {
    width:766px;
    height:61px;
    display:block;
    float:left;
    padding-top:44px;
}

#homeFlash {
    width:980px;
    height:354px;
    display:block;
    margin-bottom:20px;
}

.logo {
    width:214px;
    height:77px;
    display:block;
    padding-top:28px;
    float:left;
}

.primaryNav {
    list-style:none;
    padding:0px;
    margin:0px;
    float:right;
}

.primaryNav li {
    float:left;
    margin-left:10px;
    height:15px;
    line-height:0px;
}

.primaryNav li.selected {
    float:left;
    margin-left:10px;
    border-bottom:2px solid #ec008c;
}

.primaryNav li a {
    display:block;
    background-color:white;
    margin-bottom:3px;
    border:0;
}

.primaryNav li a:hover {
    background-color:#ec008c;
}

.primaryNav li a.selected {
    background-color:#ec008c;
}

.secondaryNav li a {
    font-size:13px;
    color:white;
    text-decoration:none;
    font-weight:bold;
    width:255px;
}

.secondaryNav li a:hover {
    font-size:13px;
    color:#ec008c;
    text-decoration:none;
}

.secondaryNav li a.selected {
    font-size:13px;
    color:#ec008c;
    text-decoration:none;
}

#secondaryNav {
    width:255px;
    padding-right:20px;
    float:left;
    padding-top:20px;
    padding-bottom:20px;
}

#leftColSub {
    width:255px;
    padding-right:20px;
    float:left;
    padding-top:30px;
    padding-bottom:20px;
}

#rightColSub {
    width:705px;
    float:left;
    padding-top:20px;
    padding-bottom:20px;
}

#leftColSubscribe {
    width:255px;
    padding-right:20px;
    float:left;
    padding-top:20px;
    padding-bottom:20px;
}

#middleColSubscribe {
    width:435px;
    padding-right:20px;
    float:left;
    padding-top:20px;
    padding-bottom:20px;
}

#rightColSubscribe {
    width:250px;
    float:left;
    padding-top:20px;
    padding-bottom:20px;
}

.secondaryNav {
    float:left;
    width:255px;
    list-style:none;
}

.secondaryNav li ul {
    list-style:none;
}

.secondaryNavAnchor {
    display:block;
    float:left;
}

#leftCol {
    width:302px;
    padding-right:50px;
    padding-top:20px;
    padding-bottom:20px;
    float:left;
}

#rightCol {
    width:353px;
    float:left;
    padding-top:20px;
    padding-bottom:20px;
}

#mainCol {
    width:705px;
    float:left;
    padding-top:20px;
    padding-bottom:20px;
}

#mainColHome {
    float:left;
    width:676px;
    height:364px;
    display:block;
}

#rightColHome {
    width:304px;
    height:364px;
    float:left;
}

.footerNav {
    width:500px;
    float:left;
}

.footerNav li {
    color: #666666;
    float:left;
    display:block;
    padding-right:15px;
}

.footerNav li a {
    color: #666666;
}

.footerNav li a:hover {
    text-decoration:none;
}

.footerRightNav {
    float:right;
}

.footerRightNav li {
    color: #666666;
    float:left;
    display:block;
    padding-left:10px;
}

.footerRightNav li a {
    color: #666666;
}

.footerRightNav li a:hover {
    text-decoration:none;
}

#pagePopup {
    width:460px;
    padding:20px;
}

#headerPopup {
    width:460px;
}

.whatsNewModule {
    width:304px;
    height:364px;
    display:block;
}

.homeModuleblack {
    width:308px;
    height:162px;
    display:block;
    background-color:black;
    float:left;
    padding:10px 15px;
}

.homeModulepink {
    width:308px;
    height:162px;
    display:block;
    background-color:#ec008c;
    float:left;
    color:white;
    padding:10px 15px;
}

.homeModulepink p {
   color:white; 
}

.newsItems {
    padding:0px;
    margin:0px;
    float:left;
    list-style:none;
}

.newsItems li {
    border-bottom:2px solid #ec008c;
    padding-bottom:10px;
    padding-top:10px;
}

.newsItemsLeft {
    width:470px;
    float:left;
    padding-right:40px;
}

.newsItemsRight {
    width:180px;
    float:left;
}

.newsItemImage {
    float:right;
    width:245px;
}

.newsItemBody {
    float:left;
    width:400px;
    padding-right:60px;
}

.newsQuote {
    width:205px;
    background-image:url(../images/icons/quote-icon.jpg);
    background-repeat:no-repeat;
    background-position:top left;
    padding-left:20px;
    margin-top:30px;
    font-size:15px;
}

.pressItemsRight {
    width:180px;
    height:180px;
    float:left;
}

.pressOverlay {
   background-color: #ec008c;
   width:180px;
   height:180px;
   display:block;
   opacity:0.5;
   filter:alpha(opacity=50);
}

.productItems {
    float:left;
    width:705px;
    padding:0px;
    margin:0px;
    list-style:none;
}

.productItems li {
    float:left;
    width:225px;
    height:280px;
    margin-right:0px;
    margin-top:20px;
}

.productThumbnail {
   display:block;
    width:225px;
    height:225px;
    text-align:center;
    border:1px solid #3d3d3d;
}

.productThumbnail:hover {
   border:1px solid #ffffff; 
}

.productItems li a {
    color:#ec008c;
    font-size:18px;
    font-weight:bold;
    text-decoration:none;
    margin-top:5px;
    float:left;
}

.productItems li a:hover {
    color:white;
}

.productLeft {
    width:415px;
    float:left;
    padding-right:40px;
}

.productRight {
    width:250px;
    float:left;
}

.productShades {
    margin-top:5px;
    padding:5px 0px;
    float:left;
    width:100%;
    border-top:1px solid #3d3d3d;
}

.lookLeft {
    width:445px;
    float:left;
    padding-right:10px;
}

.lookProduct {
    width:168px;
    height:168px;
    display:block;
    border:1px solid #3d3d3d;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    padding:5px;
}

.lookProduct:hover {
   border:1px solid #ffffff; 
}

.shadeLeft {
    width:40px;
    height:25px;
    display:block;
    float:right;
    margin-left:5px;
}

.shadeRight {
    float:left;
    width:220px;
    padding-right:10px;
    padding-left:0px;
}

.question {
    border-bottom: 1px solid #2f001c;
    padding:7px 0px;
    cursor:pointer;
}

.answer {
    border-bottom: 1px solid #2f001c;
    padding:10px 0px;
    float:left;
}

.answerLeft {
    width:505px;
    float:left;
    padding-right:20px;
}

.answerRight {
    width:180px;
    float:left;
    display:block;
    /*min-height:180px;
    height:auto !important;
    height:180px;*/
}

.questionProduct {
    width:168px;
    height:168px;
    display:block;
    border:1px solid #3d3d3d;
    float:left;
    padding:5px;
}

.questionProduct:hover {
    border:1px solid #ffffff;
}

.sideColumn {
    width:215px;
    float:left;
    padding-right:60px;
}

#subscribeForm ul li label {
    display:block;
    margin-bottom:5px;
}

#subscribeForm ul li input {
    display:block;
    background-color:black;
    border:1px solid #3d3d3d;
    margin-bottom:5px;
    padding:5px 0px;
    color:#666666;
    width:300px;
    font-size:13px;
}

#subscribeForm ul li select {
    display:block;
    margin-bottom:5px;
}

.stockistLogo {
    float:left;
    width:227px;
    height:169px;
    display:block;
    margin-right:8px;
    margin-top:10px;
}

h1 {
    font-size: 24px;
    line-height: 30px;
    color: #ec008c;
    font-weight: normal;
}

h2.pink {
    font-size: 22px;
    line-height: 22px;
    color: #000000;
    font-weight: normal;
}

h2.black {
    font-size: 22px;
    line-height: 22px;
    color: #ec008c;
    font-weight: normal;
}

h3 {
    font-size: 14px;
    font-weight: bold;
    color: #ec008c;
    line-height: 18px;
}

h4 {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 32px;
}

h5 {
    line-height: 16px;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom:7px;
}

hr {
    height:2px;
    border:0px;
    background-color:#ec008c;
}

hr.grey {
    height:1px;
    border:0px;
    background-color:#3d3d3d;
 
}

p {
	font-size: 13px;
	color: #666666;
	line-height: 16px;
}

ul, ol {
    padding-left: 15px;
	color:#666666;
	padding-bottom: 10px;
    line-height: 16px;
	font-size:13px;
}

a, a:visited, a:link {
    color: #ec008c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}    

a img {
    border: none;  
}