* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
}
img {
    border:none;
}

a { color: #FFFFFF; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

.access {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#wrapper {
	margin: 0 auto;
	width: 755px;
	height: 550px;
	color: #FFFFFF;
	position:relative;
}
#home #wrapper { background: #000000 url(../images/AlexPerry_bg_home.jpg) top right no-repeat; }
#fashion101 #wrapper { background: #000000 url(../images/AlexPerry_bg_101.jpg) top right no-repeat; }
#caring #wrapper { background: #000000 url(../images/AlexPerry_bg_caring.jpg) top right no-repeat; }
#windress #wrapper { background: #000000 url(../images/AlexPerry_bg_win.jpg) top right no-repeat; }
#fashiontv #wrapper { background: #000000 url(../images/AlexPerry_bg_tv.jpg) top right no-repeat; }
#dirtylaundry #wrapper { background: #000000 url(../images/AlexPerry_bg_laundry.jpg) top right no-repeat; }
#freerobe #wrapper { background: #000000 url(../images/AlexPerry_bg_freesilk.jpg) top right no-repeat; }
#seealex #wrapper { background: #000000 url(../images/AlexPerry_bg_laundry.jpg) top right no-repeat; }
#premium #wrapper { background: #000000 url(../images/AlexPerry_bg_premium.jpg) top right no-repeat; }

#sidebar {
	float: left;
	width: 250px;
}
	#sidebar h1 {
		height: 155px;
		background: url(../images/AlexPerry_title.jpg) top left no-repeat;
	}
		#sidebar h1 a {
			display: block;
			height: 155px;
		}
	#sidebar p {
		margin: 10px 0;
		height: 70px;
		background: url(../images/AlexPerry_title_sidebar.png) top left no-repeat;
	}
	#sidebar ul {
		list-style: none;
	}
		#sidebar ul li {
		    font-size: 0;
		    line-height: 0;
		}
			#sidebar ul li a {
				display: block;
				margin-top: 1px;
				height: 50px;
			}
			#sidebar ul li#nav_101 a {
				background: url(../images/AlexPerry_nav_101.jpg) top left no-repeat;
			}
			#sidebar ul li#nav_101 a:hover,
			#sidebar ul li#nav_101 a.current {
				background-image: url(../images/AlexPerry_nav_101_o.jpg);
			}
			#sidebar ul li#nav_caring a {
				background: url(../images/AlexPerry_nav_caring.jpg) top left no-repeat;
			}
			#sidebar ul li#nav_caring a:hover,
			#sidebar ul li#nav_caring a.current {
				background-image: url(../images/AlexPerry_nav_caring_o.jpg);
			}
			#sidebar ul li#nav_windress a {
				background: url(../images/AlexPerry_nav_win.jpg) top left no-repeat;
			}
			#sidebar ul li#nav_windress a:hover,
			#sidebar ul li#nav_windress a.current {
				background-image: url(../images/AlexPerry_nav_win_o.jpg);
			}
			#sidebar ul li#nav_fashiontv a {
				background: url(../images/AlexPerry_nav_tv.jpg) top left no-repeat;
			}
			#sidebar ul li#nav_fashiontv a:hover,
			#sidebar ul li#nav_fashiontv a.current {
				background-image: url(../images/AlexPerry_nav_tv_o.jpg);
			}
			#sidebar ul li#nav_dirtylaundry a {
				background: url(../images/AlexPerry_nav_laundry.jpg) top left no-repeat;
			}
			#sidebar ul li#nav_dirtylaundry a:hover,
			#sidebar ul li#nav_dirtylaundry a.current {
				background-image: url(../images/AlexPerry_nav_laundry_o.jpg);
			}
			#sidebar ul li#nav_premium a {
				background: url(../images/AlexPerry_nav_premium.jpg) top left no-repeat;
			}
			#sidebar ul li#nav_premium a:hover,
			#sidebar ul li#nav_premium a.current {
				background-image: url(../images/AlexPerry_nav_premium_o.jpg);
			}


