html, * {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #fff;
	background: #fff url(../images/body_bg.jpg) repeat-x top;
}

h1, p, ul, ol, dl, td {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333;
}

h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	letter-spacing: -1px;
}

.tagline
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #999999;
	font-size: 14px;
	letter-spacing: -1px;
}

#wrapper {
	margin: 10px auto 0;
	padding: 10px;
	width: 740px;
	background: #fff;
}

#logonav {
	width: 740px;
	margin: 0 0 10px;
}

#logonav h1 a {
	float: left;
	font-size: 10px;
	color: #000;
	margin: 5px 0 0 40px;
	width: 150px;
	height: 55px;
	display: block;
	background: transparent url(../images/wwe_newlogo.gif) no-repeat left top;
	text-indent: -5000px;
}

#nav {
	float: right;
	width: 477px;
	position: relative;
	right: -3px; /* not sure why this is needed, but it is */
}

#nav ul {
	float: left;
	width: 159px;
	list-style: none;
	font-size: 11px;
}

#nav li {
	display: block;
	margin: 0 0 3px 4px;
}

#nav li a:link, #nav li a:visited {
	width: 146px;
	height: 17px;
	padding: 2px 0 0 5px;
	display: block;
	color: #000;
	text-decoration: none;
	background: #f2f2f2;
}

#nav li a:hover {
	color: #fff;
	text-decoration: none;
	background: #20297b;
}

#aboutus li#about a {color: #fff; text-decoration: none; background: #20297b;}
#newspage li#news a {color: #fff; text-decoration: none; background: #20297b;}
#services li#serv a {color: #fff; text-decoration: none; background: #20297b;}
#careers li#jobs a {color: #fff; text-decoration: none; background: #20297b;}
#franchises li#franch a {color: #fff; text-decoration: none; background: #20297b;}
#contactus li#contact a {color: #fff; text-decoration: none; background: #20297b;}
#navshipping li#navship a {color: #fff; text-decoration: none; background: #20297b;}

/*-------------- Here starts the image switcher styles ------------------*/

.switchnav {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 740px;
	height: 298px;
	background: #fff url(../images/main_img_1.jpg) no-repeat bottom;
	clear: both;
}
.switchnav ul {
	margin: 0;
	padding: 0;
	width: 740px;
	list-style: none;
	font-weight: bold;
	font-size: 5px;
}
.switchnav li {
	float: left;
	background: transparent;
}
.switchnav li a {
	width:246px;
	line-height: 40px;
	overflow: hidden;
	height: 40px;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.switchnav ul li a:hover {
	color: #fff;
	background: #000;
}
.switchnav li ul {
	position: absolute;
	background: #000;
	left: -5000px;
	top: 40px;
}
.switchnav li li {
	width: 740px;
}

.space {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
li#switchgrowth a:link, li#switchgrowth a:visited {
	background: url(../images/btn_main_growth.gif) no-repeat;
	text-indent: -5000px;
}
li#switchgrowth a:hover {
	background: url(../images/btn_main_growth_on.gif) no-repeat;
}
li#switchcareer a:link, li#switchcareer a:visited {
	background: url(../images/btn_main_career.gif) no-repeat;
	text-indent: -5000px;
}
li#switchcareer a:hover {
	background: url(../images/btn_main_career_on.gif) no-repeat;
}
li#switchnews a:link, li#switchnews a:visited {
	background: url(../images/btn_main_news.gif) no-repeat;
	text-indent: -5000px;
}
li#switchnews a:hover {
	background: url(../images/btn_main_news_on.gif) no-repeat;
}
li#switchgrowth:hover ul {
	left: auto;
	width: 740px;
	height: 258px;
}
li#switchcareer:hover ul {
	margin-left: -246px;
	left: auto;
	width: 740px;
	height: 258px;
}
li#switchnews:hover ul {
	margin-left: -494px;
	left: auto;
	width: 740px;
	height: 258px;
}

#mainpic {

	clear: both;
	width: 740px;
	background: transparent;
}

#mainpic h2 {
	font-size: 18px;
	color: #fff;
	padding: 186px 10px 0 266px;
	line-height: 1.2em;
}

#mainpic h2 a:link, #mainpic h2 a:visited {
	color: #fc0;
	text-decoration: none;
}

