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

body {
    color:#9f9f9f;
    font: 12px Arial, Verdana, sans-serif;
    background-color: #000000;
    margin:0px;
    padding:0px;
}

img {
    border: 0px;
}

h1, h2 
{
	margin: 0px;
}

h1 
{
	display: block;
	font: bold 18px Arial, Verdana, sans-serif;	
}

.clear {
	clear: both;
}

p
{
	margin: 10px 0px;	
}

.imageSlot
{
	background-color: #000000;
	width: 210px;
	height: 210px;
	float: left;
}

.marginTop15
{
	margin-top: 15px;	
}

.marginBottom20
{
	margin-bottom: 20px;	
}

.marginBottom15
{
	margin-bottom: 15px;	
}

#aspnetForm {
    width: 1000px;
    margin: 0px auto;
    padding: 0px; 
    background-color: #191919;           
}

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

a:hover, a:active
{
	text-decoration: underline;
}

.content .separator
{
	height: 1px;
	background-color: #757575;
	width: 100%;
	clear: both;
}

/********************.
* HEADER inc. navigation
********************/

.header {
    padding-top: 25px;
    height: 94px !important;
    background: url('../images/bg_checkered.gif') repeat;
}

.header .universalStoreLogo 
{
	margin-left: 32px; 
	float: left; 
	margin-bottom: 10px;
}

.header .signUpForm {
    width: 187px;
    height: 60px;   
    float: right;
    font: 11px Arial, Verdana, sans-serif;
    color: #ffffff;
    clear: right;
    margin-right: 32px;
    display: inline;
    line-height: 12px;
    margin-top: 10px;
}

.header .signUpForm .universalClub 
{
	display: block;
	float: left;
	width: 187px;
	height: 11px;
	background: url('../images/heading_getOurEmails.gif') no-repeat 0px 0px;
	margin-bottom: 5px;
}

.header .signUpForm .universalClub span
{
	display: none;	
}

.header .signUpForm label
{
	display: block;
	margin-bottom: 6px;	
}

.header .signUpForm input.textbox
{
	height: 12px;
	width: 140px;
	font: 10px Arial, Verdana, sans-serif;
	color: #000000;	
	border: 1px solid #afafaf;
	float: left;
	margin-right: 4px;
}

.header .signUpForm input.btnJoin
{
	width: 37px;
	height: 16px;
	display: block;
	float: left;
	background: url('../images/btn_Join.gif') no-repeat 0px 0px;
	border: 0px;
}

.header .signUpForm input.btnJoin_hover
{
	width: 37px;
	height: 16px;
	display: block;
	float: left;
	background: url('../images/btn_Join.gif') no-repeat 0px -16px;
	border: 0px;
	cursor: pointer;
}

.header .signUpForm a.btnJoin span
{
	display: none;
}

.header .navigation {
    width: 100%;
    clear: both;
    height: 31px;
    background: #191919 url('../images/bg_navigation.gif') repeat-x left top;
}

.header .navigation a {
    display: block;
    float: left;
}

.header .navigation a:hover,  .header .navigation a:active, .header .navigation a.selected
{
    background-position: 0px -31px;
}

.header .navigation a span {
    display: none;
}

.navigation a.whatsHot {
    width: 105px;
    height: 31px;
    background: url('../images/nav_whatsNew.gif') no-repeat;
    margin-left: 32px;
    display: inline;
}

.navigation a.ourBrands {
    width: 115px;
    height: 31px;
    background: url('../images/nav_ourBrands.gif') no-repeat 0px 0px;
}

.navigation a.score {
    width: 77px;
    height: 31px;
    background: url('../images/nav_score.gif') no-repeat 0px 0px;
}

.navigation a.blog {
    width: 71px;
    height: 31px;
    background: url('../images/nav_blog.gif') no-repeat 0px 0px;
}

.navigation a.stores {
    width: 82px;
    height: 31px;
    background: url('../images/nav_stores.gif') no-repeat 0px 0px;
}

.navigation a.giftCards {
    width: 108px;
    height: 31px;
    background: url('../images/nav_giftCards.gif') no-repeat 0px 0px;
}

.navigation a.contact {
    width: 98px;
    height: 31px;
    background: url('../images/nav_contact.gif') no-repeat 0px 0px;
}

