@import url("p7menubar.css");

img.transparent {
   behavior: url("/pngbehavior.htc");
}


body {

	font-family: Verdana, Arial, Helvetica, sans-serif;
 	color: #000000;
 	margin: 0px;
}
table { font-size:1em; }

h1 {
	font-size: 18px;
	font-weight: normal;
	color: #e1182a;
	margin: 5px 0px 5px 0px ;
}

form {
	margin: 0px;
}


.wwfcHeaderBar {  
	color: #FFFFFF;
	background-color: #252525;
	height: 20px;
	overflow-y: hidden;
}

.headerNav {
	float: right;
	font-size: 10px;
	margin-right: 25px;
	line-height: 20px;
	color: #4c4c4c;
}

.headerNav a {
	color: #666666;
	padding: 0px 5px 0px 5px;
}

.headerNav a:hover, .headerNav .highLight {
	color: #FFFFFF;
}




.outerShell {
	background: #445566;
	border-bottom: 1px Solid #000000;
	margin-bottom: 25px;
}

.outerShellB {
	background: #445566 ;

	margin-bottom: 25px;
}

.innerShell {
	width: 780px;
}

.boxContent {
	border: 1px Solid #990000;
}

.headerShell {
	height: 150px;
	position:relative;
	background: url() no-repeat top center; 
}

.subHeaderShell, .subHeaderNav {
	height: 75px;
	background: #cccccc url() no-repeat top left; 
	color: #FFFFFF;
	text-align: left;
}
.subHeaderShell {
	margin-bottom: 5px;
	text-indent: 15px;
	font-size: 26px;
	line-height: 75px;
}
.subHeaderNav {
	font-size:1.2em;	
	padding:10px;
	line-height:1.5em;
	font-weight:bold;
}
.subHeaderNav a {
	padding: 1px 3px 1px 3px ;
	color:#ffffff;
}

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

.footerShell {
	color: #FFFFFF;
	background: url() no-repeat bottom center;
	text-align: center;
	line-height: 25px;
	clear: both;
	height: 25px;
	margin-bottom: 5px;
}

.footerShell a {
	color: #4488CC;
	text-decoration: none;
}

.footerShell a:hover {
	color: #88BBFF;
	text-decoration: none;
}


table#CartBar { 
	color:white; 
	width:100%;
}


.loginBox {
	position:absolute;
	right: 35px;
	top:20px;
	width:261px;
	z-index:5;
	color: #FFFFFF;
	background-color: #252525;
	border-bottom: 1px Solid #FFFFFF;
	border-right: 1px Solid #FFFFFF;
	border-left: 1px Solid #FFFFFF;
}

.logField {
	font-size: 10px;
	padding: 1px;
	color: #FFFFFF;
	background-color: #252525;
	border: 1px Solid #666666;
	margin: 2px 0px 2px 2px;
	width: 100px;
}

.logSub{
	margin-left: 2px;
}


.popUpBack {
	background-color: #252525;
	margin: 10px;
	color: #FFFFFF;
}


.alertMsg {
	color: #CC0000;
	border: 1px Solid #CC0000;
	padding: 5px;
	text-align: center;
	font-size: 13px;
	margin-bottom: 15px;
}


table tr td, table tr th { vertical-align:top; }
table.Form th, table.Form.td {
	padding: 0px 5px 0px 5px;
	text-align:center;
}
table.Form th {
	font-weight:bold;
}


table.tabular {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  border-collapse:collapse;
  border-spacing: 0px;
  border-width:0px;
  border-style:none;
}

