/*----------------------------------------Main Layout-------------------------------*/

body		{
	padding: 0px;
	margin: 0px;
	background-color: #262527;
	background:url(/Images/Template/background.jpg);
	background-position: center center;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size:.8em;
	color:#323232;
	scrollbar-arrow-color: #c10076;
	scrollbar-3dlight-color: #302e31;
	scrollbar-darkshadow-color: #302e31;
	scrollbar-face-color: #1f1e21;
	scrollbar-highlight-color: #302e31;
	scrollbar-shadow-color: #302e31;
	scrollbar-track-color: #302e31;
}


.trans
{
	_behavior: url("/iepngfix.htc");
}

#aspnetForm	{
padding: 0px;
margin: 0px;
}

#ContentPlaceHolder1	{
	padding: 0px;
	margin: 0px;
}

#fixedpage 	{
		width: 823px;
		height: 585px;
		background-color: #c00076;
		position: relative;
		padding: 0px;
		margin: 0px;
		white-space; pre-wrap;
		}
		
.header		{
		height: 70px;
		background-color: Black;
		color: White;
		font-size: 10px;
		color: White;
		font-family: arial;
		}
		
.menu		{
		clear: both;
		width: 815px;
		height: 25px;
		padding: 0px;
		margin: 0px;
		margin-left: 4px;
		margin-right: 4px;
		position: absolute;
		z-index: 10;
		background:url(../Images/Template/menu.png);
		_behavior: url("/iepngfix.htc");
		}

.mainarea	
{
		width: 700px;
		background-color: #E10079;
		padding: 0px;
		margin: 0px;	
		z-index: 1;
		}
		
.backgroundimage	{
		clear: both;
		padding: 0px;
		margin: 0px;
		position: relative;
		margin-left: 4px;
		margin-right: 4px;
		background-color: white;
		z-index: 2;
		width: 692px;
		}		
		
.flashcontent	{
		position: relative;
		z-index: 1;
		}
		
.footer	{
		clear: both;
		overflow: hidden;
		width: 700px;
		background-color: #E10079;
		padding: 0px;
		margin: 0px;		
		}
		
.flashcontenthome	{
		width: 960px;
		height: 482px;
		padding: 0px;
		margin: 0px;
		}		
		
		
		
		




.navsearch	{
		float: right;
		width: 150px;
		text-align: right;
		padding: 0px;
		margin: 0px;
		}
		
.navsearchbox	{
		float: left;
		padding-top: 4px;
		padding-bottom: 0px;
		margin: 0px;
		overflow: hidden;
		}	
		
.navsearchgo	{
		float: left;
		width: 28px;
		height: 33px;
		padding: 0px;
		margin: 0px;
		}
		
.textbox{
	border:1px solid #cccccc;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #666666;
		}


.pinkleft	{
		padding-top: 28px;
		color: #d92779;
		text-align: right;
		font-family: arial;
		font-size: 11px;
		}
		
		
		
	/*---- Header Section -------*/

.logo	{
		float: left;
		padding: 0px;
		margin: 0px;
		height: 139px;
		height: 66px;
		}
			
.minibasket	{
		float: right;
		text-align: right;
		margin: 0px;
		padding: 0px;
		margin-right: 15px;
		}

.minibasketlanguage	{
		font-size: 10px;
		font-weight: normal;
		margin: 0px;
		padding: 0px;
		}
		
.header  a:link, .header  a:visited 	{
		color: #ffffff;
		font-family: arial;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
		}

.header  a:hover	{
		color: #d92779;
		font-family: arial;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
		}	

.nopad	{
padding: 0px;
margin: 0px;
}
		
		
	/*---- Footer Section -------*/
	
.footerleft	{
		font-size: 11px;
		width: 692px;
		height: auto;
		background-color: Black;
		padding: 0px;
		margin: 0px 4px;
		color: #a9a9a9
}
		
.footerleft  a:link 	{
		color: #a9a9a9;
		font-family: arial;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
		}

.footerleft  a:visited {
		color: #a9a9a9;
		font-family: arial;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
		}

.footerleft  a:hover	{
		color: #d92779;
		font-family: arial;
		font-size: 10px;
		font-weight: normal;
		text-decoration: none;
		}	


