@import url('scrollers.css');

body {
	background-color: #000000;
	font-size: 70%;
	font-family:tahoma,verdana,sans-serif;
	color: #CCCCCC;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.btmbckimg {
	background-image: url(../images/btm-bkgnd.gif);
	background-repeat: no-repeat;
	background-position: top;
}


a:active {
	color: #FFFFFF;
	text-decoration: underline;
}

a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.pink-txt {
	color: #d2005a;
}

#wrap {
	width:1020px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	position:relative;
	background-image: url(../images/bgtile.gif);
	background-repeat: repeat-y;
	background-position: top;
	overflow: hidden;
}

#mainbodywrap {
	width:936px;
	margin: 0;
	padding: 0px;
	position:relative;
	overflow: visible;
	background-color: #131313;
	background-image: url(../images/content-bkgnd.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-top-width: 5px;
	border-right-width: 6px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0d0d0d;
	border-right-color: #0d0d0d;
	border-bottom-color: #0d0d0d;
	border-left-color: #0d0d0d;
}

#header {
	width:960px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	height:50px;
	font-size:12px;
	position:relative;
	z-index:98;
	background-image: url(../img/backgrounds/nav-bg.gif);
}

#footer {
	width:960px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	position: relative;
	clear:both;
	overflow: hidden;
	line-height:50px;
	border-top:1px solid #111;
}

/* FLASH */
#flashcontent {
	width:960px;
	z-index:3;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	height: 147px;
	margin-top: 2px;
	position: absolute;
}

#flashticker{
	width:714px;
	z-index:1;
	margin-left: -8px;
	overflow: hidden;
	position: relative;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: -8px;
	margin-top: 2px;
}