#content {
	position: relative;
	float: right;
	width: 505px;
	height: 550px;
	overflow: auto;
}
	#content h2 {
		margin: 15px 20px;
		font-size: 1.4em;
		text-transform: uppercase;
	}
	#content h3 {
		padding: 10px 20px;
		font-size: 1.3em;
		font-weight: bold;
	}
	#content p {
	padding: 0 20px 20px 20px;
	font-size: 1.1em;
	}
	
/****  HOME PAGE  ****/
	#home #seealex,
	#home #silkrobe {
		position: absolute;
		bottom: 10px;
		height: 37px;
		padding: 0;
	}
	#home #seealex {
		left: 33px;
		width: 200px;
	}
	#home #silkrobe {
		left: 243px;
		width: 230px;
	}
		#home #seealex a,
		#home #silkrobe a {
			display: block;
			width: 100%;
			height: 100%;
		}
		#home #seealex a {
			background: url(../images/AlexPerry_btn_seealex.gif) top left no-repeat;
		}
		#home #seealex a:hover {
			background-image: url(../images/AlexPerry_btn_seealex_o.gif);
		}
		#home #silkrobe a {
			background: url(../images/AlexPerry_btn_freesilk.gif) top left no-repeat;
		}
		#home #silkrobe a:hover {
			background-image: url(../images/AlexPerry_btn_freesilk_o.gif);
		}

/****  FASHION 101  ****/
	#fashion101 #content {
		background: #000000;
		opacity: 0.75;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		overflow: hidden;
	}
		#fashion101 #content #inner {
			width: 500px;
			height: 530px;
			overflow: auto;
		}
		#fashion101 h2 {
			height: 30px;
			background: url(../images/AlexPerry_title_101.gif) top left no-repeat;
		}
		#fashion101 h3 {
		    border-bottom: 1px solid #CCCCCC;
			font-size: 1.3em;
			font-weight: bold;
			text-transform: uppercase;
			padding: 10px 0 5px;
			margin: 0 20px 5px;
		}

/****  CARING FOR YOUR FASHION  ****/
	#caring #content {
		background: #000000;
		opacity: 0.75;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	}
		#caring h2 {
			height: 57px;
			background: url(../images/AlexPerry_title_caring.gif) top left no-repeat;
		}
		#caring dl {
			padding: 0 20px;
			font-size: 1.1em;
			height: 1%;
		}
			#caring dl dt {
				padding: 3px 3px 3px 13px;
				border-top: 1px #CCCCCC solid;
				background: url(../images/AlexPerry_icon_plus.gif) center left no-repeat;
				text-transform: uppercase;
				cursor: pointer;
			}
			#caring dl dt.ui-state-active { background-image: url(../images/AlexPerry_icon_minus.gif); }
			#caring dl dd {
				padding: 3px;
			}

/****  WIN A DRESS  ****/
	#windress #content {
		width: 250px;
		background: #000000;
		opacity: 0.75;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		overflow:hidden;
	}
		#windress h2 {
			height: 59px;
			background: url(../images/AlexPerry_title_windress.gif) top left no-repeat;
		}
		#windress h3 { text-transform: uppercase; }
		#windress #clickhere {
			display: block;
			width: 220px;
			height: 36px;
			background: url(../images/AlexPerry_btn_enter.png) top left no-repeat;
		}
		#windress #clickhere:hover {
			background-image: url(../images/AlexPerry_btn_enter_o.png);
		}
		#windress #closed {
			display: block;
			width: 174px;
			height: 36px;
			background: url(../images/AlexPerry_btn_closed.png) top left no-repeat;
			text-indent: -9999em;
		}

/****  DIRTY LAUNDRY  ****/
	#dirtylaundry #content {
		background: #000000;
		opacity: 0.80;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		overflow: hidden;
	}
		#dirtylaundry #content #inner {
			width: 500px;
			height: 430px;
			overflow: auto;
		}
		#dirtylaundry h2 {
			height: 30px;
			background: url(../images/AlexPerry_title_laundry.gif) top left no-repeat;
		}
		#dirtylaundry h3 {
		    border-bottom: 1px solid #CCCCCC;
			font-size: 1.3em;
			font-weight: bold;
			text-transform: uppercase;
			padding: 10px 0 5px;
			margin: 0 20px 5px;
		}
		#dirtylaundry p { color: #fff; font-size: 1.1em; }
		#dirtylaundry #clickhere {
			display: block;
			width: 220px;
			height: 36px;
			float:right;
			background: url(../images/AlexPerry_btn_visit.gif) top left no-repeat;
		}
		#dirtylaundry #clickhere:hover {
			background-image: url(../images/AlexPerry_btn_visit_o.gif);
		}