table.tabular th {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;

	padding: 1px 5px 1px 5px;
  white-space: nowrap;
	border-left: solid 1px;
	border-right: solid 1px;
  padding-left:5px;
  padding-right:5px;
}
table.tabular tr td {
	padding: 1px 5px 1px 5px;
  vertical-align:top;
	border-bottom:1px solid #7389A7 }

table.Formular {
	font-size:1em;
}
table.Formular th { font-size:.8em;white-space:nowrap; }

table.tabular { background-color:white;
	border:0px solid #7389A7 }
table.tabular tr th {
	 background-color:#7389A7; 
	 color:white;
}
table tr.Row_2 td, table.Tabular tr.Row2 td {
	background-color:#ffffff;
}
table tr.Row_1 td, table.Tabular tr.Row1 td {
	background-color:#E8E8E8;
}
table tr.Row_0 td, table.Tabular tr.Row0 td {
	background-color:#FBE6AF;
}
table.tblVert th { text-align:right; }

.Cur { text-align:center; }

.Btn { font-size:100%; }


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ 
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ 
visibility: visible;
top: 0;
left: 30px; 

}

div.BoxFade	legend { 
	font-weight:bold; 
	font-size:140%;
	color: red; }
h4 { color: red;font-weight:bold; }
div.BoxFade {	

	background-color: #E8E8E8;
}

div.FooterCopyright { display:none; }	
div.HelpLinks { display:none; }
	

	
div#LoginBox {
  min-width:321px;
  background-color: #cccccc;
	border-left:#eeeeee solid 2px;
	border-top:#eeeeee solid 2px;
	border-right:#aaaaaa solid 2px;
	border-bottom:#aaaaaa solid 2px;
}

div.LoginTitle {
  background-color:#bb0000;
  color: white;
  font-weight:bold;
	padding: 2px;
}

div.LoginBg {
	background-image: url(/Asset/Img/bg/login.gif);
	background-repeat: no-repeat;
	background-color: #c2202d;
	height: 58px;
	color:white;
	font-weight:bold;
	padding-left: 65px;
	text-align:right;
	vertical-align:text-bottom;
}
.BorderSunken {
  border-left: 2px #555555 solid;
  border-top: 2px #555555 solid;
  border-right: 2px #f1f1f1 solid;
  border-bottom: 2px #f1f1f1 solid;
}
.prodType {
	position:relative; 
	display:block;
	width:725px;
	height: 22px;
	border: 1px Solid #316d6e;
	
}

.prodTypeFull {
  margin-top:10px;
	position:relative; 
	display:block;
	height: 22px;
	border: 1px Solid #b84004;
	background-color: #707064;
	background-repeat:no-repeat;
	background-position: left center;
	text-indent: 25px;
}

.prodTextBlue {
	color: #ffffff;
	font-size: 17px;
	letter-spacing: 1.5;
}

.blueArea {
	background-color: #dd9e0e0;
        padding:5px;
        border: 1px Solid #262626;
}

.myFanClubtext { font-size: 12px; }






.finePrint {
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
}

.finePrint a {
	color: #f7941d;
}

.finePrint a:hover {
	color: #FFFFFF;
}


div#menuwrapper {
 	left:0px;
	width:100%;
	 }