.footersubscribe	{
		float: left;
		padding: 0px;
		margin: 0px;
		}			
		
.footerbox	{
		float: left;
		text-align:right;
		padding-top: 6px;
		padding-left: 10px;
		padding-bottom: 0px;
		margin: 0px;
		}			
		
.footergo	{
		float: right;
		width: 16px;
		height: 33px;
		padding: 0px;
		margin: 0px;
		}		
		
		

.footerssubscribe	{
		float: right;
		text-align: right;
		width: 130px;
		text-align: right;
		padding: 0px;
		margin: 0px;
		}
		
.footercopy	{
		float: left;
		width: 450px;
		padding-top: 25px;
		text-align: left;
		}
		
.footersocial	{
		float: left;
		width: 450px;
		padding-top: 21px;
		text-align: right;
		}		


/*------------------------------------------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;
		padding-left: 20px;
		}

.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---------------------------------*/
.glossaryleft	{
		width: 450px;
		float: left;
		}

.glossaryright	{
		width: 510px;
		float: left;
		padding-top: 15px;
		}
		
.glossaryright h6	{
display: inline;
width: 500px;
}

.glossaryright p	{
margin: 0px;
padding-bottom: 10px;
}

.glossaryclearer	{
clear: both;
width: 100%;
height: 15px;
background:url(/Images/Content/glossary-clearer.png);
}


/*----------------------------Experts Pages (RE-Uses lots from glossary)----------------------*/

.expertthumbs	{
		width: 320px;
		float: left;
		}



/*------------------------------------------Main Products Page---------------------------------*/

.productlist1	{
float: left;
width: 150px;
margin-left: 72px;
}

.productlist2	{
float: left;
width: 154px;
}

.productlist3	{
float: left;
width: 154px;
}

.productlist4	{
float: left;
width: 120px;
}

.productlist5	{
float: left;
width: 154px;
}

.productlist6	{
float: left;
width: 154px;
}

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

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

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

.categoryleftcontent	{
padding-left: 30px;
padding-top: 20px;
line-height: 20px;
}

/*------------------------------------------Products Page---------------------------------*/

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

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

.productsleftcontent	{
padding-left: 20px;
padding-top: 20px;
line-height: 20px;
}

.shadow	{
width: 175px;
height: 32px;
background:url(/Images/Template/shadow.png) no-repeat;
}

.shadowtext	{
padding-top: 3px;
padding-left: 10px;
color: #333333 !important;
font-size: 12px;
font-weight: bold;
}

.productlistimg	{
float: left;
width: 175px;
padding: 0px;
margin: 0px;
text-align: center;
}

.productlisttext	{
float: left;
width: 160px;
padding-right: 45px;
margin: 0px;
text-align: left;
font-size: .8em;
}

.ProductSelected {
	color: #d92779;
	font-size: 12px;
	font-weight: bold;
    text-decoration: underline;
	padding-left: 10px;
}

.padding10 {
	padding-left: 10px;
}


#scrollboxbuttons
{
height: 305px;
width: 24px;
float: left;
margin: 0px;
padding: 0px;
}

#scrollboxcontent
{
width: 156px;
min-height: 305px;
max-height: 400px;
overflow: auto;
border: solid 1px #a9a9a9;
padding: 0px;
margin: 0px;
float: left;
text-align: left;
}

.scroll1
{
padding: 0px;
margin: 0px;
height: 106px;
}

.scroll2
{
padding: 0px;
margin: 0px;
height: 115px;
}

.scroll3
{
padding: 0px;
margin: 0px;
height: 86px;
}




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

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

.detailright	{
float: left;
width: 760px;
min-height: 482px;
}

.detailleftcontent	{
padding-left: 20px;
padding-top: 20px;
line-height: 20px;
}

.detailcol1	{
float: left;
width: 264px;
margin-left: 36px;
}

.detailcol2	{
float: left;
width: 250px;
padding-top: 30px;
text-align: center;
}

.detailcol3	{
float: left;
width: 200px;
padding-top: 30px;
text-align: center;
}


.detailshade	{
float: left;
width: 44px;
height: 60px;
}

/*------------------------------------------Latest Offer/New Products Pages---------------------------------*/


