@import "/mm5/assets/v2/css/reset.css";

body {	
	font-size: 62.5%;
	font: 0.8em Helvetica, Arial, Verdana, Sans-Serif;
	color: #000000;
	line-height: 1.4em;
}

a {
	outline: none;
	color: #cc0000;
}

hr {
	border: none;
	width: 100%;
	height: 1px;
	color: #000000;
	background-color: #000000;
	margin: 20px 0px;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
}

#header {
	padding-bottom: 8px;
	margin-right: -3px;
}

.logowrap {
	float: left;
}

.logowrap h1 {
	width: 420px;
	height: 71px;
	text-indent: -9999px !important;
	background: url(/mm5/assets/v2/img/logo_main.gif) no-repeat top left;
}

.logowrap h1 a {
	width: 420px;
	height: 71px;
	display: block;
}

.navwrap {
	float: right;
	width: 495px;
	height: 71px;
}

.navwrap .mainnav dt {
	padding-left: 3px;
}

.navwrap .mainnav dt a {
	background: url(/mm5/assets/v2/img/nav_main.gif) no-repeat;
	width: 123px;
	height: 71px;
	text-indent: -9999px !important;
	display: block;
	float: left;
}


/* ////  MAIN NAV  //// */

/* UP STATE */
.navwrap .mainnav dt#support a { background-position: 0px 0px; }
.navwrap .mainnav dt#partners a { background-position: -123px 0px; }
.navwrap .mainnav dt#account a { background-position: -246px 0px; }
.navwrap .mainnav dt#viewcart a { background-position: -369px 0px; }

/* OVER STATE */
.navwrap .mainnav dt#support a:hover { background-position: 0px -71px; }
.navwrap .mainnav dt#partners a:hover { background-position: -123px -71px; }
.navwrap .mainnav dt#account a:hover { background-position: -246px -71px; }
.navwrap .mainnav dt#viewcart a:hover { background-position: -369px -71px; }

/* ON STATE */
.navwrap .mainnav dt#support a.currentpage { background-position: 0px -142px; }
.navwrap .mainnav dt#partners a.currentpage { background-position: -123px -142px; }
.navwrap .mainnav dt#account a.currentpage { background-position: -246px -142px; }
.navwrap .mainnav dt#viewcart a.currentpage { background-position: -369px -142px; }

/* ////  STOREFRONT  //// */
.boxnav {
	width: 308px;
	float: left;
}

.boxnav a {
	margin: 0 12px 12px 0;
	float: left;
}

.boxnav img {
	width: 140px;
	height: 140px;
	display: block;
	border: 1px solid #000000;
}

.boxnav img:hover {
	border-color: #eeeeee;
}

.sfntimg {
	padding-bottom: 12px;
}

.mainimg {
	float: left;
	width: 650px;
	height: 448px;
	border: 1px solid #000000;
	background: url(/mm5/assets/v2/img/sfnt/mainimg/pic1.jpg) no-repeat 0 0;
}

.mainimg:hover {
	border-color: #cc0000;
	background-image: url(/mm5/assets/v2/img/sfnt/mainimg/pic0.jpg);
}

.twitbook {
	text-align: center;
	margin-top: 10px;
}

.twitbook img {
	margin-top: 20px;
}

/*  SFNT NEWS  */
.sfntnews {
	width: 716px;
	float: left;
	padding-bottom: 12px;
}


/*  SFNT SIDEBAR */
.sfntbar {
	width: 220px;
	float: right;
	padding-bottom: 12px;	
}

.sfntnews h2,
.sfntbar h2,
.sidebar h2 {
	text-indent: -9999px !important;
	height: 32px;
}

.sfntnews h2.newstit {
	background: url(/mm5/assets/v2/img/sfnt/title-news.gif) no-repeat 0 0;
}

.sfntbar h2.formtit,
.sidebar h2.formtit {
	background: url(/mm5/assets/v2/img/sfnt/title-subscribe.gif) no-repeat 0 0;
}

.sfntbar h2.feattit {
	background: url(/mm5/assets/v2/img/sfnt/title-feat.gif) no-repeat 0 0;
}

.sfntnews .newspost {
	padding-bottom: 18px;
	font-size: 1.25em;
	line-height: 1.15em;
}