table.tabular tr th, div.headerBar, div.prodTextBlue {
	height: 22px;
	text-align: center;
	line-height: 22px;
}

 .HeaderBar { 
		font-family:arial;
		text-align:center;
		font-weight:bold;
		font-size: 15px;
	}



	.sideBarItem a {
		font-weight:bold;
	}
	
	.sideBarItem .HeaderBar { 
		height: 30px;
		font-size: 15px;
		line-height:30px;
	}

	ul.ListBox,ul.ListBoxD, .SideBarItem ul {
		margin:0px;
		display:block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.ListBox li, .SideBarItem li {
		padding: 3px 5px 3px 5px;
	}
	ul.ListBox a {display:block;}
.sideBar {
	font-size: 10px;
	width:200px;
	z-index:1;
}

.sideBarItem {
	margin-bottom: 5px;
	text-align: left;
	display:block;
}

.sideBarHeader {
	margin-bottom: 1px;
}

.sideBarHeader2, .sideBarItem h5 {
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
	text-indent: 8px;
	margin-top: 5px;
	text-align: left;
}

.sideBarContentA {
	padding: 3px 10px 3px 10px;
}

.sideBarContentB {
	padding: 3px 10px 3px 10px;
}

.sideBarLink {
	color: #FFFFFF;
}

.sideBarLink:hover {
	color: #f7941d;
}

.rssContent {
	background: #000000;
	color: #FFFFFF;
	padding: 3px 10px 3px 10px;
}

.rssDropDown {
	background: #000000;
	color: #FFFFFF;
	border: 1px Solid #252525;
	width: 180px;
	font-size: 10px;
}

.SidebarItem .HeaderBar { 
	color: #E1182A;
	background: url() no-repeat top left;
}
.SidebarItem ul.Listbox li,
.SidebarItem ul.Listbox a,
.sideBarLink { 
	color:#ffffff; 
}
.SidebarItem li.Row0,
.bgDark0,
.sideBarContentA {
	background-color: #3d4f68;
}

.SidebarItem li.Row1,
.bgDark1, 
.sideBarContentB {
	background-color: #485c79; 
}
.sideBarHeader2,
.sideBarItem h5 {
	color: #E1182A;
	background: #777777 url() no-repeat top left; 
}
.sideBarItem:hover,
.sideBarLink:hover,
.ContentHeader {
	color: #E1182A;
}
.sideBarItem .HeaderBar { 
	background: #000000 url() no-repeat top left;
}
div.SideBarItem div.ContentPod {
	background-color:#B6C3D6;
}

.textDate {
	color: #000000;
}

div.Headerbar {
	background-color:#B6C3D6;
	color: #E1182A;
}



#catbox a {
	background-color:#E3E3E3;
}
#catbox a:hover {
	background-color:#B6C3D6;
}

div.ContentPod {
	background-color:#ffffff;
}







.mainContent {
	margin: 0px;
	text-align: left;
}

.contentBox {
	width: 560px !important; width: 560px;
	margin-left: 205px !important; 
	margin-top: 5px;
	background: #FFFFFF;
	padding-top: 10px;
	text-align: left;
}
.ContentCol {
	width: 570px !important; width: 570px;
	margin-left: 205px !important; margin-left: 0px;
}

.contentBoxFull {
	margin-top: 5px;
	background: #FFFFFF;
	padding-top: 10px;
	text-align: left;
}

.textContent {
	overflow-x: visible;
	margin: 0px 10px 0px 10px;
}

.textContentFull {
	overflow-x: hidden;
	margin: 0px 10px 0px 10px;
}
.ContentSB {
	float: left;
	width: 200px;
	margin-right: 5px !important; margin-right: 2px;
	margin-bottom: 5px;
	font-size: 10px;
}
.ContentItem {
	font-size: 1em;
	color: #000000;
	margin-top:3px;
}


.ItemHeader{
	padding: 5px;
	font-size: 1.4em;
	color: #f7941d;
}
.ContentInfo {
	padding: 10px 0px 10px 0px;
	border-top: 1px Dotted #000000;
	margin: 0px 30px 0px 30px;
}

.ContentSubHead {
	font-size: 1.2em;
}
.ContentFooter {
	padding: 2px;
	border-bottom: 1px Dotted #999999;
	text-align:right;
}
.ItemFooter {
	background-color: #FFFFFF;
	padding: .9em;
	border-bottom: 1px Dotted #999999;
	text-align:right;
}

.textDate {
	font-size: .9em;
	color: #000000;
}
.textEntry {
	padding-top: 5px;
	margin: 5px 0px 25px 0px;
}



.commentItem {
	background-color: #f5f5f5;
	border-top: 1px Dotted #FFFFFF;
	padding: 10px;
}

.commentHeader {
	font-size: 1.2em;
	text-indent: 10px;
	line-height: 24px;

}

.commentText {
	font-size: 11px;
}

.commentDate {
	font-size: 10px;
	color: #666666;
}