.offerback	{
background:url(/Images/Template/pinktop.png);
background-repeat: no-repeat;
}

.offerleft	{
float: left;
width: 610px;
margin-left: 30px;
vertical-align: top;
}

.offerright	{
float: left;
width: 320px;
text-align: center;
vertical-align: top;
}

.offerpicture
{
float: left;
width: 215px;
text-align: center;
}

.offertext
{
float: left;
width: 380px;
margin-left: 15px;
}

.offerbanner1
{
float: left;
padding-top: 25px;
}

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



/*------------------------------------------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;
}

/*------------------------------------------Plain Text Pages--------------------------------*/

.plaintextpage{
width: 900px;
padding: 0px 30px 70px 30px;
padding-bottom: 70px;
margin: 0px;
background:url(/Images/Template/pinktop.png);
background-repeat: no-repeat;
}



/*------------------------------------------Penthouse--------------------------------*/

.penhousecol1
{
width: 230px;
float: left;
padding-top: 20px;
}

.penhousecol2
{
width: 340px;
float: left;
margin-left: 25px;
margin-right: 25px;
padding-top: 20px;
}

.penhousecol2 p{padding-top: 7px; margin: 0px;}
.penhousecol2 hr {color: #fff; background-color: #fff; border: 1px dotted #000000; border-style: none none dotted; padding-top: 2px; margin: 0px;}

.penhousecol3
{
width: 280px;
float: left;
}

/*---funky scrollbar
scrollbar-base-color: #a9a9a9;
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #FFC3E2;
scrollbar-darkshadow-color: #9D0956;
scrollbar-face-color: #e00d7b;
scrollbar-highlight-color: #FFE1F1;
scrollbar-shadow-color: #9D0956;
scrollbar-track-color: #FFC3E2;
---*/

.penthouseforumheading
{
height: 37px;
width: 100%;
background:url(/Images/Content/penthouse-forum.gif);
background-repeat: no-repeat;
}

.penthousewatchheading
{
height: 37px;
width: 100%;
background:url(/Images/Content/penthouse-watch.gif);
background-repeat: no-repeat;
}

.penthouseblogheading
{
height: 37px;
width: 100%;
background:url(/Images/Content/penthouse-blog.gif);
background-repeat: no-repeat;
}

.penthousepadding
{
padding-top: 1px;
padding-left: 45px;
}

.forumshadow
{
height: 28px;
width: 100%;
background:url(/Images/Content/forum-shadow.gif);
background-repeat: no-repeat;
}

.forumshadowpadding
{
padding-top: 1px;
padding-left: 15px;
}

.pollleft
{
width: 125px;
float: left;
}

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

.ideasbox
{
width: 100%;
height: 24px;
padding: 0px;
margin: 0px;
background:url(/Images/Content/penthouse-ideas-box.gif);
background-repeat: no-repeat;
}

.penthousebox
{
width: 280px;
height: 200px;
overflow: auto;
border: solid 1px #a9a9a9;
padding: 0px;
margin: 0px;
}

.penthouseboxpadding
{
margin-left: 10px;
margin-right: 10px;
padding-top: 5px;
}

/*------------------------------------------boxes---------------------------------*/

.pagebox
{
margin-left: 3px;
float: left;
width: 15px;
height: 15px;
background-color: #000000;
text-align: center;
color: #d92779;
font-size: 9px;
font-weight: bold;
}

.pageboxlink
{
padding-top: 0px;
margin-top: 0px;
line-height: 13px;
}


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

.pagebox a:visited 
{
color: #d92779;
font-size: 9px;
font-weight: bold;
text-decoration: none;
}

.pagebox a:hover	
{
color: #d92779;
font-size: 9px;
font-weight: bold;
text-decoration: none;
}		


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

h1		{
	font-size: 32px;
	font-family: Century Gothic, arial, verdana;
	font-weight: lighter;
	color: #ffffff;
	left:0px;
	top:0px;
	padding: 0px;
	margin: 0px;
	line-height: 40px;
}
		
h2		{
	font-size: 1.6em;
	line-height: 1.7em;
	font-family: Century Gothic, arial, verdana;
	font-weight: bold;
	color: #ffffff;
}		

h2.white a:link, h2.white a:visited 
{
	color: #ffffff;
	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;
}		


/*------------------------------------------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---------------------------------*/

.class1, .class1 a:link 	{
		color: #a9a9a9;
		font-family: arial;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		}

.class1 a:visited {
		color: #a9a9a9;
		font-family: arial;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		}

.class1 a:hover	{
		color: #d92779;
		font-family: arial;
		font-size: 11px;
		font-weight: normal;
		text-decoration: none;
		}
		
.class2, .class2 a:link 	{
		color: #333333;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		}

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

.class2 a:hover	{
		color: #d92779;
		font-size: 12px;
		font-weight: normal;
    text-decoration: underline;
		}
		
.class3, .class3 a:link 	{
		color: #333333;
		font-size: 12px;
		font-weight: bold;
    text-decoration: none;
		}

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

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

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

.class4 a:hover	{
		color: #d92779;
		font-size: 1em;
		font-weight: normal;
    text-decoration: underline;
		}
		
.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;
		}		


		
.lefthalf
{
	float: left;
	width: 50%;
	}

.left 
{
	float: left;
}

.right 
{
	float: right;
}

.leftPadded 
{
	float: left;
	padding: 0px 10px 10px 0px
}

.rightPadded 
{
	float: right;
	padding: 0px 0px 10px 10px
}

.clearer
{
clear: both;
height: 0;
visibility: hidden;
}

.clearer10
{
clear: both;
height: 10px;
}

img	{
border: none;
}

.inline	{
display: inline;
}

.center {
text-align: center;
}

.bottom-rainbow
{
position:relative;
	_behavior: url("/iepngfix.htc");
left:0px;
top:-248px;
display: block;
}

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






/*------------------------------------------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: 150px;
}


/*---- 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: 760px;
padding: 0px;
margin: 0px;
background-color: #000000;
}

.accttabs
{
width: 760px;
height: 36px;
padding: 0px;
margin: 0px;
background:url(/Images/Content/account-tabs.png);
}

.acctmain
{
width: 754px;
margin-left: 3px;
margin-right: 3px;
background-color: #ffffff;
}

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

.accttext
{
width: 729px;
margin-left: 14px;
margin-right: 13px;
padding-top: 10px;
}

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

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

.accttext a:hover	{
		color: #d92779;
		font-size: 12px;
		font-weight: normal;
    text-decoration: underline;
		}
		
		

/*------------------------------------------Basket---------------------------------*/		

.basketborder
{
width: 760px;
background:url(/Images/Content/basket-border.png);
}

.baskettabs
{
width: 760px;
height: 36px;
padding: 0px;
margin: 0px;
background:url(/Images/Content/account-tabs.png);
font-weight: bold;
color: #ffffff;
}

.basketbottom
{
width: 760px;
height: 70px;
background:url(/Images/Content/basket-bottom.png);
}

.basketproduct
{
float: left;
width: 475px;
padding-top: 10px;
padding-left: 10px;
}

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

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

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

.basketclearer
{
clear: both;
width: 760px;
height: 5px;
background:url(/Images/Content/basket-clearer.png);
}

.basketpad
{
padding-top: 20px;
}

.big
{
padding-top: 5px;
padding-bottom: 5px;
margin: 0px;
font-size: 1.5em;
}

.items
{
padding-top: 0px;
padding-bottom: 5px;
margin: 0px;
}

.basketborder
{
width: 760px;
background:url(/Images/Content/basket-border.png);
}

.greycrumbs
{
color: #666666;
}






/*------------------------------------------Checkout---------------------------------*/		


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

.checkoutproduct2
{
float: left;
width: 479px;
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: 729px;
height: 5px;
background:url(/Images/Content/checkout-clearer.png);
}

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

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

.basketborder a:hover	{
		color: #d92779;
		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;
}

.ScrollerWhiteBorder 
{
	border: 3px solid white;
}

/* left and right
a.right	{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover	{ background-position:-30px -30px; }
a.right:active	{ background-position:-60px -30px; } 

a.left	{ margin-left: 0px; } 
a.left:hover	{ background-position:-30px 0; }
a.left:active	{ background-position:-60px 0; }
 */

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

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

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

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

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

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

.contentScroll a 
{
	color: White;
}

.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;
}