.sfntnews .newspost h3 {
	font-size: 1.05em;
	font-weight: bold;
	text-transform: uppercase;
}

.sfntnews .newspost h3.holidaymess {
	color:#cc0000;
}

.sfntfeatured a.featlink {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}

.sfntfeatured a.featlink:hover {
	text-decoration: underline;
	color: #cc0000;
}

.sfntfeatured a img {
	width: 218px;
	height: 327px;
	border: 1px solid #000000;
}

.sfntfeatured a img:hover {
	border-color: #eeeeee;
}


/*  REGISTRATION FORM */
#regform #signup {
	width: 218px;
	border: 1px solid #000000;
	padding-top: 4px;
}

#regform input,
#regform select {
	width: 137px;
	height: 16px;
	border: 1px solid #000000;
	margin-bottom: 4px;
	padding: 3px;
	font-size: 0.8em;
	color: #000000;
}

#regform select {
	padding: 0px;
	width: 137px;
	height: 24px;
}

#regform .label {
	padding: 0 8px 0 6px;
	margin: 0px;
	text-align: left;
	font-size: 0.8em;
}

#regform .subbut input {
	float: right;
	padding: 0;
	margin: 4px 0 18px 0;
	border: 1px solid #000000;
	width: 86px;
	height: 24px;
	font-size: .9em;
	color: #ffffff;
	background-color: #000000;
}

#regform .subbut input:hover {
	background-color: #ffffff;
	color: #cc0000;
	font-weight: bold;
	cursor: pointer;
}

#regform .reqfield {
	text-align: right;
	font-size: 0.7em;
	padding-bottom: 2px;
	color: #cc0000;
}

.sidebar #regform {
	padding-bottom: 30px;
}


/* ////  STORE PAGE CONTENT  //// */
/*  MAIN SIDEBAR */
.sidebar {
	width: 220px;
	float: left;
	padding: 0 40px 12px 0;	
}

.sidebar .pronav {
	width: 220px;
	height: 250px;
	padding: 24px 0 40px 0;
}

.sidebar .pronav li {
	padding-bottom: 2px;
}

.sidebar .pronav li a {
	background: url(/mm5/assets/v2/img/pronav.gif) no-repeat; /* change back to pronav.gif after casual couture test. */
	width: 220px;
	height: 40px;
	text-indent: -9999px !important;
	display: block;
}


/* ////  MAIN NAV  //// */

/* UP STATE */
.sidebar .pronav li#pshirts a { background-position: 0px 0px; }
.sidebar .pronav li#phoodies a { background-position: 0px -42px; }
.sidebar .pronav li#psweats a { background-position: 0px -84px; }
.sidebar .pronav li#pshorts a { background-position: 0px -126px; }
.sidebar .pronav li#pcouture a { background-position: 0px -168px; }
.sidebar .pronav li#paccessories a { background-position: 0px -210px; }
.sidebar .pronav li#ccouture a { background-position: 0px -756px; } /* remove after casual couture test. */

/* OVER STATE */
.sidebar .pronav li#pshirts a:hover { background-position: 0px -252px; }
.sidebar .pronav li#phoodies a:hover { background-position: 0px -294px; }
.sidebar .pronav li#psweats a:hover { background-position: 0px -336px; }
.sidebar .pronav li#pshorts a:hover { background-position: 0px -378px; }
.sidebar .pronav li#pcouture a:hover { background-position: 0px -420px; }
.sidebar .pronav li#paccessories a:hover { background-position: 0px -462px; }
.sidebar .pronav li#ccouture a:hover { background-position: 0px -798px; } /* remove after casual couture test. */

/* ON STATE */
.sidebar .pronav li#pshirts a.current { background-position: 0px -504px; }
.sidebar .pronav li#phoodies a.current { background-position: 0px -546px; }
.sidebar .pronav li#psweats a.current { background-position: 0px -588px; }
.sidebar .pronav li#pshorts a.current { background-position: 0px -630px; }
.sidebar .pronav li#pcouture a.current { background-position: 0px -672px; }
.sidebar .pronav li#paccessories a.current { background-position: 0px -714px; }
.sidebar .pronav li#ccouture a.current { background-position: 0px -840px; } /* remove after casual couture test. */