/********************
* CONTENT inc. left + right cols
********************/

.content 
{
	background-color: #191919;	
	padding-top: 20px;
	padding: 20px 30px;
}

.leftColumn 
{
	width: 630px;
	margin-right: 30px; 
	float: left;
}

.leftColumn .homepageGrid img
{
	float: left;	
}

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

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

.footer
{
	font: 10px Arial, Verdana, sans-serif;
	color: #ffffff;
	background: url('../images/bg_checkered.gif') repeat; 
	height: 41px; 
	padding: 4px 0px; 
	border-top: 1px solid #ffffff;
}

.footer a
{	
	color: #ffffff;
	text-decoration: none;
}

.footer a:hover, .footer a:active
{	
	text-decoration: underline;
}

.footer .copyright
{
	float: left; 
	margin-left: 32px;
}

.footer .copyright a
{
	margin-left: 15px;
}

.footer .craftedBySpin
{
	float: right; 
	margin-right: 30px;	
}


/********************
* UNIVERSAL FRIENDS
********************/
.rightColumn .universalsFriends
{
	margin-bottom: 25px;
}

.rightColumn .universalsFriends img
{
	border: 1px solid #767676;
	margin: 0px 2px 2px 0px;
	float: left;
}

.rightColumn .universalsFriends img.rightColumnImg
{
	margin: 0px 0px 2px 0px;
}

.rightColumn .universalsFriends h2
{
	width: 134px;
	height: 9px;
	background: url('../images/heading_universalFriends.gif') no-repeat 0px 0px;
	margin-bottom: 10px;
}

.rightColumn .universalsFriends h2 span
{
	display: none;
}

/********************
* NOW PLAYING
********************/
.rightColumn .nowPlaying
{
	margin-bottom: 25px;
}

.rightColumn .nowPlaying h2
{
	width: 161px;
	height: 9px;
	background: url('../images/heading_nowPlaying.gif') no-repeat 0px 0px;
	margin-bottom: 10px;
}

.rightColumn .nowPlaying h2 span
{
	display: none;
}

.rightColumn .nowPlaying a
{
	height: 14px;
	border: 1px solid #b1adad; 
	margin-bottom: 2px;
	padding: 1px 0px;
	float: left;
	font-size: 11px;
}

.rightColumn .nowPlaying a:hover
{
	background-color: #5e5e5e;
	cursor: pointer;
	text-decoration: none;
}

.rightColumn .nowPlaying a span.song
{
	float: left;	
	width: 159px;
	padding-left: 4px;
}

.rightColumn .nowPlaying a span.artist
{
	float: right;
	width: 115px;
	text-align: center;
}

/********************
* OUR BRANDS
********************/

.rightColumn .ourBrands h2
{
	width: 92px;
	height: 9px;
	background: url('../images/heading_ourBrands.gif') no-repeat 0px 0px;
	margin-bottom: 10px;
}

.rightColumn .ourBrands h2 span
{
	display: none;
}

.rightColumn .ourBrands .logoContainer
{
	width: 120px;
	height: 69px;
	margin: 0px auto 10px auto;	
	float: left;
	display: inline;
}

.rightColumn .ourBrands .logoContainer a
{
	float: left;
}

.rightColumn .ourBrands .logoContainer a span
{
	display: none;
}

.rightColumn .ourBrands .logoContainer a.secondColumn
{
	margin-left: 30px;
	display: inline;
}

/********************
* WHAT'S HOT
********************/

.fullWidthColumn
{
	width: 940px;
}

.fullWidthColumn .whatsHot h1
{
	display: block;
	font: bold 18px Arial, Verdana, sans-serif;
	color: #e60db5;
	border-top: 1px solid #757575;
	border-bottom: 1px solid #757575;
	padding: 7px 0px;
	margin-bottom: 30px;
}

.fullWidthColumn .whatsHot a.viewGuys, .fullWidthColumn .whatsHot a.viewGirls
{
	margin-bottom: 19px;	
}

.fullWidthColumn .whatsHot a.viewGuys
{
	width: 133px;
	height: 30px;
	float: left;
	display: block;
	background:url('../images/btn_viewGuys.gif') no-repeat 0px 0px;
	margin-right: 30px;
}