.commentDate a {
	color: #c2c2c2;
}

.commentBox {
	padding: 15px;
	background-color: #d7d7d7;
}

.quickCommentHeader {
	color: #FFFFFF;
	font-size: 16px;
	text-indent: 10px;
	line-height: 24px;

}

.commentBox textarea {
	width: 100%;
	height: 100;
	border: 1px Solid #666666;
	font-size: 11px;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
}

.counter {
	font-weight: bold;
	color: #666666;
}

.desc {
	color: #999999;
	font-weight: bold;
}



.calShell {
	background-color: #f87001;
}

.calHeader {
	background-color: #b04018;
	font-size: 14px;
	color: #FFFFFF;
}

.calSubHeader {
	background-color: #cc5420;
	text-align: center;
	font-size: 10px;
}

.calBox {
	background-color: #FFFFFF;
	font-size: 10px;
}

.calBox a, .calBoxOn a {
	color: #000000;
}

.calBoxOn {
	color: #000000;
	background-color: #fabf1a;
	font-size: 10px;
}

.calBoxBlank {
	background-color: #FFFFFF;
}

.calBoxRed {
	color: #FFFFFF;
	background: #CC0000;
}

.calBoxFill {
	background: #efefef;
	font-size: 10px;
}

.calNav {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}

.calNav:hover {
	color: #000000;
	text-decoration: none;
}

.calFooter {
	background-color: #b04018;
	font-size: 10px;
}

.calFooter a {
	color: #FFFFFF;
	
}

.calFooter a:hover {
	color: #f7941d;
}



.cvItem {
	padding: 10px;
	margin-bottom: 15px;
}

.cvItemHeader {
	color: #b63d06;
	font-size: 14px;
	border-bottom: 1px Solid #b63d06;
}

.cvItemRow {
	border-bottom: 1px Dotted #CCCCCC;
	padding: 2px;
	font-size: 11px;
}

.cvItemFooter {
	text-align: right;
	margin-bottom: 5px;
	font-size: 10px;
}

.cvFooter {
	text-align: center;
	margin-bottom: 10px;
	padding: 5px;
	font-size: 12px;
}



.calendarObj {
	height: 50px;
	width: 50px;
	margin: 0px 5px 5px 0px;
	float: left;

}

.calendarM {
	text-align: center;
	color: #000000;
	line-height: 22px;
	font-size: 13px;
}

.calendarD {
	text-align: center;
	color: #FFFFFF;
	line-height: 24px;
	font-size: 16px;
	font-weight: bold;
}



.profileHeader {
	font-size: 16px;
	line-height: 32px;
	text-indent: 10px;
	background-color: #e2e2e2;
	border-bottom: 1px Dotted #FFFFFF;
	border-top: 1px Dotted #FFFFFF;
	margin-top: 5px;
}

.profileSubheader {
	font-size: 11px;
	line-height: 20px;
	text-indent: 10px;
	background-color: #ebebeb;
	border-bottom: 1px Dotted #FFFFFF;
	margin-bottom: 15px;
}

.profileTable {
	border-top: 1px Solid #FFFFFF;
	border-right: 1px Solid #FFFFFF;
	margin-bottom: 10px;
}

.profileTable td {
	border-bottom: 1px Solid #FFFFFF;
	border-left: 1px Solid #FFFFFF;
	padding: 2px;
}

.profileAva {
	width: 85px;
	vertical-align: top;
	text-align: center;
}

.profileAva img {
	border: 5px Solid #FFFFFF;
}

.friendShell {
	background: #252525;
	padding-top: 10px;
	margin-bottom: 5px;
}

.friendHeader {
	font-size: 12px;
	border-bottom: 1px Dotted #333333;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #FFFFFF;
}

.friendContent {
	margin-left: 8px;
}

.friendAva {
	margin: 2px;
	float: left;
	display:table-cell;
	padding:1px;
}