/*  PRODUCT NAVIGATION */

/*  MAIN BODY */
#mainbody {
	width: 700px;
	float: left;
	padding: 10px 0 12px 0;
}

#mainbody h1 {
	font-size: 1.8em;
	font-weight: bold;
	padding: 20px 0 10px 0;
	text-transform: uppercase;
}

#mainbody h2 {
	font-size: 1.4em;
	font-weight: bold;
	padding: 20px 0 10px 0;
	text-transform: uppercase;
}

#mainbody h3 {
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

#mainbody input,
#mainbody select {
	width: 200px;
	height: 22px;
	border: 1px solid #000000;
	padding: 4px 0 0 4px;
	margin: 0 0 4px 6px;
	font-size: .9em;
}

#mainbody select {
	padding: 0;
	width: 206px;
	height: 28px;
}

#mainbody input.button {
	width: 120px;
	height: 30px;
	border: none;
	padding: 0;
	vertical-align: top;
}

#mainbody input.smallbut {
	width: 66px;
	height: 23px;
	border: none;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

#mainbody input.qtybox {
	width: 18px;
	height: 18px;
	padding: 2px 0 0 1px;
	margin: 0;
}

#mainbody input.radiobut {
	border: none;
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0;
}

#mainbody .smallhead {
	font-size: .8em;
	text-transform: none;
}

#mainbody .rightcol {
	margin-left: 20px;
}

/* ////  FOOTER  //// */
.footer {
	width: 960px;
	height: 60px;
	background-color: #000000;
}

.fnavwrap {
	float: left;
	width: 620px;
	height: 28px;
	padding: 16px 0 0 19px;
}

.fnavwrap .footnav li {
	list-style: none;
	display: inline;
}

.fnavwrap .footnav li a {
	background: url(/mm5/assets/v2/img/footnav.gif) no-repeat;
	margin-right: 5px;
	height: 28px;
	text-indent: -9999px !important;
	display: block;
	float: left;
}

/* ////  FOOTER NAV  //// */

/* UP STATE */
.fnavwrap .footnav li#fshirts a { background-position: 0px 0px; width: 48px; }
.fnavwrap .footnav li#fhoodies a { background-position: -53px 0px; width: 67px; }
.fnavwrap .footnav li#fsweats a { background-position: -125px 0px; width: 58px; }
.fnavwrap .footnav li#fcouture a { background-position: -188px 0px; width: 64px; }
.fnavwrap .footnav li#fshorts a { background-position: -257px 0px; width: 55px; }
.fnavwrap .footnav li#faccessories a { background-position: -317px 0px; width: 87px; }
.fnavwrap .footnav li#fsupport a { background-position: -409px 0px; width: 65px; }
.fnavwrap .footnav li#fpartners a { background-position: -479px 0px; width: 67px; }
.fnavwrap .footnav li#fcontact a { background-position: -551px 0px; width: 64px; }

/* OVER STATE */
.fnavwrap .footnav li#fshirts a:hover,
.fnavwrap .footnav li#fshirts a.current { background-position: 0px -28px; }
.fnavwrap .footnav li#fhoodies a:hover,
.fnavwrap .footnav li#fhoodies a.current { background-position: -53px -28px; }
.fnavwrap .footnav li#fsweats a:hover,
.fnavwrap .footnav li#fsweats a.current { background-position: -125px -28px; }
.fnavwrap .footnav li#fcouture a:hover,
.fnavwrap .footnav li#fcouture a.current { background-position: -188px -28px; }
.fnavwrap .footnav li#fshorts a:hover,
.fnavwrap .footnav li#fshorts a.current { background-position: -257px -28px; }
.fnavwrap .footnav li#faccessories a:hover,
.fnavwrap .footnav li#faccessories a.current { background-position: -317px -28px; }
.fnavwrap .footnav li#fsupport a:hover,
.fnavwrap .footnav li#fsupport a.current { background-position: -409px -28px; }
.fnavwrap .footnav li#fpartners a:hover,
.fnavwrap .footnav li#fpartners a.current { background-position: -479px -28px; }
.fnavwrap .footnav li#fcontact a:hover,
.fnavwrap .footnav li#fcontact a.current { background-position: -551px -28px; }