#mainpic h2 a:hover {
	color: #fff;
	text-decoration: underline;
	background: #000;
}

#mainbody {
	clear: both;
	width: 740px;
	padding: 15px 0;
}

#mainleft {
	float: left;
	width: 238px;
	margin: 0 28px 0 0;
}

#mainleft h4 {
	font-size: 18px;
}

#mainleft h4 a:link, #mainleft h4 a:visited {
	color: #ccc;
	text-decoration: none;
	background: #000;
	width: 233px;
	height: 35px;
	padding: 0 0 0 5px;
	display: block;
}

#mainleft h4 a:hover {
	color: #fc0;
	text-decoration: underline;
}

#mainleft p {
	font-size: 11px;
	padding: 5px 0 15px 5px;
	line-height: 1.4em;
}

#mainleft p a:link, #mainleft p a:visited {
	color: #1a226a;
	text-decoration: underline;
}

#mainleft p a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}

#mainright {
	float: left;
	width: 474px;
}

#mainright h3 {
	font-size: 18px;
}

#timeContainer {
	font-size: 18px;
	text-align: left;
	height: 35px;
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	letter-spacing: -1px;
	float: left;
	color: #cccccc;
	width: 474px;
}

#timeContainer a:link, a:visited {
	height: 35px;
	text-decoration: none;
	color: #cccccc;
}

#timeContainer a:hover {
	color: #fc0;
	text-decoration: underline;
}

#tLeft {
 	float: left;
 	width: 120px;
 	padding: 0px 0px 0px 5px;
 }

#tRight {
	float: right;
	width: 300px;
	text-align: right;
	padding: 0px 5px 0px 0px;
}

#mainright h3 a:link, #mainright h3 a:visited {
	color: #ccc;
	text-decoration: none;
	background: #000;
	width: 200px;
	height: 35px;
	padding: 0 0 0 5px;
	display: block;
}

#mainright h3 a:hover {
	color: #fc0;
	text-decoration: underline;
}



#mainright ul {
	font-size: 11px;
	list-style: none;
	color: #666;
	line-height: 1.4em;
}

#mainright li {
	padding: 5px 10px 10px 5px;
	border-bottom: 1px solid #ccc;
}

#mainright li a:link, #mainright li a:visited {
	color: #1a226a;
	text-decoration: underline;
}

#mainright li a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}

#highlight {
	clear: both;
	border-bottom: 5px solid #000;
	padding: 10px 0;
}

#highlight img {
	float: left;
	padding: 0 10px 0 0;
}

#highlight p {
	margin: 0 0 0 265px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1em;
}

#highlight p a:link, #highlight p a:visited {
	/*color: #c00;*/
	text-decoration: none;
}

#highlight p a:hover {
	color: #fc0;
	text-decoration: none;
	background: #000;
}

#shipping {
	clear: both;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
	padding: 15px 0;
}

.leftside {
	margin-right: 29px;
}

.shipinfo {
	float: left;
	width: 237px;
	text-align: left;
}

.shipinfo h5 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding: 0 0 0 5px;
}

.shipinfo p {
	font-size: 11px;
	padding: 0 15px 15px 5px;
	line-height: 1.4em;
}

.shipinfo img {
	text-align: left;
}

/* ----------------- INTERIOR PAGE STYLES ------------------- */

#title {
	clear: both;
	width: 740px;
	height: 80px;
	background: #e2e2e2;
}

#title img {
	float: left;
	padding-right: 28px;
}

#title h2 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
	margin: 0 10px 0 266px;
	padding: 10px 0 10px;
	border-bottom: 1px solid #fff;
}

#title p {
	font-size: 12px;
	font-weight: bold;
	color: #999;
	margin: 0 10px 0 266px;
	padding: 8px 0 8px 20px;
	background: transparent url(../images/subnav_bg.jpg) no-repeat left;
}

#title p a:link, #title p a:visited {
	color: #000;
	text-decoration: none;
}

#title p a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}

#inleft {
	float: left;
	width: 238px;
	margin: 0 28px 0 0;
}

#centerStuff {
	margin: 0px 0px 0px 30px;
	text-align: center;
}

#inleft h4 {
	font-size: 18px;
}

