/********************************************************************
    File:   
        screen.css
    Brief:  
        Hold common styles for whole website
    Author:
        James Ballard
    Author URI:
        http://www.enteract.com.au
*********************************************************************/

/*************************
    GLOBAL
*************************/ 

html, body, div, hr, img,
h1, h2, h3, h4, h5, h6, p, ul, li, a, span,
form, input, textarea, option, select
table, td, tr {
   margin: 0px;
	padding: 0px;
}

img { 
	behavior: url(iepngfix.htc);
	border: none;
}
:focus { outline: none; }
a { text-decoration:none; }

html { padding-bottom: 20px; }
body {
    background: url("../images/background.jpg") #e0cf86 repeat-y;
	 background-position: 50% 0;
}

div.float-fix {overflow:hidden;clear:both;height:0;}

/*************************
    STRUCTURAL
*************************/ 

.floatLeft { float: left; }
.floatRight { float: right; }
.hidden { display: none; }



/******************************** 
    HEADER
*********************************/

#headerContainer {
    width:948px;
    margin:auto;
    height:62px;
}

#headerContainer img {
    margin-left:755px; 
}

/******************************** 
    MAIN
*********************************/
#girl {
	width:100%;
	margin: 0 auto;
	background: url("../images/background-girl.jpg") no-repeat;
	background-position: 50% 0;
}

#main {
   width: 948px;
	margin: 0 auto;
}

/******************************** 
    BANNER
*********************************/

#rotator {
    width:722px;
    height:268px;
	 position:relative;
}

/* rotator css */
div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

div#rotator ul li.show {
	z-index:500
}

/******************************** 
    COLUMNS
*********************************/

#leftColumn {
    width:194px;
	 float: left;
	 margin-right: 32px;
}

#innerContainer {
	 width: 722px;
	 float: left;
}

#headingTickerContainer {
	width: 722px;
	padding: 6px 0 0 0;
	border-bottom: 2px solid #ec008c;
}

#pageHeading {
	float:left;
	width:292px;
}

#countdownClock {
	float:left;
	width:420px;
}

#pageContent {
	 width: 496px;
	 float: left;
	 margin:16px 32px 16px 0;
}

#pageContent ul {
	margin-left: 16px;
	margin-bottom: 16px;
	line-height: 20px;
}


#pageContent a:hover {
	text-decoration: underline;
}

#rightColumn {
	 width:194px;
	 float: left;
	 margin-top:16px;
}

/******************************** 
    SPONSORS
*********************************/

#sponsors {
    width:948px;
    height: 80px;
	 border-top: 1px solid #ec008c; 
	 border-bottom: 1px solid #ec008c; 
	 clear: both;
	 display: block;
}

/******************************** 
    Gallery
*********************************/

#gallery {
    width:938px;
    padding: 15px 5px;
	 border-bottom: 1px solid #ec008c; 
}

/******************************** 
	 TEXT
*********************************/

h1, h2, h3, h4, h5, h6, 
p, li, a, span, div, td,
form, input, select, textarea, label {
   font-family: Helvetica, Arial, san-serif;
	font-size: 13px;
	font-weight: normal;
	color: #404041;
}

p {
   color: #404041;
	margin-bottom: 16px;
	line-height: 20px;
}

a, a:link, a:visited, a:active {
   font-weight: bold;
   color: #ec008c;
	text-decoration: none;
}

h1 { 
   font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0px; 
}

h2 {
   font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0px;
	display: block;
	padding-bottom: 2px;
	border-bottom: 1px dashed #ec008c;
	margin-bottom: 12px;
}

h3 {
   font-size: 16px;
	text-transform: uppercase;
	font-weight:normal;
	color: #ec008c;
	display: block;
	padding-bottom: 2px;
	border-bottom: 1px dashed #ec008c;
	margin-bottom: 12px;
}

h4 {
   font-size: 14px;
	text-transform: uppercase;
	font-weight:bold;
	margin-bottom:6px;
}

h5 {
   font-size: 10px;
	text-transform: uppercase;
	font-weight:bold;
	margin-top:12px;
	margin-left: 6px;
}

/******************************** 
	 MAIN NAIVGATION
*********************************/

div.navigation {
   width: 194px;
	font-family: Tahoma, Arial, Helvetica;
	color: #404041;
	margin-top:66px;
	margin-bottom: 20px;
}

ul#navigation {
   list-style-type: none;
	border-top: 2px solid #ec008c;
	margin-top: 4px;
}

ul#navigation li {
	cursor: pointer;
	border-bottom: 2px solid #ec008c;
	margin: 0px;
	padding:2px 0 0 0;
	width: 194px;
}

/** Use padding to control font sizing! */

ul#navigation li a {
	margin: 0px;
	color: #404041;
	display:block;
	width: 194px;
}