.fcopy {
	float: right;
	font-size: 0.85em;
	font-weight: lighter;
	color: #ffffff;
	padding: 22px 16px 0 0;
}

.fcopy a {
	text-decoration: none;
	color: #ffffff;
	padding-left: 12px;
}

.fcopy a:hover {
	color: #cc0000;
}

.fcopy img {
	margin: -10px;
	vertical-align: top;
}


/* ////  SHOPPING BASKET (BASK)  //// */
.emptybask {
	margin:20px 0;
}

.emptybask p {
	padding-bottom:20px;
	text-align:center;
}

.baskcon td {
	padding: 0px 10px;
	vertical-align: top;
}

.baskcon th {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
}


/* ////  CATEGORY PRODUCT DISPLAY (CTGY)  //// */
.proimg {
	margin-right: 27px;
	border: 1px solid #000000;
	width: 150px;
	height: 225px;
}

.proimg:hover {
	border-color: #ffffff;
}

.proname {
	text-align: left;
}

.proname a {
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.4em;
}

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

span.procolor {
	text-transform: capitalize;
	padding-right: 10px;
}

span.salehighlight {
	color:#00cc00;
	font-weight:bold;
}


/* ////  PRODUCT PAGE (PROD)  //// */
.propage .qtybox {
	margin-left: 5px;
}

.propage p {
	padding-bottom: 20px;
}

.attprompt {
	font-weight: bold;
	padding-right: 4px;
}

#mainbody .propage select {
	padding: 0;
	width: 120px;
	height: 24px;
}

.propage .proimg {
	width: 240px;
	height: 360px;
}

.prodetails {
	width: 431px;
	float: left;
}

.prodesc {
	color: #cc0000;
}

.propage .procolor {
	padding-bottom: 10px;
}

/* ////  "O" PAGES (OCST, OSEL, OPAY)  //// */
.shipmeth {
	float: left;
	margin: 10px 60px 20px 0;
}

.paymeth {
	float: left;
	margin: 10px 0 20px 0;
}

.shipmeth h4,
.paymeth h4 {
	font-weight: bold;
	padding-left: 8px;
}

.paytype {
	margin-bottom: 20px;
}


/* ////  CUSTOMER SERVICE (CSERV)  //// */

#pagebody p, #pagebody ul {
	font-size: 1.1em;
	padding-bottom: 10px;
}

#pagebody ul.cards {
	padding-left: 20px;
	font-weight: bold;
}

#pagebody blockquote {
	padding: 0 0 10px 20px;
	font-weight: bold;
}

#pagebody table {
	border: 1px solid #101010;
	margin-bottom: 6px;
}

#pagebody th {
	border-bottom: 1px solid #101010;
	padding: 5px 0 5px 3px;
	font-size: 0.85em;
	font-weight: bold;
}

#pagebody td {
	padding: 5px 30px 5px 3px;
	font-size: 0.85em;
}

#pagebody .alt {
	background-color: #e0e0e0;
}

/* ////  PARTNERS PAGE (LINKS)  //// */

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

.partright {
	float: left;
	width: 350px;
}
/*
.events div.mohh {	
	height: 70px;
	text-indent: -9999px !important;
	background: url(/mm5/assets/v2/img/monsterslogo.jpg) no-repeat top left;
}

.events div.pulse {	
	height: 92px;
	text-indent: -9999px !important;
	background: url(/mm5/assets/v2/img/pulselogo.jpg) no-repeat top left;
}

.events div.shock {	
	height: 100px;
	text-indent: -9999px !important;
	background: url(/mm5/assets/v2/img/shocklogo.jpg) no-repeat top left;
}

.events div.codan {	
	width: 153px;
	height: 222px;
	text-indent: -9999px !important;
	background: url(/mm5/assets/v2/img/codancelogo.png) no-repeat top left;
}
*/

.redinfo {
	color: #cc0000;
}

.maintmess {
	color: #cc0000;
	font-weight: bold;
}

.sfntnews .maintmess {
	color: #cc0000;
	font-weight: bold;
	padding-bottom: 20px;
	font-size: 1.2em;
}