.fullWidthColumn .whatsHot a.viewGuys:hover, .fullWidthColumn .whatsHot a.viewGuys:active
{
	background-position: 0px -30px;
}

.fullWidthColumn .whatsHot a.viewGirls
{
	width: 142px;
	height: 30px;
	float: left;
	display: block;
	background:url('../images/btn_viewGirls.gif') no-repeat 0px 0px;
}

.fullWidthColumn .whatsHot a.viewGirls:hover, .fullWidthColumn .whatsHot a.viewGirls:active
{
	background-position: 0px -30px;
}

.fullWidthColumn .whatsHot a span
{
	display: none;
}

.fullWidthColumn .whatsHot .product
{
	width: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.fullWidthColumn .whatsHot .rightColumn
{
	margin-right: 0px;
}

.fullWidthColumn .whatsHot .product span
{
	display: block;
	/*background: url('../images/bg_whatshot_01.gif') no-repeat center top;*/
	width: 220px;
	height: 220px;
}

.fullWidthColumn .whatsHot .product label
{
	display: block;
	text-transform: uppercase;
	text-align: center;
	padding: 10px 4px 0px 4px;
	font: 12px Arial, Verdana, sans-serif;
	color: #ffffff;
	height: 45px;
}

.fullWidthColumn .whatsHot .product img
{
	margin: 20px 0px 20px 20px;
}

.fullWidthColumn .whatsHot a.top
{
	width: 40px;
	height: 17px;
	display: block;
	background:url('../images/btn_top.gif') no-repeat 0px 0px;
	float: right;
	margin-bottom: 6px;
}

.fullWidthColumn .whatsHot a.top:hover
{
	background-position: 0px -17px;
}

.fullWidthColumn .whatsHot a.top span
{
	display: none;
}

/********************
* SCORE
********************/

.leftColumn .score h1
{
	display: block;
	font: bold 18px Arial, Verdana, sans-serif;
	color: #00ccff;
}

/*
.leftColumn .score .heroImg
{
	margin-top: 20px;
	clear: right;
}
*/

.leftColumn .score a 
{ 
	color: #00ccff; 
	font-style: italic; 
	text-decoration: none;
}

.leftColumn .score a:hover 
{ 
	text-decoration: underline;
}


/********************
* BLOG
********************/

.leftColumn .blog h2
{
	display: block;
	font: bold 18px Arial, Verdana, sans-serif;
	color: #3ce010;
	text-align: left;
}

.leftColumn .blog h3
{
	display: block;
	font: bold 14px Arial, Verdana, sans-serif;
	color: #ffffff;
	text-align: left;
}

.leftColumn .blog .post
{
	padding-bottom: 20px;
	border-bottom: 1px solid #757575;
	margin-bottom: 20px;
	width: 630px;
}

.leftColumn .blog .lastPost
{
	border-bottom: 0px;
	margin-bottom: 0px;
}

.leftColumn .blog .post .credits
{
	font-size: 10px;
	margin-bottom: 10px;
	text-align: left;
}

.leftColumn .blog .post .credits .date
{
	margin-right: 15px;
}

.leftColumn .blog .post .credits .author
{
	margin-left: 15px;
}

.leftColumn .blog .post img
{
	clear: right;
}

.leftColumn .blog .pagingControls
{
	border-bottom: 1px solid #757575;
	padding-bottom: 5px;
	margin-top: -15px;
	width: 100%;
	float: left;
}

.leftColumn .blog .pagingControls a.previous
{
	width: 65px;
	height: 15px;
	background:url('../images/btn_previous.gif') no-repeat 0px 0px;
	float: left;
	display: block;
}

.leftColumn .blog .pagingControls a.next
{
	width: 44px;
	height: 15px;
	background:url('../images/btn_next.gif') no-repeat 0px 0px;
	float: right;
	display: block;
}

.leftColumn .blog .pagingControls a.next span, .leftColumn .blog .pagingControls a.previous span
{
	display: none;
}

.leftColumn .blog .pagingControls a.previous:hover, .leftColumn .blog .pagingControls a.previous:active, .leftColumn .blog .pagingControls a.next:hover, .leftColumn .blog .pagingControls a.next:active
{
	background-position: 0px -15px;
}

/********************
* STORES
********************/

.fullWidthColumn .storeList
{
	padding-top: 15px;
}

/* Set the height of the store div, instead of adding padding bottom.  If the store details are longer than expected, it will die gracefully instead of affecting the float layout (4 to a row */
.fullWidthColumn .storeList .store
{
	width: 211px;
	float: left;
	margin-right:  30px;
	height: 240px;
	/*padding-bottom: 30px;*/
	text-align: center;
}

.fullWidthColumn .storeList .rightHandColumn
{
	margin-right:  0px;
}


.fullWidthColumn .storeList .store h2
{
	font: bold 14px Arial, Verdana, sans-serif;
	color: #ffba00;
}

.fullWidthColumn .storeList .store .map
{
	color: #b69b53;
	text-decoration: underline;	
	display: block;
}

.fullWidthColumn .storeList .store .openingHours
{
	font-weight: bold;	
	margin: 12px 0px 2px 0px;
}

.fullWidthColumn .storeList .store span
{
	display: block;
	float: left;
	width: 200px;
	text-align: left;
}

.fullWidthColumn .storeList .store span label
{
	width: 75px;
	margin-right: 13px;
	text-align: right;
	float: left;
}


/********************
* GIFT CARDS
********************/
.leftColumn .giftCardList
{
	margin-bottom: 20px;	
}

.leftColumn .giftCardList .giftCard
{
	width: 288px;
	margin-right: 24px;
	float: left;	
	text-align: center;
	margin-bottom: 30px;
}

.leftColumn .giftCardList .giftCardRightColumn
{
	margin-right: 0px;
}

.leftColumn .giftCardList .giftCard h2
{
	font: bold 14px Arial, Verdana, sans-serif;
	color: #ff6600;
	text-align: center;
	margin-top: 20px;
}

/********************
* CONTACT
********************/
.leftColumn .contact h2
{
	font: bold 14px Arial, Verdana, sans-serif;
	color: #ff0000;
}

/*.leftColumn .contact a
{
	color: #ff0000;
}*/

/********************
* BRANDS
* max dimensions for a brand logo is 175 (w) x 100 (h)
********************/

.leftColumn .brandsList
{
	margin-top: 20px;	
}
.leftColumn .brandsList .brand
{
	width: 175px;
	height: 100px;
	float: left;
	margin-right: 40px;
	margin-bottom: 35px;
}

.leftColumn .brandsList .brandRightColumn
{
	margin-right: 15px;
}

.leftColumn .brandsList .brand a
{
	margin: 0px auto;
	display: block;
}

.leftColumn .brandsList .brand a span
{
	display: none;
}

/********************
* PRIVACY
********************/

.fullWidthColumn .privacy h1
{
	font: bold 18px Arial, Verdana, sans-serif;
	color: #9F9F9F;
	margin-bottom: 20px;
}

/********************
* SUBSCRIBE
********************/
.newsletter fieldset
{
	border: 0px;
}

.newsletter .formItem
{
	margin-bottom: 10px;	
}

.newsletter .formItem input
{
	border: 1px solid #AFAFAF;
	background-color: #ffffff;
	color: #000000;
	font: 11px Arial, Verdana, sans-serif;
	width: 275px;
	padding-left: 3px;
}

.newsletter .formItem label
{
	font: 11px Arial, Verdana, sans-serif;
	color: #9f9f9f;
}

.newsletter .formItem .radioList input
{
	width: 15px;	
	vertical-align: baseline;
	border: 0px;
	background-color: #191919;
	margin-right: 5px;
}

.newsletter .formItem .inputFields span.validator
{
	color: #ff0000;
	margin-left: 10px;
}

.newsletter .dateOfBirth .inputFields select
{
	margin-right: 5px;
	font: 11px Arial, Verdana, sans-serif;
}

.newsletter .dateOfBirth label
{
	display: block;
	padding-bottom: 2px;
}

.newsletter .requiredFieldNote
{
	font-style: italic;
}

.newsletter .button
{
	border: 1px solid #373737;
	background-color: #6C6C6C;
	padding: 2px;	
	color: #ffffff;
	margin-left: 235px;
	display: block;
	font: bold 11px Arial, Verdana, sans-serif;
	text-transform: uppercase;
}

.newsletter .button:hover
{
	cursor: pointer;
	background-color: #ffffff;
	color: #363636;
}

.wad_footer {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}