#inleft h4 a:link, #inleft h4 a:visited {
	color: #fff;
	text-decoration: none;
	background: #ccc;
	width: 233px;
	height: 35px;
	padding: 0 0 0 5px;
	display: block;
}

#inleft h4 a:hover {
	color: #000;
	text-decoration: underline;
}

#inleft p {
	font-size: 11px;
	padding: 5px 0 15px 5px;
	line-height: 1.4em;
}

#inleft p a:link, #inleft p a:visited {
	color: #1a226a;
	text-decoration: underline;
}

#inleft p a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}

#inleft ul {
	font-size: 12px;
	list-style: square;
	color: #333;
	padding: 0 0 15px;
	margin: 0 0 0 25px;
}

#inleft li {
	padding: 3px 10px 3px 0;
}

#inleft li a:link, #inleft li a:visited {
	color: #1a226a;
	text-decoration: underline;
}

#inleft li a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}

#inright {
	float: left;
	width: 474px;
}

#title h3 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding: 10px 10px 5px 0;
}
#title h4 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	padding: 20px 10px 5px 0;
}
#title h5 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding: 20px 10px 5px 0;
}

#inright h3 {
	font-size: 14px;
	font-weight: bold;
	color: #999;
	padding: 0 10px 5px 0;
}

#inright h3 a:link, #inright h3 a:visited {
		font-size: 14px;
		color: #1a226a;
		text-decoration: none;
}

#inright h3 a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}

#inright p {
	font-size: 12px;
	color: #333;
	padding: 10px 10px 5px 0;
	line-height: 1.4em;
}

#inright p a:link, #inright p a:visited {
	color: #1a226a;
	text-decoration: underline;
}

#inright p a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}




#inright td a:link, #inright td a:visited {
	color: #1a226a;
	text-decoration: underline;
}

#inright td a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}

#inright ul {
	font-size: 12px;
	list-style: square;
	color: #333;
	padding: 10px 0 15px;
	margin: 0 0 0 25px;
}

#inright li {
	padding: 3px 10px 3px 0;
}

#inright li a:link, #inright li a:visited {
	color: #1a226a;
	text-decoration: underline;
}

#inright li a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}

#inright dl {
	font-size: 12px;
	list-style: square;
	color: #333;
	padding: 10px 0 15px;
	margin: 0 0 0 0px;
}

#inright dt {
	font-weight: bold;
	margin: 15px 0 5px 0;
}

#inright dt a:link, #inright dt a:visited {
	color: #1a226a;
	text-decoration: underline;
}

#inright dt a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}


#inright dd {
	padding: 3px 10px 0px 20px;
}

#inright dd a:link, #inright dd a:visited {
	color: #1a226a;
	text-decoration: underline;
}

#inright li a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}

#inright h5 {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	padding: 0 10px 5px 0;
}

#inright h5 a:link, #inright h5 a:visited {
		font-size: 14px;
		color: #aaa;
		text-decoration:none;
}

#inright h5 a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}


#inright td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0 0 0;
	line-height: 1.5em;
	text-align:left;
}

img.floatright {
	float: right;
	padding: 10px 0 10px 10px;
}

/* ----------------- FOOTER STYLES ------------------- */

#footer {
	padding: 1px 0px 1px 0px;
	clear: both;
	width: 740px;
	background: #ccc;
}

#footer p {
	font-size: 11px;
	text-align: center;
	line-height: 1.0em;
}

#footer p a:link, #footer p a:visited {
	color: #333;
	text-decoration: none;
}

#footer p a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}

/* CONTACT FORM STYLES
----------------------------------------------------------------------------------- */

form, fieldset {
	margin: 0;
	padding: 0;
	}

fieldset { border: 1px solid #000; }

legend {
	padding: 0;
	color: #000;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 100%;
	font-family: inherit;
	}

select { padding: 0; }

/***********************************/

body {
	padding: 0 10px;
	font: normal 62.5% "Lucida Grande", Helvetica, Verdana, Arial;
	}

p { margin: 10px 0; }

.sr {
	position: absolute;
	left: -9999em;
	top: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

/***********************************/

form.cmxform fieldset { margin-bottom: 10px; }

form.cmxform legend {
	padding: 0 8px;
	font-weight: bold;
	}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	padding-left: 10px;
	}

form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
	}