.fadeThis1 {
	position:relative;
	display:block;
	height: 172px;
	width: 222px;
	background-image: url(../images/backstagetips.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.fadeThis1 * {
	display: none;
}

.fadeThis1 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 172px;
	width: 222px;
	background:url(../images/backstagetips-over.jpg) no-repeat;
}

.fadeThis2 {
	position:relative;
	display:block;
	height: 148px;
	width: 222px;
	background-image: url(../images/halloffame.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.fadeThis2 * {
	display: none;
}

.fadeThis2 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 148px;
	width: 222px;
	background:url(../images/halloffame-over.jpg) no-repeat;
}

.fadeThis3 {
	position:relative;
	display:block;
	height: 78px;
	width: 222px;
	background-image: url(../images/dizzler.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.fadeThis3 * {
	display: none;
}

.fadeThis3 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 78px;
	width: 222px;
	background:url(../images/dizzler-over.jpg) no-repeat;
}

.fadeThis4 {
	position:relative;
	display:block;
	height: 172px;
	width: 158px;
	background-image: url(../images/backstagetips-sml.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.fadeThis4 * {
	  display: none;
}

.fadeThis4 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 172px;
	width: 158px;
	background:url(../images/backstagetips-sml-over.jpg) no-repeat;
}

.fadeThis5 {
	position:relative;
	display:block;
	height: 148px;
	width: 158px;
	background-image: url(../images/halloffame-sml.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.fadeThis5 * {
	display: none;
}
.fadeThis5 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 148px;
	width: 158px;
	background:url(../images/halloffame-sml-over.jpg) no-repeat;
}

.fadeThis6 {
	position:relative;
	display:block;
	height: 78px;
	width: 158px;
	background-image: url(../images/dizzler-sml.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.fadeThis6 * {
	display: none;
}

.fadeThis6 span.hover {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 78px;
	width: 158px;
	background:url(../images/dizzler-sml-over.jpg) no-repeat;
}

.register-tbl {
	background-image: url(../images/register.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 53px;
	width: 202px;
	padding-top: 30px;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	color: #d3d3d3;
	text-align: center;
}

.register-tbl-sml {
	background-image: url(../images/register-sml.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	height: 53px;
	width: 154px;
	padding-top: 30px;
	padding-right: 2px;
	padding-left: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9.5px;
	color: #d3d3d3;
	text-align: center;
}

.rounded {
	background-image: url(../images/form-bkgnd.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 19px;
	width: 199px;
	display: block;
}

.form-field {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	text-align: left;
	height: 12px;
	width: 158px;
	float: left;
	background-color: #000000;
	border: none;
	margin-top: 2px;
	margin-left: 5px;
	display: inline;
	clear: both;
	position: relative;
}

.form-btn {
	height: 18px;
	width: 33px;
	margin-top: 1px;
	padding-top: 0px;
	position: relative;
	display: inline;
}

.rounded-sml {
	background-image: url(../images/form-bkgnd-sml.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 19px;
	width: 148px;
	display: block;
}

.form-field-sml {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #E42090;
	text-align: left;
	height: 12px;
	width: 108px;
	float: left;
	background-color: #000000;
	border: none;
	margin-top: 2px;
	margin-left: 5px;
	display: inline;
	clear: both;
	position: relative;
}

.subcat { /*subcat header*/
	cursor: pointer;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-left: 6px;
}

.page-control { /*subcat header*/
	cursor: pointer;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #CCCCCC;
	display: inline;
}



.opencat { /*class open*/
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d2005a;
	background-image: url(../images/close.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.closedcat{ /*class closed*/
	color: #CCCCCC;
	background-image: url(../images/open.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.content-insert {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	/*background-image: url(../images/subcat-bkgnd-grad.png);*/
	background-color: #0f0f0f;
	width: 300px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top: -10px;
	padding-top: 10px;
	padding-right: 6px;
	padding-bottom: 5px;
	padding-left: 9px;
	text-align: justify;
	display:none;
}

.content-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #d2005a;
	display: block;
	font-weight: bold;
}

.more {
	background-image: url(../images/pink-arrow.png);
	background-repeat: no-repeat;
	background-position: 38px 5px;
	display: block;
	margin-top: 9px;
	margin-bottom: 2px;
	font-size: 11.5px;
	text-transform: uppercase;
}

#testimonialticker {
	width:758px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 2px;
}

.subcat-big {
	cursor: pointer;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d2005a;
	margin-top: 10px;
	margin-right: 6;
	margin-bottom: 10px;
	margin-left: 6;
	padding-left: 6px;
	padding-right: 6px;
}

.content-page {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #d2005a;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d2005a;
	margin-top: -11px;
}

.content-insert-big {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	/*background-image: url(../images/subcat-bkgnd-grad.png);*/
	background-color: #0f0f0f;
	width: 410px;
	min-height: 400px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top: 0px;
	padding-top: 10px;
	padding-right: 11px;
	padding-bottom: 5px;
	padding-left: 11px;
	text-align: left;
	display:none;
}

.ul-pink {
	margin-left: 10px;
	padding-left: 5px;
	text-transform: capitalize;
	
}

.formborder {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #676767;
}

.form-field-black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000 !important;
	border: 1px solid #666666 !important;
	line-height: 13px;
}

.mainlink {
	margin-top: 9px;
	margin-bottom: 2px;
	font-size: 11.5px;
}

.border {
	border: 2px solid #D71D70;
}

.imgborder {
	border: 2px solid #D71D70;
	margin-right: 5px;
}

.content-protip {
	padding:0 0 3px 0;
}

.content-protip a {
	text-transform:uppercase;
}

.bulletlinecontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #FFFFFF;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A8145E;
	list-style-position: outside;
	list-style-type: circle;
}

.whiteline {
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	display: block;
}



/* NOSCRIPT Navigation */
#noscript_logo {
	margin:25px 0 16px 0;
}

#noscript_logo img {
	display:block;
}
#noscript_logo span {
	display:none;
}

#noscript_nav {
	margin:0 0 0 5px;
	padding:0;
	display:block;
}

#noscript_nav ul {
	margin:0;
	padding:0;
}

#noscript_nav ul li {
	display:inline;
	float:left;
}
#noscript_nav ul li a{
	display:block;
	margin:0;
	padding:0;
	height:38px;
	text-indent:-9999px;
}

#noscript_nav ul li a span{ 
	
}

#ns_nav_academy 	{width:155px; background:url(../images/ns_academy.jpg) top left no-repeat;}
#ns_nav_collections {width:156px; background:url(../images/ns_collections.jpg) top left no-repeat;}
#ns_nav_proteam 	{width:156px; background:url(../images/ns_proteam.jpg) top left no-repeat;}
#ns_nav_stockists 	{width:156px; background:url(../images/ns_stockist.jpg) top left no-repeat;}
#ns_nav_corporate 	{width:156px; background:url(../images/ns_corporate.jpg) top left no-repeat;}
#ns_nav_contact 	{width:156px; background:url(../images/ns_contact.jpg) top left no-repeat;}

#ns_nav_academy:hover 		{background:url(../images/ns_academy_hi.jpg) top left no-repeat;}
#ns_nav_collections:hover 	{background:url(../images/ns_collections_hi.jpg) top left no-repeat;}
#ns_nav_proteam:hover 		{background:url(../images/ns_proteam_hi.jpg) top left no-repeat;}
#ns_nav_stockists:hover 	{background:url(../images/ns_stockist_hi.jpg) top left no-repeat;}
#ns_nav_corporate:hover 	{background:url(../images/ns_corporate_hi.jpg) top left no-repeat;}
#ns_nav_contact:hover 		{background:url(../images/ns_contact_hi.jpg) top left no-repeat;}


.prod_color_title {
	display:block;
	clear:both;
	color:#c70655;
	font-size:10px;
	text-transform:uppercase;
	margin:15px 0 5px 0;	
}
.prod_color_container {
	color:#CCC;
	font-size:10px;
	display:block;
	float:left; 
	margin:4px 11px 5px 0;
	text-transform:lowercase;
}

.prod_color_swatch, 
.prod_color_swatch_2x1,
.prod_color_swatch_3x1 {
	background:url(../images/collections/swatch_bg.gif) left top no-repeat;
	width:48px;
	height:28px !important;
	padding:2px;
}
.prod_color_swatch_1x2,
.prod_color_swatch_2x2 {
	background:url(../images/collections/swatch_bg_4x4.gif) left top no-repeat;
	width:50px;
	height:56px !important;
	padding:2px;
}

.color_full {
	height:24px;
	width:100%;
}
.prod_color_swatch .color1, 
.prod_color_swatch .color2 {
	height:24px;
	width:24px;
	float:left;
}
.prod_color_swatch_1x2 .color1, .prod_color_swatch_1x2 .color2
{
	width:50px;
	height:24px;
}
.prod_color_swatch_2x1 .color1, .prod_color_swatch_2x1 .color2, 
.prod_color_swatch_2x2 .color1, .prod_color_swatch_2x2 .color2, .prod_color_swatch_2x2 .color3, .prod_color_swatch_2x2 .color4
{
	width:25px;
	height:24px;
}
.prod_color_swatch_3x1 .color1, .prod_color_swatch_3x1 .color2 {
	width:33%;
	height:24px;
} 
.prod_color_swatch_3x1 .color3 {
	width:34%;
	height:24px;
}

.prod_color_swatch_2x1 .color1, 
.prod_color_swatch_2x2 .color1, 
.prod_color_swatch_2x2 .color3,
.prod_color_swatch_3x1 .color1, 
.prod_color_swatch_3x1 .color2, 
.prod_color_swatch_3x1 .color3{
	float:left;
}
.prod_color_swatch_2x2 .color2, 
.prod_color_swatch_2x2 .color4, 
.prod_color_swatch_2x1 .color1 {
	float:right;	
} 
.prod_color_swatch_2x2 .color2, 
.prod_color_swatch_2x2 .color4 {
	
}
.prod_color_swatch_2x2 {
	background:url(../images/collections/swatch_bg_4x4.gif) top center no-repeat;
	width:50px;
	height:52px;
	padding:0;
}

.prod_color_swatch .sparkle,
.prod_color_swatch_2x2 .sparkle,
.prod_color_swatch_3x1 .sparkle,
.prod_color_swatch_2x1 .sparkle,
.prod_color_swatch_1x2 .sparkle {
	display:block;
	position:absolute;
	z-index:2;
	background:url(../images/collections/sparkle.png) top left;
	margin:-25px 0 0 0;
	padding:0;
}
.prod_color_swatch .sparkle {
	width:48px;
	height:24px;
}
.prod_color_swatch_2x2 .sparkle {
	width:48px;
	height:48px;
}
.prod_color_swatch_2x1 .sparkle {
	width:48px;
	height:24px;
}