/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	background-color: #DCDCDC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
}

a:link {color:#e32664;text-decoration:none;}
a:active {color:#333;text-decoration:none;}
a:visited {color:#e32664;text-decoration:none;}
a:hover {color:#ff0000;}

h1,h2 {line-height: 150%;
	font-family:"Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:110%;}

/* Layout */

.floatbox-right{
border:1px solid #CCCCCC;
display:block;
float:right;
margin:0 0 10px 10px;
padding:20px;
width:230px;}
.floatbox-left{
border:1px solid #CCCCCC;
display:block;
float:left;
margin:0 10px 10px 0;
padding:20px;
width:230px;}

.floatbox-right ul,.floatbox-left ul{margin:0;padding:0;}

.highlight{display:block; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); padding: 20px; margin-bottom:10px;}

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

.purpleheader{color:#663366}
.purpleheader-medium{
	color:#663366;
	font-size:120%;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.purpleheader-large{color:#663366; font-size:180%}

.charcoalheader{color:#333333}
.charcoalheader-medium{
	color:#333333;
	font-size:120%;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.charcoalheader-large{color:#333333; font-size:180%}

.minitext{font-size:xx-small;}

.panel{display:block; width:300px; height:100px;}

#subbanner{
	overflow:hidden;
	height:175px;
	width:710px;
	position: relative;
}
#bannertitle{
	position:absolute;
	left:0px;
	bottom:0px;
	width:690px;
	height:30px;
	background-image: url(../images/trans-purple.png);
	background-repeat: repeat;
	padding: 10px;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 100;
	line-height:30px;
	color: #FFFFFF;
	letter-spacing: 2px;
}

#container{background-image: url(../images/topsection.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;}

#topsection {
	position:relative;
	height: 95px;
}
#footer{
	margin:0 10px 0 10px;
	padding:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: normal;
	text-align: right;
}
#topsection h1{position:absolute; top:-200px;}

#subnavcolumn{
	background-image: url(../images/subnav-back.png);
	background-repeat: no-repeat;
	min-height:600px;
}
#maincontent{
	line-height:170%;
	color: #333333;
	background-color: #EEEEEE;
	margin-top: 10px;
	min-height:600px;
}

#chatbutton {
	position:absolute;
	right:120px;
	top:30px;
	width:120px;
	height:45px;
}
#chatbutton span a{
	display:block;
	padding-left: 45px;
	line-height: 45px;
	height: 45px;
	color:#978FBB;
}
#supportbutton {
	position:absolute;
	right:0px;
	top:30px;
	width:100px;
	height:45px;
}
#supportbutton span a{
	display:block;
	padding-left: 40px;
	line-height: 45px;
	height: 45px;
	color:#968EBB;
}

/* BANNER */
#banner{
	width:950px;
	height:350px;
	position:relative;
	background-repeat: no-repeat;
	background-position: left top;
}

.bannerhead{
font-family:"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
font-size:18px;
font-weight:100;
margin:20px 0 0;
padding:0 10px;
}
.bannertext{margin:0; padding:0 10px;line-height:170%;color:#666666;}

#bannernav {
	display:block;
	height:63px;
	position:absolute;
	width:950px;
	background-image: url(../images/bannernav-back.png);
	background-repeat: no-repeat;
	background-position: bottom;
	left: 0px;
	bottom: 0px;
}
#bannernav  ul {
	display: inline;
	margin:0px;
	list-style-type: none;
	padding: 0px;
}
#bannernav li {
	position:relative;
	display: inline;
	margin: 0px;
	padding: 0px;
}
#bannernav li a span {
	margin: 0px;
	display: block;
	height: 57px;
	line-height: 57px;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#bannernav li a.carousel-selected span {
	background-image: url(../images/bannernav-selected.png);
	background-repeat: no-repeat;
	background-position: center 1px;
}
#bannernav  li a {
	color: #928AB8;
	text-decoration: none;
	text-align: left;
	display: block;
	margin: 0px;
	background-image: url(../images/bannernav-divider.png);
	background-repeat: no-repeat;
	height: 62px;
	background-position: right 15px;
	font-family:"Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:130%;
	font-weight:300;
	float: left;
	padding: 0px;
	outline:none;
}

#bannernav li a:hover {
	color: #FFFFFF; 
}
#bannernav li.selected a, #bannernav li.selected a:hover  {
	color: #000033;
}

/* KICKERS */

.kickerleft{
display:block;
float:left;
width:310px;
padding-right:0px;
padding-left:0px;
margin-right:5px;
margin-left:10px;
padding-top:0px}
.kickermiddle{
	display:block;
	float:left;
	width:310px;
	padding-right:0px;
	padding-left:0px;
	margin-right:5px;
	margin-left:5px;
	padding-top:0px;
}
.kickerright{
	background-repeat:no-repeat;
	display:block;
	float:left;
	width:310px;
	padding-right:0px;
	padding-left:0px;
	margin-right:5px;
	margin-left:5px;
	padding-top:0px;
	background-position: 0px 20px;
}