/****  PREMIUM LAUNDRY  ****/
	#premium #content {
		background: #000000;
		opacity: 0.70;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}
	#premium #content.faded {
		background: url(../images/AlexPerry_premiumbg.jpg) no-repeat;
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	}
		#premium h2 {
			height: 57px;
			background: url(../images/AlexPerry_title_premium.gif) top left no-repeat;
		}
		#premium dl {
			padding: 0 20px;
			font-size: 1.1em;
			height: 1%;
		}
			#premium dl dt {
				padding: 3px 3px 3px 13px;
				border-top: 1px #CCCCCC solid;
				background: url(../images/AlexPerry_icon_plus.gif) center left no-repeat;
				text-transform: uppercase;
				cursor: pointer;
			}
			#premium dl dt.ui-state-active { background-image: url(../images/AlexPerry_icon_minus.gif); }
			#premium dl dd {
				padding: 3px;
				overflow:visible;
			}
			#premium dl dd .productimage {
			    float:right;
			    margin:20px;
			}
			#premium dl dd p {
			    padding:10px 0 20px;
			    font-size:1em;
			}
			#premium dl dd ul {
			    padding:0 0 0 15px;
			}
			#premium dl dd li {
			    padding:0 0 10px;
			}
		
/****  SEE ALEX LIVE IN-STORE  ****/
	#seealex #content {
		width: 260px;
		background: none;
	}
		#seealex h2 {
			height: 79px;
			background: url(../images/AlexPerry_title_seealex.gif) top left no-repeat;
		}
		#seealex p { color: #999; font-size: 1.1em; line-height: 1.1 }

        #seealex #register { background:url(../images/AlexPerry_btn_register.gif) top left no-repeat; display:block; height:36px; text-indent:-9999em; width:220px }
        #seealex #register:hover { background-image:url(../images/AlexPerry_btn_register_o.gif) }

/****  FREE SILK ROBE  ****/
	#freerobe #content {
		width: 260px;
		background: #000000;
		opacity: 0.75;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	}
		#freerobe h2 {
			height: 120px;
			background: url(../images/AlexPerry_title_freesilk.gif) top left no-repeat;
		}
		#freerobe p { font-size: 1.1em; }
		#freerobe #clickhere {
			display: block;
			width: 220px;
			height: 36px;
			background: url(../images/BtnClickHereRedeem.jpg) top left no-repeat;
		}

/****  Fashion TV  ****/
	#fashiontv h2 {
		height: 29px;
		background: url(../images/AlexPerry_title_fashiontv.gif) top left no-repeat;
	}

/****  EFFECTS  ****/
#flash {background-color:#fff;height:550px;opacity:1;position:absolute;right:0;top:0;width:505px}


/* ----------------------------------------------------------------------------------------------------------------*/
/* -------->> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Verdana, Helvetica, sans-serif; color: #333; }
#TB_secondLine { font: 10px Verdana, Helvetica, sans-serif; color:#666; }
#TB_window a:link { color: #666; }
#TB_window a:visited { color: #666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666; }
#TB_window a:focus{ color: #666; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* -------->> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height: 100%; width: 100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color: #000; filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { display: none; position: fixed; top: 50%; left: 50%; background: #ffffff; border: 4px solid #525252; color: #000; text-align:left; z-index: 102; }
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { float: left; padding: 7px 30px 10px 25px; height: 25px; }
#TB_closeWindow { float: right; padding: 11px 25px 10px 0; height: 25px; }
#TB_closeAjaxWindow { float: right; margin-bottom: 1px; padding: 7px 10px 5px 0; text-align: right; }
#TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title { display: none; background-color: #e8e8e8; }
#TB_ajaxContent { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_ajaxContent p { padding: 5px 0px 5px 0px; }
#TB_load { display: none; position: fixed; top: 50%; left: 50%; height: 13px; width: 208px; z-index: 103; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; z-index: 99; }
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent { clear: both; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; border: none; }