form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
	}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
	}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
	font-size: 1.2em;
	padding-left: 10px;
	}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
	padding-left: 10px;
	}

form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

form.cmxform label { width: 120px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 123px; } /* Width plus 3 (html space) */

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

/***********************************/

form.cmxform {
	width: 440px;
	font-size: 1.1em;
	color: #333;
	}

form.cmxform legend { padding-left: 0; font-size: 1.5em;}

form.cmxform legend,
form.cmxform label { color: #333; }

form.cmxform fieldset {
	border: none;
	border-top: 1px solid #c9dca6;
	background: url(../images/cmxform-fieldset.jpg) left bottom repeat-x;
	}

form.cmxform fieldset fieldset { background: none; }

form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(../images/cmxform-divider.gif) left bottom repeat-x;
	}

form.cmxform label.padd {

}

/* IE5 Macintosh \*//*/

/**/

/* --------------------------------- Admin Styles ------------------------------------- */

.imgl {
	float:left;
	padding: 0 10px 5px 0;
}


/* ----------------- FLOAT CLEARING STYLES - IE7 COMPATIBLE --------------------------- */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */


#NewsDIV{
	background-color: #ffffff;
	width: 470px;
	text-align: left;
}

div.row{
	clear: both;
	height: 25px;
	font-size: 18px;
	text-align: left;
	padding-bottom: 15px;
}

.row a:link, .row a:visited {
	color: #1a226a;
	text-decoration: underline;
}

.row a:hover {
	color: #1a26a9;
	text-decoration: underline;
}

.col7{width:100px; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; }
.col8{float: right; width: 360px; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; padding-left: 10px; margin-top: -18px; }


#NewsDIVHome{
	background-color: #ffffff;
	width: 470px;
	text-align: left;
}

div.rowHome{
	clear: both;
	height: 15px;
	font-size: 18px;
	text-align: left;
	padding: 5px 10px 10px 5px;
	border-bottom: 1px solid #ccc;
}

.rowHome a:link, .rowHome a:visited {
	color: #1a226a;
	text-decoration: underline;
}

.rowHome a:hover {
	color: #1a226a;
	text-decoration: underline;
}

.col1{width:75px; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; }
.col2{float: right; width: 385px; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; padding-left: 10px; margin-top: -18px; }




#NewsDIVHomeX{
	background-color: #ffffff;
	width: 474px;
	text-align: left;
}

div.rowHomeX{
	clear: both;
	height: 28px;
	font-size: 18px;
	text-align: left;
	padding: 5px 10px 10px 5px;
	border-bottom: 1px solid #ccc;
}

.rowHomeX a:link, .rowHomeX a:visited {
	color: #1a226a;
	text-decoration: underline;
}

.rowHomeX a:hover {
	color: #fc0;
	text-decoration: underline;
	background: #000;
}

.col1X{width:100px; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px;}
.col2X{float: right; width: 374px; text-align: left; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; padding-left: 10px; }


.careerImg {
	float: left;
	padding: 0 10px 5px 0;
}

#careerBioRow {
	clear: both;
	padding: 15px 0;
	text-align: left;
}

.std_link {
	padding-top: 10px;
}

.std_link a:link, .std_link a:visited, .std_link a:active {
	color: #1a226a;
	text-decoration: underline;
	font-size: 12px;
	font-weight: normal;
}

.std_link a:hover {
	color: #ffcc00;
	text-decoration: underline;
	background: #000;
	font-size: 12px;
	font-weight: normal;
}



span.i1 {background-image: url(../images/main_img_1.jpg);}
span.i2 {background-image: url(../images/main_img_4.jpg);}
span.i3 {background-image: url(../images/main_img_5.jpg);}

span.hoverArea{background-repeat: no-repeat; }

/* needed for IE */
a:hover div {filter:none;}

/* show hoverarea on hover; define size of hover space*/
a:hover span.hoverArea {display:block; width:740px; height:298px; margin: 0 auto; padding: 0; }

/* I want the hover to be active in the entire space; z-index keeps this below text for other links */
a:hover span.hoverArea {display:block; position:absolute; top:40px; left:0px; z-index:1;}