.friendAva img, .avatarCell Img {

	width:80px;
}
.SideBarItem .friendAva img, .avatarCell Img {

	width:60px;
}

.friendFooter {
	margin-top: 5px;
	line-height: 20px;
	color: #FFFFFF;
	clear: both;
}

.friendFooter a {
	color: #FFFFFF:
}

.userTable {
	margin-bottom: 10px;
	background-color: #E1E1E1;
	border: 1px Dotted #CCCCCC;
	width: 100%;
}

.userTable td {
	padding: 2px;
}

.avatarCell {
	width: 44px;
	border-right: 1px Dotted #CCCCCC;
}

.menuCell {
	font-size: 10px;
	color: #666666;
	border-top: 1px Dotted #CCCCCC;
}



.navButton ul {
        list-style-type: none;
        width: 200px;
        margin: 0px;
        padding: 0px;
}

.navButton li {
	margin-bottom: 5px;
	margin-left: 0px;
	background-color:#666666;
}

.navButton li a {
	text-align: center;
        color: #FFFFFF;
        display: block;
        font-size: 12px;
        padding: 5px;
        text-decoration: none;
        line-height: 12px;
}

 * html .navButton li a {  
	width: 200px;
}

.navButton li a:hover {

        color: #FFFFFF;
}


#catBox {
	line-height: 22px;
	text-align: center;
}

#catbox a {
	background-color: #EFEFEF;
	color: #000000;
	padding: 1px 4px;
	margin: 2px 0px;
	font-size: 11px;
}

#catbox a:hover {
	background-color: #f7941d;
	color: #000000;
}


.formTitle {
	font-weight: bold;
	font-size: 11px;
}

.formInput {
	margin-bottom: 15px;
}

.postText {
	width: 100%;
	font-size: 11px;
}

.postTextArea {
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
	height: 400px;
}

.postDropDown {
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 100%;
}

.content_box {
	border-left:1px solid #B04018;
	border-right:1px solid #B04018;
}

.row_title {
	background-color: #E4791E;
}

.row_title, .row_name, .row_0, .row_1, .border_right, .forum_post {
	border-bottom: 1px solid #B04018;
}

.row_1, .forum_post {
	background-color: #FBE6AF;
}

#footer, .content_box, .forum_post_links  {
	border-top:1px solid #B04018;
}




a {
	color: #f7941d;
	text-decoration: none;
}

a:hover {
	color: #cc5420;
	text-decoration: none;
}
a.Active { color:red; }


div.TopToolbar {
	background: #252525 url(/asset/img/back_header.jpg) no-repeat top left;
	border-top: 1px dotted #666666;
	border-bottom: 1px Solid #666666;
	color: #FFFFFF;
	padding-left:4px;
}
div.TopToolBar a { color:#ffffff;font-weight:bold; }
.cartLink {
	color: #EFEFEF;
}

.cartLink:hover {
	color: #cc0000;
}


table.Rounded {
	width:100%;
	border-spacing:0px;
	border-width:0px;
	border-collapse:collapse;
}
.Rounded .tl,.Rounded .tr,.Rounded .br,.Rounded .bl {
	background: url(/asset/img/bg/round_ffffff.gif) no-repeat;
	height:14px;
	width:14px;
}
.Rounded .tl { background-position:top left; }
.Rounded .tr { background-position:top right; }
.Rounded .bl { background-position:bottom left; }
.Rounded .br { background-position:bottom right; }
.Rounded .Mid { background-color:#ffffff; }



.Pagination { 
	text-align:left;
	padding-left:5px;
}
.Pagination a {
border:1px solid gray;
color:#000000;
margin:-1px;
padding:0 3px;
text-decoration:none;
}
.Pagination span {
border:1px solid gray;
padding:0 6px;
}
.Pagination a.Active {
background-color:silver;
border-color: 2px solid gray;
color:#000000;
}

.loginForm {align: center; text-align: center; }