ul#navigation li:hover {
	background-color: #ffffff;
	color: #ffffff;
}

ul#navigation li a span {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

ul#navigation li a:hover {
   background-position: 0 -17px;
}

ul#navigation li a.selected {
	background-color: #404041;
   background-position: 0 -34px;
}

ul#navigation li#mainNavigation_home a { background-image: url('/images/buttons/navigation-home.gif'); }
ul#navigation li#mainNavigation_about a { background-image: url('/images/buttons/navigation-about.gif'); }
ul#navigation li#mainNavigation_designers a { background-image: url('/images/buttons/navigation-designers.gif'); }
ul#navigation li#mainNavigation_catwalk a { background-image: url('/images/buttons/navigation-catwalk.gif'); }
ul#navigation li#mainNavigation_beauty a { background-image: url('/images/buttons/navigation-beauty.gif'); }
ul#navigation li#mainNavigation_eventHighlights a { background-image: url('/images/buttons/navigation-eventHighlights.gif'); }
ul#navigation li#mainNavigation_gallery a { background-image: url('/images/buttons/navigation-gallery.gif'); }
ul#navigation li#mainNavigation_latestNews a { background-image: url('/images/buttons/navigation-latestNews.gif'); }
ul#navigation li#mainNavigation_newsletter a { background-image: url('/images/buttons/navigation-newsletter.gif'); }
ul#navigation li#mainNavigation_sponsors a { background-image: url('/images/buttons/navigation-sponsors.gif'); }
ul#navigation li#mainNavigation_tellAFriend a { background-image: url('/images/buttons/navigation-tellAFriend.gif'); }
ul#navigation li#mainNavigation_vip a { background-image: url('/images/buttons/navigation-vip.gif'); }
ul#navigation li#mainNavigation_preview a { background-image: url('/images/buttons/navigation-preview.gif'); }

/******************************** 
    CONTENT LAYOUTS
*********************************/

/** All Shopped Out **/

div.shoppedOutRow {
	margin-top: -1px;
	border-top: 1px dashed #ec008c; 
	border-bottom: 1px dashed #ec008c; 
	padding: 14px 0;
	float:left;
	width: 496px;
}

div.shoppedOutLogo {
	float:left;
	width: 158px;
}

div.shoppedOutText {
	float:left;
	width: 310px;
	margin-left: 14px;
}

div.shoppedOutText p{
	margin-bottom: 0px;
}

/** Beauty Brands **/

div.beautyBrandRow {
   width: 490px;
	margin-bottom: 15px;
	float: left;
   margin-bottom: 32px;
}
	
div.beautyBrandLogo {
   width: 150px;
	margin-right: 20px;
	float: left;
}
 
div.beautyBrandDescription {
   width: 320px;
	float: right;
}

/** Discount Previews **/
    
div.preview {
	float: left;
}
div.previewBox {
	width: 144px;
	margin: 0 32px 32px 0;
	float: left;
	display: inline;
}
div.previewBox img{
	margin-bottom: 12px;
}
div.previewBox p{
	margin-bottom: 0px;
}

/** Event Highlights **/

div.twoColumnBoxContainer {
	width: 232px;
	padding-bottom:8px;
	border-bottom: 1px dashed #ec008c;
	float: left;
}

div.twoColumnBox {
	width: 232px;
	height: 138px;
}

div.twoColumnBox img {
	float: left;
}

div.twoColumnBox p {
	width: 114px;
	margin: 0 5px;
	font-size: 11px;
	float: right;
	display: inline;
}

/******************************** 
	Shadow Boxes 
********************************/

div.shadowButtonContent {
   width: 500px;
}

div.shadowButtonContent div.left {
   width: 200px;
	float: left;
}

div.shadowButtonContent div.left img.logo {
   margin: 16px auto;
	display: block;
}

div.shadowButtonContent div.right ul {
	width: 230px; 
	margin-right: 20px;
   float: right; 
}

div.shadowButtonContent div.right ul li {
   line-height: 18px;
}

div.shadowButtonContent div.right p {
   width: 268px;
	margin: 0 16px 16px 16px;
	float: right;
}

div.shadowButtonContent div.right h4 {
	margin: 16px 0 16px 16px;
	float: left;
}

/******************************** 
    FOOTER 
*********************************/

div.footer {
	clear:both;
	float:left;
	margin-bottom:0;
	text-align:center;
	width:100%;
}

div.footer p{
	font-size: 9px;
}

div.footer ul {
   margin-top: 20px;
}

div.footer li {
   list-style: none;
	display: inline;
}

div.footer li span {
	margin-left: 20px;
	margin-right: 20px;
	color: #666;
}
	
div.footer li a {
   font-size: 9px;
}