.kickertext{
	font-size:10px;
	line-height:20px;
	height: 90px;
}
h2.kickertitle{padding:0; margin:10px 0 5px 0;}

.kickerheader{
	height:20px;
	line-height:25px;
	font-family:"Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:110%;
	font-weight:300;
	color: #660066;
	background-image: url(../images/kicker-header.png);
	background-repeat: no-repeat;
	padding: 10px;
}
.kickerimage{
	height:160px;
	background:#FFFFFF;
}
.kickercontent{
	background:#FFFFFF;
	line-height: 20px;
	font-size: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 193px;
	overflow:hidden;
}
.kickercontent h3{
	margin:0 0 10px 0;
	padding:0;
	font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 160%;
	font-weight:300;
}
.kickerfooter{
	height:45px;
	background-image: url(../images/kicker-footer.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
.kickermore{
	height:26px;
	line-height:26px;
	border-top:1px solid #333333;
	border-bottom:1px solid #CCCCCC;
	font-size:10px;
	color: #333333;
	background-color: #999999;
	padding-right: 10px;
	padding-left: 10px;
	}
.kickermore a{
	color: #333333;
	}
.kickermore:hover{color: #FFFFFF;background:#333333;}


/* SHOP ITEM */

.shopitem{
	height:100px;
	padding: 10px;
	border-bottom:1px solid #CCCCCC;
}
.shopitemContainer{
	display:block;
	overflow: hidden;
	height: 362px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #FFFFFF;
}



.shopitem#selected{
	height:100px;
	padding: 10px;
	border:1px solid #FFFFFF;
	background-color: #543F57;
	color: #CCCCCC;
}

.shopitem#selected a{
	color: #FFFFFF;
}

.shopitem img{
	float:left; margin-right:10px;
}

.shopitem .shopitemtext{
	float:left;
	width: 175px;
	font-size: x-small;
	line-height: 14px;
}


#up{position:absolute;top:30px; left:10px; width:20px; height:20px; cursor:pointer;}
#down{
	position:absolute;
	left:10px;
	width:20px;
	height:20px;
	cursor:pointer;
	top: 327px;
}

/* TOP NAV */

#topnav {
	display:block;
	height:55px;
	background-image: url(../images/nav-back.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#topnav #nav { font-size:12px;padding:0; margin:0; }
#topnav #nav li {
	display:block;
	float:left;
	font-family:"Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:300;
	font-size:130%;
	list-style-type: none;
	
	background-image: url(../images/nav-dividers.png);
	background-repeat: no-repeat;
	background-position: right 12px;
}
#topnav #nav li.selected { background:transparent url(../images/tab-selected-right.png) no-repeat scroll right 3px;
color:#FFFFFF;
padding:0 5px 0 0 !important; }
#topnav #nav li.selected a {color:#fff;text-shadow: #001d2b 0px 1px 2px}
#topnav #nav li.selected span {
	display:block;
	margin-right:5px;
	background-color: transparent;
	background-image: url(../images/tab-selected-left.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#topnav #nav li a {
	display:block;
	height:55px;
	line-height:55px;
	padding:2px 16px 0;
	outline:none;
	color:#FFFFFF;
}
#topnav #nav li.selected a, #topnav #nav li.selected a:hover {
	padding:0 14px 0 20px;
	background: none;
	cursor: default;
}
#topnav #nav li a:hover { background:transparent url(../images/hover_nav.png) no-repeat center bottom;color:#fff; }


/* SUB NAV */

#subnav {
	padding:0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.subnavheader{padding:10px; font-weight:bold; color:#361240;}	
#subnav  ul {
	display: inline;
	margin:0px;
	list-style-type: none;
	padding: 0px;
}
#subnav ul li {
	display: inline;
	margin: 0px;
}
#subnav li li a {
	color:#006699;
	padding-left: 30px;
	background-image: url(../images/subsubarrow.png);
	background-position: 20px;
}
#subnav li a {
	list-style-type: none;
	display: block;
	font: normal 12px/20px "Lucida Grande", Verdana, Arial, sans-serif;
	color:#361240;
	text-decoration: none;
	background-image: url(../images/subarrow.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -1px;
	margin-left: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
#subnav li a:hover {
	color:#0099CC;
	font-weight: normal;
	background-color:#DCDCDC;
	
}

/* Tabs */

ul.side_tabs {
display:block;
height:70px;
list-style-type:none;
margin:0;
padding:0;
	}
ul.side_tabs li{ display:block;
float:left;
margin:0;
padding:0;
line-height:26px !important;
}
ul.side_tabs li a{
	color:#333333;
	display:block;
	margin:0;
	padding:0;
	text-decoration:none;
	text-align:center;
	overflow:hidden;
	width:90px;
	height:70px;
	border-bottom: 1px solid #CCCCCC;
	outline:none;
}
ul.side_tabs li a.active{
	background:#FFFFFF none repeat scroll 0 0;
	color:#333333;
	overflow:hidden;
	width:88px;
	height:70px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-bottom: none !important;
}
.sidetabcontainers{
	padding:20px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background:#FFFFFF;
}