html   {height:100%;
}

body	{
	padding: 0px;
	margin: 0px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#323232;
	background-color: #ececec;
   height:100%;
}

/* Links */
a:link		{text-decoration: none; color: inherit;}
a:visited	{text-decoration: none;}
a:hover		{text-decoration: underline;}
a			{outline: 0;}

form{height: 100%;}

.backgroundimage	{}	

/* Main Layout */
.wrapper 	{width: 970px; position: relative; margin: 0 auto 0 auto; padding-bottom: 200px;}
.wrapperfooter {width: 970px; position: relative; margin: 0 auto 0 auto;}
.header		{width: 970px; height: 175px; position: relative; z-index: 9999; padding: 0px;	margin: 0px; color: #a39d9d; font-family: futura, Futurist, Verdana, Helvetica, Arial;}
.footer		{width: 100%; clear: both; background-color: #2a2b33; height: 200px; position: absolute; bottom: 0px;}
.container {min-height:100%;position:relative;}

/*---- Header Section -------*/

.header a			{color: #a39d9d;}
.header .logo		{position: absolute; left: 65px; top: 80px;}
.header .textlinks	{float: right; text-align: right; padding-top: 80px; padding-right: 40px;}
.header .textbox	{border:none; font-size: 11px; color: #666666; text-transform: uppercase; position: relative; z-index: 9999;}

.header .left		{padding-left: 2px;}

.homepage .header			{color: #ffffff;}
.homepage .header a			{color: #ffffff;}

/*---- Footer Section -------*/
	
.footer .darkbar		{background-color: #000000; width: 100%;}
.footer .signup			{background-color: #4d535a; padding: 1px 3px 1px 3px; color: White; margin: 9px 5px 5px 0; text-transform: uppercase; float: left;}
.footer .textbox		{border:none; font-size: 11px; color: #666666; text-transform: uppercase;  margin: 7px 5px 5px 0; }
.footer .share			{background-color: #ffffff; padding: 3px; margin: 6px 5px 5px 0; float: left;}
.footer .share .text	{background-color: #4d535a; padding: 0px; color: White; text-transform: uppercase; float: left;}
.footer .social			{margin-top: 4px; float: left;}		
.footer a				{color: #ffffff;}		
.footer .wrapperfooter .col	{float: left; width: 200px; padding-right: 15px; padding-top: 15px;}
.footer .latest			{float: right; width: 490px; height: 116px; margin-top: 15px; color: #ffffff; padding: 8px; background-color: #4d535a;}


/*---- Category Page ----*/

.productlistings	{width: 680px; margin: 0 80px 0 80px;} 
.categorypod		{width: 340px; float: left; text-transform: uppercase; text-align: center; padding-bottom: 20px; font-family: futura Book, futura, Futurist, Myriad Pro, Century Gothic, verdana; font-size: 18px; font-weight: bold;}
.categorypod a		{color: #231f20;}

/*---- Product Page ----*/

.productleft				{float: left; width: 370px; padding-bottom: 30px;}
.productright				{float: right; width: 457px;padding-bottom: 30px;}
.productheading				{background-color: #000000;}
.productheading	h2			{margin: 0 8px; padding: 8px 0;}
.productwhite				{width: 457px; background-color: #ffffff; overflow: hidden;}
.productwhite .productprice	{font-size: 1.4em; margin: 0 8px; padding: 8px 0;}
.productwhite .content		{margin: 0 8px; padding: 8px 0;}
.detailshade				{float: left; width: 73px; height: 75px;}

#closeme					{width: 36px; height: 36px; background-image: url(/images/buttons/toggle.png); margin-top: 7px;}
#closeme2					{width: 36px; height: 36px; background-image: url(/images/buttons/toggle.png); margin-top: 7px;}
#closeme3					{width: 36px; height: 36px; background-image: url(/images/buttons/toggle.png); margin-top: 7px;}

.selectbox				{margin: 0px 5px 10px 0px; padding-left:2px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1.2em; width : 190px; display : block; text-align:left; cursor: pointer; border:none; color:#333;}
.zoomholder				{height: 660px; overflow: hidden; width: 370px; position: relative;}
.zoomholder	.zoombit	{position: absolute; top: 0px; left: 0px;}
.zoomholder	.rollover	{position: absolute; left: 5px; bottom: 10px; z-index: 3000;}
/* Get the look */

.getthelookback				{width: 902px; margin: 0 auto; background-color: #000000; margin-top: 10px;}
.getthelookback .content	{width: 854px; margin: 0 24px; padding-top: 24px; color: #666666;}
.getthelookback .content h1 {color: #ffffff;}
.getthelookback .content a	{color: #ffffff;}
.getthelookback .content hr {clear: both; width: 100%; border:0; height:1px; color:#aaaaaa; background:#aaaaaa;margin-top: 5px; margin-bottom: 5px;}
.getthelookleft				{width: 630px; float: left;}
.getthelookright			{width: 190px; float: right;}
.getthelookright .left		{width: 87px;}		
.getthelookright .right		{width: 98px; font-size: 0.8em;}		


/* Basket */		


.baskettabs	{color: #000000;width: 100%;background-color: #ffffff; margin-bottom: 5px;}

.basketproduct		{float: left; width: 500px; padding: 10px;}
.basketquantity		{float: left; width: 105px; text-align: center; padding-top: 10px;}
.basketprice		{float: left; width: 105px; text-align: center; padding-top: 10px;}
.basketremove		{float: right; width: 105px; text-align: center; padding-top: 10px;}
.basketclearer		{clear: both; height: 5px;}
.big				{padding-top: 5px;padding-bottom: 5px;margin: 0px;font-size: 1.5em;}



/* Login */

.loginheading			{background-color: #000000;}
.loginheading	h2		{margin: 0 8px; padding: 8px 0;}
.loginwhite				{width: 100%; background-color: #ffffff;}
.loginwhite .content	{width: 400px; margin: 0 auto; padding: 30px 0 15px 0;}
.loginwhite .registercontent	{width: 780px; margin: 0 auto; padding: 30px 0 15px 0;}


.loginwhite .clearer	{height: 5px;}
.newbutton			{background-color: #000000; float: left; }
.newbutton:hover	{background-color: #666666;}
.newbutton a		{color: #ffffff!important; display: block; padding: 5px;font-size: 1.2em;}



/* Paging */

.paging a:link, .paging a:visited, .paging a:active {
    background-color: #000000 !important;
    color: #ffffff !important;
    padding: 1px 4px 1px 3px !important;
    font-size: .8em !important;
    text-decoration: none !important;
}

.paging a:hover {
    background-color: #000000 !important;
    color: #d92779 !important;
    text-decoration: none !important;
}    

.selectedpage {
    background-color: #000000 !important;
    color: #d92779 !important;
    padding: 1px 4px 1px 3px !important;
    font-size: .8em !important;
    text-decoration: none !important;
}

.LabelLeft 
{
	float: left;
	width: 160px;
}


/* --- Misc ---*/
.lefthalf	{float: left;width: 50%;}
.left		{float: left;}
.right		{float: right;}
.leftPadded, .leftpadded  {float: left;padding: 0px 10px 10px 0px}
.rightPadded {float: right;	padding: 0px 0px 10px 10px}
.clearer	{clear: both; height: 0;}
.clearer5	{clear: both; height: 5px;}
.clearer10	{clear: both; height: 10px;}
.clearer20	{clear: both; height: 20px;}
.clearer75	{clear: both; height: 75px;}
img			{border: none;}
.inline		{display: inline;}
.center		{text-align: center;}
.fullwidth	{width: 840px; margin: 0 65px 0 65px;}




/*------------------------------------------Headings---------------------------------*/

h1		{
	font-size: 32px;
	font-family: futura Book, futura, Futurist, Myriad Pro, Century Gothic, verdana;
	font-weight: normal;
	color: #231f20;
	padding: 0px;
	margin: 0px;
	line-height: 40px;
	text-transform: uppercase;
	font-weight: normal;
}
		
h2		
{
	
	font-size: 1.6em;
	line-height: 1.7em;
	font-family: futura Book, futura, Futurist, Myriad Pro, Century Gothic, verdana;
	font-weight: bold;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: normal;
}		

h2.white a:link, h2.white a:visited, a:link.white
{
	color: #ffffff !important;
	text-decoration: none;
	font-weight: lighter;
}

h2.white a:hover 
{
	color: #d92779;
	text-decoration: underline;
	font-weight: lighter;
}

h3		{
	font-size: 1.2em;
	font-family: Century Gothic, arial, verdana;
	font-weight: bold;
	color: #d30168;
}		

h6		{
	font-size: 20px;
	font-family: Century Gothic, arial, verdana;
	font-weight: bold;
	color: #d71276;
	left:0px;
	top:0px;
	padding: 0px;
	margin: 0px;
	height: 40px;
	padding-top: 10px;
}		

.protexterror h2{color: #231f20;}

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor:move;		
}



.sitemap	{color: #000000!important;}
.RadTreeView .rtIn {color: #000000!important;}


/* Above below line... above is used below is not --*/




	
		
.flashcontent	{
		position: relative;
		z-index: 1;
		}
		

		
.flashcontenthome	{
		width: 960px;
		height: 482px;
		padding: 0px;
		margin: 0px;
		}		
		


/*------------------------------------------PAGES (PAGE SPECIFIC STYLING)--------------------------------*/


/*------------------------------------------My Skin My Shade My Make Up--------------------------------*/


.myskinlanding		{
		clear:both;
		width: 960px;
		background:url(/Images/Content/my-skin-my-shade-landing.jpg);
		}
		
.myskinleft1	{
		width: 450px;
		height: 408px;
		float: left;
		background:url(/Images/Content/my-skin-pic.jpg);
		background-repeat: no-repeat;
		}
		
.myskinleft2	{
		width: 450px;
		height: 408px;
		float: left;
		background:url(/Images/Content/my-shade-pic.jpg);
		background-repeat: no-repeat;
		}
		
		
.myskinleft3	{
		width: 450px;
		height: 408px;
		float: left;
		background:url(/Images/Content/my-makeup-pic.jpg);
		background-repeat: no-repeat;
		}
						
		
.myskinright	{
		width: 510px;
		float: left;
		padding-top: 15px;
		}

.skintype	{
		width: 250px;
		float: left;
		}
		
.age	{
		width: 240px;
		float: left;
		}

.myskincont	{
		text-align: right;
		padding-top: 20px;
		padding-right: 30px;
		}
		
.myshadecont	{
		text-align: right;
		padding-top: 0px;
		padding-right: 30px;
		padding-bottom: 10px;
		}		

.skintypelist	{
		float: left;
		width: 50%;
		padding-bottom: 10px;
		}
		
.ageRadio {
    width: 100%;
}

.ageRadio td {
    width: 50%;
}

.skinTypeRadio {
    width: 100%;
}

.skinTypeRadio td {
    width: 50%;
}	

.shadeRadio {
    width: 100%;
}

.shadeRadio td {
    width: 100px;
    padding: 0px;
    margin: 0px;
    text-align: center;
}
            		
.complexionitem		{
		width: 102px;
		float: left;
		}

.mymakeuppod	{
float: left;
width: 170px;
}

.mymakeuppodtext {
width: 143px;
padding-left: 5px;
padding-right: 22px;
}

.pmakeup	{
padding: 0px;
margin: 0px;
}



.homeheight	{
width: 960px;
height: 482px;
padding: 0px;
margin: 0px;
}

.homeheightpink	{
width: 960px;
padding: 0px;
margin: 0px;
background:url(/Images/Template/pinktop.png);
background-repeat: no-repeat;
}







/*------------------------------------------Glossary Page---------------------------------*/
/*----------------------------Experts Pages (RE-Uses lots from glossary)----------------------*/
/*------------------------------------------Main Products Page---------------------------------*/
/*------------------------------------------Forum Page---------------------------------*/

.forumtop
{
clear: both;
width: 960px;
height: 71px;
padding: 0px;
margin: 0px;
background:url(/Images/Template/pinktop.png);
background-repeat: no-repeat;
}

.forumheading
{
padding: 0px;
margin: 0px;
float: left;
}

.forumline
{
clear: both;
width: 960px;
height: 1px;
background:url(/Images/Content/forum-line.png);
}

.forumback
{
clear: both;
width: 960px;
padding: 0px;
margin: 0px;
background:url(/Images/content/forumback.gif);
background-repeat: no-repeat;
}

.forumwrapper
{
width: 849px;
margin-left: 57px;
margin-right: 54px;
padding-top: 41px;
}

.forumbackground
{
background:url(/Images/content/forum-wrapper.png);
}

.forumheadergeneral
{
width: 849px;
height: 23px;
background:url(/Images/content/forum-header-general.png);
}

.forumheadertopics
{
width: 849px;
height: 23px;
background:url(/Images/content/forum-header-topics.png);
}

.forumfooter
{
clear: both;
width: 849px;
height: 10px;
background:url(/Images/content/forum-footer.png);
}

.forumbottom
{
clear: both;
width: 960px;
height: 73px;
background:url(/Images/content/forum-bottom.png);
}

.postback
{
clear: both;
width:840px;
margin-left: 5px;
margin-right: 5px;
background:url(/Images/content/post-back.png);
background-repeat: no-repeat;
}

.posticon
{
float: left;
text-align: center;
width: 32px;
margin-left: 9px;
margin-right: 9px;
padding-top: 5px;
}

.postmain
{
float: left;
width :487px;
padding-top: 5px;
padding-bottom: 5px;
}

.postposts
{
float: left;
width: 69px;
text-align: center;
padding-top: 5px;
}

.postlast
{
float: left;
width: 200px;
padding-left: 10px;
padding-top: 5px;
}


/*------------------------------------------Store Locator/This Months Look--------------------------------*/

.locatorleft
{
float: left;
width: 400px;
}

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

.pad50
{
margin-left: 50px;
margin-right: 0px;
width: 300px;
}

.monthproductleft
{
float: left;
width: 350px;
}

.monthproductright
{
float: left;
width: 150px;
}

.storeTrue
{
float: left;
width: 450px;
height: 100px;
background:url(/Images/Gif/superdrugtrue.gif);
}

.storeFalse
{
float: left;
width: 450px;
height: 100px;
background:url(/Images/Gif/superdrugfalse.gif);
}

.leftmap	{
float: left;
padding-top: 15px;
}

.leftmap2	{
float: left;
padding-top: 13px;
padding-left: 15px;
padding-bottom: 5px;
}

.mappad
{
padding-top: 10px;
padding-left: 10px;
}

/*------------------------------------------News/Blog Section--------------------------------*/

.news{
width: 960px;
background:url(/Images/Template/pinktop.png);
background-repeat: no-repeat;
}

.newsleft
{
float: left;
width: 200px;
}

.newsleftcontent	{
padding-left: 30px;
}

.newsright
{
float: left;
width: 760px;
}

.newsthumb
{
padding: 0px 10px 0px 0px;
margin: 0px;
width: 150px;
float: left;
}

.newssummary
{
padding: 0px;
margin: 0px;
width: 600px;
float: left;
}

.newspicture
{
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.headline
{
font-size: 1.2em;
font-family: arial, verdana;
font-weight: bold;
color: #d30168;
}		

.newspaging
{
float: right;
}

.blogback
{
width: 760px;
background:url(/Images/Template/blog-back.png);
}

.blogtop
{
width: 760px;
height: 50px;
background:url(/Images/Template/blog-top.png);
}

.blogbottom
{
clear: both;
width: 760px;
height: 25px;
background:url(/Images/Template/blog-bottom.png);
}

.blogtitle
{
font-weight: bold;
text-align: center;
color: #ffffff;
padding-top: 22px;
}

.blogimage
{
float: left;
width: 150px;
margin-left: 10px;
}

.blogsummary
{
margin: 0px 10px;
}

.blogtext
{
float: left;
width: 450px;
margin-left: 10px;
}

.blogmain
{
width: 730px;
margin-left: 15px;
margin-right: 15px;
padding-top: 15px;
}







/*------------------------------------------List---------------------------------*/


.bulletgreen	{
		padding:0px;
		margin:2px 0px 0px 0px;
		line-height:1em;
		}

.bulletgreen li	{
		list-style:none!important;
		background:url(/Images/Template/bullet.png) no-repeat 0px 4px;
		padding-left:15px!important;
		padding-bottom:8px!important;
		line-height:1.4em!important;
		font-size:1.0em;
		}


/*------------------------------------------Padding---------------------------------*/

.pad10	{
padding-top: 10px;
}

.pad40	{
padding-top: 40px;
}

.pad60	{
width: 100%;
height: 60px;
}


/*------------------------------------------Form---------------------------------*/



.formline	{
		width: 100%;
		padding-top: 20px;
		padding-bottom: 5px;
		clear: both;
		}

.formtext	{
		float:left;
		width: 35%;
		text-align: left;
		padding: 0px;
		}

.formfields	{
		float:left;
		width: 60%;
		text-align: left;
		padding: 0px;
		}

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

.postback a:link 	{
		color: #d92779;
		font-size: 1em;
		font-weight: bold;
    text-decoration: none;
		}

.postback a:visited {
		color: #d92779;
		font-size: 1em;
		font-weight: bold;
    text-decoration: none;
		}

.postback a:hover	{
		color: #d92779;
		font-size: 1em;
		font-weight: bold;
    text-decoration: underline;
		}		

.newsleft a:link 	{
		color: #333333;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		}

.newsleft a:visited {
		color: #333333;
		font-size: 12px;
		font-weight: normal;
    text-decoration: none;
		}

.newsleft a:hover	{
		color: #d92779;
		font-size: 12px;
		font-weight: normal;
    text-decoration: underline;
		}
		
 		
.expertthumbs a:link 	{
		color: #d92779;
		font-size: 1em;
		font-weight: bold;
    text-decoration: none;
		}

.expertthumbs a:visited {
		color: #d92779;
		font-size: 1em;
		font-weight: bold;
    text-decoration: none;
		}

.expertthumbs a:hover	{
		color: #d92779;
		font-size: 1em;
		font-weight: bold;
    text-decoration: underline;
		}	
		
		
		



.pinkbold, h2.pinkbold	{
font-weight: bold;
color: #d92779;
}

.pinktext, h2.pinktext	{
	color: #d92779;
}




/*---- sIFR ---*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}


/*------------------------------------------Customer Account---------------------------------*/

.accountleft
{
float: left;
width: 200px;
}

.accountleftcontent	{
padding-left: 30px;
}

.accountright
{
float: left;
width: 760px;
}

.acctborder
{
width: 100%;
padding: 0px;
margin: 0px;
background-color: #000000;
}

.accttabs
{
width: 100%;
padding: 0px;
margin: 0px;
}

.accttabs a:link {color:#d92779!important;}
.accttabs a:visited {color:#d92779!important;}
.accttabs a:hover {color:#333333!important;}
		


.acctmain
{
width: 818px;
border: 1px solid #cecece;
border-top: none;
background-color: #ffffff;
}

.acctpadding
{
	width: 790px;
	margin: 0 14px;
	padding-top: 10px;
}
	

.acctbottom
{
width: 100%;
height: 25px;
padding: 0px;
margin: 0px;
background:url(/Images/Content/account-bottom.png);
}

.accttext
{
width: 100%;
}


.leftArrowDisabled {display: none;}
.rightArrowDisabled {display: none;}
/*------------------------------------------Checkout---------------------------------*/		


.checkoutproduct
{
float: left;
width: 550px;
padding-top: 10px;
}

.checkoutproduct2
{
float: left;
width: 550px;
padding-top: 10px;
text-align: right;
}

.checkoutquantity
{
float: left;
width: 80px;
text-align: center;
padding-top: 10px;
}

.checkoutprice
{
float: left;
width: 80px;
text-align: center;
padding-top: 10px;
}

.checkoutremove
{
float: left;
width: 80px;
text-align: center;
padding-top: 10px;
text-align: right;
}

.checkoutclearer
{
clear: both;
width: 100%;
height: 5px;
background:url(/Images/Content/checkout-clearer.png);
}

.basketborder a:link 	{
		color: inherit;
		font-size: 1em;
		font-weight: normal;
    text-decoration: none;
		}

.basketborder a:visited {
		color: inherit;
		font-size: 1em;
		font-weight: normal;
    text-decoration: none;
		}

.basketborder a:hover	{
		color: inherit;
		font-size: 1em;
		font-weight: normal;
    text-decoration: underline;
		}

		


.buttonleft
{
float: left;
width: 11px;
height: 28px;
background:url(/Images/Content/buttonleft.png);
}

.buttontext
{
height: 28px;
float: left;
background:url(/Images/Content/buttonback.png);
}

.buttonpad
{
padding-top: 3px;
padding-right: 5px;
}

.buttonright
{
float: left;
width: 19px;
height: 28px;
background:url(/Images/Content/buttonright.png);
}



.buttontext a:link 	{
		color: #ffffff;
		font-size: 11px;
		font-weight: bold;
    text-decoration: none;
		}

.buttontext a:visited {
		color: #ffffff;
		font-size: 11px;
		font-weight: bold;
    text-decoration: none;
		}

.buttontext a:hover	{
		color: #d92779;
		font-size: 11px;
		font-weight: bold;
    text-decoration: none;
		}
		
		
a.pinkLink	{
		color: #d92779 !important;
		font-size: 12px;
		text-decoration: none;
	}

a.pinkLink:hover	{
		text-decoration: underline;
}			


.blacklinkbold, a.blacklinkbold	{
	font-weight: bold;
	color: #000000 !important;
	text-decoration: none;
}

a.blacklinkbold:hover	{
	text-decoration: underline;
}	


.dotted {
	height: 5px;
	background:url(/Images/Content/checkout-clearer.png);
}




div.scrollableLarge { 
    position:relative; 
    overflow:hidden; 
    width: 550px; 
    height:133px;
    background-color: #000000;
    float: left;
} 
 
div.scrollableLarge div.items { 
    width:200000em; 
    position:absolute; 
    padding-top: 5px;
} 

div.scrollableLarge div.items div { 
    float:left; 
} 

div.scrollableLarge div.items a 
{
	margin-right: 5px;
}

a.leftButtonLarge {
	background:url(/images/buttons/scroll-left-large.png) no-repeat;
	display:block;
	width:20px;
	height:133px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

a.rightButtonLarge {
	background:url(/images/buttons/scroll-right-large.png) no-repeat;
	display:block;
	width:20px;
	height:133px;
	float:left;
	cursor:pointer;
	font-size:1px;
	clear:right;
}

div.scrollableSmall { 
    position:relative; 
    overflow:hidden; 
    width: 494px; 
    height:95px;
    background-color: #000000;
    float: left;
} 
 
div.scrollableSmall div.items { 
    width:200000em; 
    position:absolute; 
    padding-top: 4px;
} 

div.scrollableSmall div.items div { 
    float:left; 
} 

div.scrollableSmall div.items a 
{
	margin-right: 5px;
}

a.leftButtonSmall {
	background:url(/images/buttons/scroll-left-small.png) no-repeat;
	display:block;
	width:12px;
	height:95px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

a.rightButtonSmall {
	background:url(/images/buttons/scroll-right-small.png) no-repeat;
	display:block;
	width:12px;
	height:95px;
	float:left;
	cursor:pointer;
	font-size:1px;
	clear:right;
}


div.scrollableBA { 
    position:relative; 
    overflow:hidden; 
    width: 454px; 
    height:89px;
    background: url('/images/buttons/ba-scroller-bg.png') repeat-x;
    float: left;
} 
 
div.scrollableBA div.items { 
    width:200000em; 
    position:absolute; 
    padding-top: 4px;
} 

div.scrollableBA div.items div { 
    float:left; 
} 

div.scrollableBA div.items a 
{
	margin-right: 5px;
}

a.leftButtonBA {
	background:url(/images/buttons/ba-left-arrow.png) no-repeat;
	display:block;
	width:35px;
	height:89px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

a.rightButtonBA {
	background:url(/images/buttons/ba-right-arrow.png) no-repeat;
	display:block;
	width:40px;
	height:89px;
	float:left;
	cursor:pointer;
	font-size:1px;
}

.ScrollerWhiteBorder 
{
	border: 3px solid white;
}


.PolaroidImageContainer 
{
	width: 625px;
	float: left;
}

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

.PolaroidImageCol2 
{
	float: left;
	width: 375px;
}

.PolaroidImageCol3 
{
	float: left;
	width: 150px;
}

.TwoColLayoutCol1
{
	float: left;
	width: 615px;
	padding-right: 10px;
}

.TwoColLayoutCol2 
{
	float: left;
	width: 150px;
}

.contentPadding {
	padding: 25px 0px 0px 20px;
}

.contentScroll {
	height: 413px;
	white-space: normal;
	overflow:  auto;
	color: White;
	font-size: .9em;
	padding: 0px;
	margin: 0px;
	font-family: Century Gothic, arial, verdana;	
	position: relative;
}

.contentScroll a:link, .contentScroll a:visited 
{
	color: White;
}

.contentScroll a:hover
{
	color: #d92779;
}

.monthLookTopNone {
	background:url(/images/content/month-look-top-none.png) no-repeat;
	width: 304px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}

.monthLookTopLeft {
	background:url(/images/content/month-look-top-left.png) no-repeat;
		width: 304px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}

.monthLookTopMid {
	background:url(/images/content/month-look-top-mid.png) no-repeat;
		width: 304px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}

.monthLookTopRight {
	background:url(/images/content/month-look-top-right.png) no-repeat;
	width: 304px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}


.monthLookMiddle {
	background:url(/images/content/month-look-middle.png) repeat-y;
	width: 304px;
	padding: 0px;
	margin: 0px;
}

.monthLookBottomNone {
	background:url(/images/content/month-look-bottom.png) no-repeat;
	width: 304px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}

.monthLookBottomRight {
	background:url(/images/content/month-look-bottom-right.png) no-repeat;
	width: 304px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}




.myskinTopNone {
	background:url(/images/content/my-skin-top-none.png) no-repeat;
	width: 465px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}

.myskinTopLeft {
	background:url(/images/content/my-skin-top-left.png) no-repeat;
	width: 465px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}

.myskinTopMid1 {
	background:url(/images/content/my-skin-top-mid1.png) no-repeat;
	width: 465px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}

.myskinTopMid2 {
	background:url(/images/content/my-skin-top-mid2.png) no-repeat;
	width: 465px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}

.myskinTopRight {
	background:url(/images/content/my-skin-top-right.png) no-repeat;
	width: 465px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}


.myskinMiddle {
	background:url(/images/content/my-skin-middle.png) repeat-y;
	width: 465px;
	padding: 0px;
	margin: 0px;
}

.myskinBottomNone {
	background:url(/images/content/my-skin-bottom.png) no-repeat;
	width: 465px;
	height: 24px;
	padding: 0px;
	margin: 0px;
}

a:link.whitePinkArrow, a:visited.whitePinkArrow 
{
	background:url(/images/content/white-pink-arrow.png) no-repeat;
	color: White;
	padding-left: 15px !important;
	margin-left: 15px;
}

a:hover.whitePinkArrow
{
	color: #d92779;
	background-position: 0  -15px;
	padding-left: 15px !important;
	margin-left: 15px;
}

a:link.pinkWhiteArrow, a:visited.pinkWhiteArrow 
{
	background:url(/images/content/white-pink-arrow.png) no-repeat;
	color: White;
	padding-left: 15px !important;
	margin-left: 15px;
	background-position: 0  -15px;
}

a:hover.pinkWhiteArrow
{
	color: #d92779;
	background-position: 0;
	padding-left: 15px !important;
	margin-left: 15px;
}

a:link.blackPinkArrow, a:visited.blackPinkArrow 
{
	background:url(/images/content/black-pink-arrow.png) no-repeat;
	color: White;
	padding-left: 15px !important;
	margin-left: 15px;
}

a:hover.blackPinkArrow
{
	color: #d92779;
	background-position: 0  -15px;
	padding-left: 15px !important;
	margin-left: 15px;
}

a:link.pinkBlackArrow, a:visited.pinkBlackArrow 
{
	background:url(/images/content/black-pink-arrow.png) no-repeat;
	color: White;
	padding-left: 15px !important;
	margin-left: 15px;
	background-position: 0  -15px;
}

a:hover.pinkBlackArrow
{
	color: #d92779;
	background-position: 0;
	padding-left: 15px !important;
	margin-left: 15px;
}

.calendar 
{
	background: url(/images/content/calendar-bg.png) no-repeat;
	width: 150px;
	height: 76px;
}

.calendarpadding 
{
	padding: 0px 5px;
}

.calendarmonth 
{
	float: left;
	width: 35px;
	height: 15px;
	display: block;
	font-size: 8px;
	text-transform: uppercase;
	text-decoration: none;
}

.flashbackgroundmadness
{
	position: absolute;
	z-index: 1;
	}
	
.flashforegroundmadness
{
	position: absolute;
	z-index: 2;
	width: 400px;
	height: 340px;
	overflow: hidden;
	}	
	
	
	
	
table
{
border-collapse:collapse;
}

a:link.forumbutton, a:visited.forumbutton 
{
	font-weight: bold;
	text-transform: uppercase;
	color: White;
	display: block;
	width: 141px;
	height: 20px;
	background: url(/images/content/forum-button-bg.gif) no-repeat;
	text-decoration: none;
	padding-left: 10px;
}

a:hover.forumbutton 
{
	font-weight: bold;
	text-transform: uppercase;
	color: White;
	display: block;
	width: 141px;
	height: 20px;
	background: url(/images/content/forum-button-bg.gif) no-repeat;
	background-position: 0px -20px;
	text-decoration: none;
	padding-left: 10px;	
}


.darkbar a:hover	{text-decoration: none;}
.errortext	{color: #ff0000;}
 .paging	{float: right;}