/* 

DO NOT REMOVE THIS INFORMATION
=========================================
4over, Inc. Main Styles
=========================================
Panda 3.0 Color & Size Information

COLORS
-----
link dark red: #C22126
link hover gray blue: #5B697D
body/content headers gray blue: #5B697D
large page heads: #CCCCCC
small page heads: #666666

DIMENSIONS
-----
Total Container Width: 913px
Main Content Content Width: 570px
Sbox Content Width: 245px

=========================================
css grizz08 */

/* ------- body ------- */

body	{
 margin: 0;
 background: #f2f2f2 url('../images/layout/bg_repeat.gif') repeat-x;
 color: #566869; 
 font-size: 12px; 
 font-family: Trebuchet MS, Lucida Grande, Helvetica, sans-serif;
 line-height: 20px;
 padding: 0;
}

hr {
	width:400px;
	border: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	float:left;
}

p.blurb {
 font-family: Georgia;
 font-size: 15px;
 font-style: italic;
 line-height: 1.5;
}


/* ------- a ------- */

a {
 font-family: Trebuchet MS, Lucida Grande, Helvetica, sans-serif;
}

a:link  { 
 color: #c22126;
 text-decoration: none;
}

a:visited  { 
 color: #c22126;
 text-decoration: none;
}

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

a:hover  { 
 color: #5b697d;
 text-decoration: underline;
}


/* ------- input ------- */

input { color: #333; }
input.textField { background-color: #fff; font-size: 11px; }


/* ------- container ------- */

#container {
	width: 877px;
	margin: 0 auto;
}
 
/* ------- top area ------- */

#top_area {
	background: url(../images/layout/top_bg.png) no-repeat;
	_height: 134px;
	margin: 23px 0 0 0;
   _margin: 23px 0 0 0;
	width: 913px;
	height: 109px;
}
 
#toplogo {
 width: 146px;
 min-height: 108px;
 _height: 108px;
 float: left;
 margin: 0 0 0 1px;
 _margin: 0 0 0 0;
}

#toplogo img {
	behavior: url(iepngfix.htc);	
}

 /* ------- topmenu ------- */

#topmenu {
 width: 680px;
 height: 75px;
 margin: -31px 40px 0 0; 
 * margin: -30px 40px 0 0;
 _margin: -35px 10px 0 0;
 _height: 75px;
 padding: 0;
 display: block;
 text-align: left;
 float: right;
}


#topmenu ul {
 padding: 53px 0 0 0;
 _padding: 57px 0 0 0;
 margin: 0;
}

#topmenu ul li {
 width: 200px;
 display: inline;
 margin: 0;
}

#topmenu ul li a {
 font-size: 12px;
 margin: 0 5px 0 6px;
 padding: 6px 2px 2px 2px;
 _padding: 5px 2px 2px 2px;
 font-family: Lucida Grande, Trebuchet MS, Helvetica, sans-serif;
 color: #5b697d;
 font-weight: bold;
 text-decoration: none;
}

#go_1 a:hover {
 background: url('../images/layout/home_h.gif') no-repeat top;
}
 
#go_2 a:hover {
 background: url('../images/layout/about_h.gif') no-repeat top;
}

#go_3 a:hover {
 background: url('../images/layout/environ_h.gif') no-repeat top;
}

#go_4 a:hover {
 background: url('../images/layout/philan_h.gif') no-repeat top;
}

#go_5 a:hover {
 background: url('../images/layout/press_h.gif') no-repeat top;
}

#go_6 a:hover {
 background: url('../images/layout/media_h.gif') no-repeat top;
}

#go_7 a:hover {
 background: url('../images/layout/shows_h.gif') no-repeat top;
}


 /* ------- content ------- */
 
 #content {
 position: relative;
 z-index: 0;
 margin: 0;
 _margin: 0 0 0 0;
 background: url(../images/layout/content_bg.png) repeat-y;
 width: 913px;
 padding:1em 1em 5em;
}
 
 #main_content {
 	float: left;
 	margin: -41px 0 0 15px;
 	width: 570px;
 	min-height: 558px;
 	_height: 558px;
 }
 
 #main_content p.bbb {
 	font-size: 14px;
	font-weight: bold;
}

#main_content p.bbb a {
	font-size: 10px;
 	font-family: Lucida Grande, Trebuchet MS, Helvetica, sans-serif;
 	color: #eb1c17;
 	text-decoration: none;
}

#main_content p.bbb a:visited  { 
 color: #eb1c17;
 text-decoration: none;
}

#main_content p.bbb a:active  { 
 color: #eb1c17;
 text-decoration: underline;
}

#main_content p.bbb a:hover  { 
 color: #5b697d;
 text-decoration: underline;
}

#main_content img.border {
	background: #E8EFF3;
	border: none;
	padding: 5px;
}

/* ------------- headers --------------- */

#header_big {
	padding: 16px 0 11px 0;
	_padding: 60px 0 0 0;
	*padding: 55px 0 0 0;
	margin-top: 0;
	width:573px;
	height: 81px;
	_height: 42px;
	*height: 48px;
	position: absolute;
	border-bottom: 1px solid #ccc;
	z-index: 1;
}

#header_big h1 {
	font-family: Lucida Grande, Trebuchet MS, Helvetica, sans-serif;
	font-size: 65px;
	color: #f2f2f2;
}

#header_small {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: 1px;
	font-weight: bold;
	_font-weight: normal;
	margin: 66px 0 0 0;
	*margin: 60px 0 0 0;
	_margin: 63px 0 0 0;
	padding-bottom: 17px;
	font-size: 13px;
	color: #666666;	
	width:573px;
	height: 28px;
	_height: 18px;
	position: absolute;
	border: 0px solid #fff;
	border-bottom: 1px solid #ccc;
	z-index: 2;
}

#header_main {
	margin-top: 0;
	width:573px;
	height: 110px;
}

/* ----------- #sbox ---------------- */

#sbox {
 float: right;
 margin: 0 27px 0 0;
 _margin: 0 18px 0 0;
 width: 245px;
 min-height: 558px;
 _height: 558px;
}

#sbox h2 {
 font-size: 13px;
 margin: 0 0 0 5px;
}

#sbox_trade {
 width: 234px;
 min-height: 150px;
 _height: 150px;
 margin: 5px;
 padding-bottom: 10px;
}

#sbox_trade p.icon {
 float: left;
 background: url('../images/layout/memicon.gif') no-repeat top left;
 margin: 8px 0 0 7px;
 width: 50px;
 min-height: 53px;
 *height: 80px;
 _height: 80px;
}

#sbox_trade div.forms {
	_height: 80px;
	min-height: 85px;
	line-height: 20px;
	text-align: left;
	padding: 10px 20px 10px 20px;
	color: #555;
}

#sbox_trade div.forms FORM { 
	margin-top: 0px; 
}

#sbox_trade div.forms LABEL { 
	text-align: right; 
	display: block; 
	float: left; clear: 
	left; width: 57px; 
	margin-bottom: 3px; 
}

#sbox_trade div.forms INPUT.field { 
	border: 1px inset; 
	margin: 0; 
	padding: 1px; 
	margin-left: 5px; 
	width: 120px; 
	float: left;
	margin-bottom: 8px; 
	color: black !important; 
	font-size: 11px; 
}

#sbox_trade div.forms INPUT.button { 
	clear: both; 
	float: right; 
}

#sbox_trade a.graphic {
 background: url('../images/layout/tradegraphic.gif') no-repeat top left;
 font-size: 0px;
 color: #fff;
 height: 100px; 
 margin: 0 0 0 8px;
 padding: 0 220px 110px 0;
}

#sbox_support {
 width: 234px;
 min-height: 150px;
 _height: 150px;
 margin: 5px;
 padding-bottom: 3px;
}

#sbox_support p.icon {
 float: left;
 background: url('../images/layout/supicon_small.gif') no-repeat top left;
 margin: 8px 0 0 7px;
 width: 50px;
 min-height: 165px;
 _height: 160px;
 *height: 192px;
}

#sbox_support ul {
 padding: 0;
 margin: 10px 0 5px 0;
 list-style: none;
}

#sbox_support ul li {
 margin: 10px 0 0 2px;
}

#sbox_support ul li a {
 font-size: 12px;
 text-decoration: none;
}

#sbox_support ul li a:hover {
 text-decoration: underline;
}

#sbox_locations {
 width: 234px;
 min-height: 610px;
 _height: 660px;
 *height: 660px;
 margin: 5px;
}

#sbox_locations p.icon {
 float: left;
 background:url(../images/layout/factory.gif) no-repeat top left;
 margin: 8px 13px 0 0;
 width: 55px;
 min-height: 160px;
 _height: 160px;
}

#sbox_testim {
 width: 234px;
 margin: 5px;
 background: url('../images/layout/tesicon_small.gif') no-repeat top left;
}

#sbox_testim p.icon {
 float: left;
 background: url('../images/layout/tesicon_small.gif') no-repeat top left;
 margin: 10px 0 0 7px;
 width: 45px;
 min-height: 150px;
 _height: 150px;
}

#sbox_testim p.blurb {
 font-family: Georgia;
 font-size: 13px;
 font-style: italic;
 line-height: 1.5;
 margin: 0 0 0 53px;
}

#sbox_testim p.author {
 font-size: 11px;
 font-weight: bold;
 margin: 10px 0 0 55px;
}

#sbox_related {
 width: 234px;
 min-height: 90px;
 _height: 90px;
 margin: 5px;
 padding-bottom: 3px;
}

#sbox_related p.icon {
 float: left;
 background: url('../images/layout/about_icon.gif') no-repeat top left;
 margin: 8px 0 0 7px;
 width: 50px;
 min-height: 70px;
 _height: 70px;
}

#sbox_related ul {
 padding: 0;
 margin: 10px 0 5px 0;
 list-style: none;
}

#sbox_related ul li {
 margin: 10px 0 0 2px;
}

#sbox_related ul li a {
 font-size: 12px;
 text-decoration: none;
}

#sbox_related ul li a:hover {
 text-decoration: underline;
}

#sbox_philan {
 width: 234px;
 min-height: 132px;
 _height: 132px;
 margin: 5px;
 padding-bottom: 3px;
}

#sbox_philan p.icon {
 float: left;
 background: url('../images/layout/ribbon_icon.gif') no-repeat top left;
 margin: 8px 0 0 7px;
 width: 50px;
 min-height: 200px;
 _height: 210px;
 *height: 210px;
}

#sbox_philan ul {
 padding: 0;
 margin: 10px 0 5px 0;
 list-style: none;
}

#sbox_philan ul li {
 margin: 10px 0 0 2px;
}

#sbox_philan ul li a {
 font-size: 12px;
 text-decoration: none;
}

#sbox_philan ul li a:hover {
 text-decoration: underline;
}

#sbox_shows {
 width: 234px;
 min-height: 142px;
 _height: 142px;
 margin: 5px;
 padding-bottom: 3px;
}

#sbox_shows p.icon {
 float: left;
 background: url('../images/layout/show_icon.gif') no-repeat top left;
 margin: 8px 0 0 7px;
 width: 50px;
 min-height: 180px;
 _height: 180px;
}

#sbox_shows ul {
 padding: 0;
 margin: 10px 0 5px 0;
 list-style: none;
}

#sbox_shows ul li {
 margin: 10px 0 0 2px;
}

#sbox_shows ul li a {
 font-size: 12px;
 text-decoration: none;
}

#sbox_shows ul li a:hover {
 text-decoration: underline;
}

#clear {
	clear: both;
}




.comp-msg-01 {
	width: 99%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}







/* ------- Collapsible Accordion Styles -----*/

.CollapsiblePanel {
	float: right;
	margin: 0px;
	padding: 0px;
}

.CollapsiblePanel2 {
	float: right;
	margin: 0px;
	padding: 0px;
}

.CollapsiblePanelTab {
	background-image: url(../images/layout/sbox_head.png);
	background-repeat: no-repeat;
	width: 245px;
	height: 23px;
	font-family: Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 2px 0 0 8px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	outline: none;
}

.CollapsiblePanelTab2 {
	background-image: url(../images/layout/sbox_head.png);
	background-repeat: no-repeat;
	width: 245px;
	height: 23px;
	font-family: Lucida Grande, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	margin: 0px;
	padding: 2px 0 0 8px;
	cursor: default;
	-moz-user-select: none;
	-khtml-user-select: none;
	outline: none;
}

.CollapsiblePanelContent {
	margin: 0px;
	padding:0px;
	width: 245px;
}

.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background: url(../images/layout/right_hover.png) no-repeat;
	color: #566869;
}

/*.CollapsiblePanelOpen .CollapsiblePanelTab {
	background: url(../images/layout/right_hover.png) no-repeat;
	color: #999999;
}*/

#right_bottom {
	width: 248px;
	height: 37px;
	background: url(../images/layout/sbox_bot.png);
	background-repeat: no-repeat;
}

/* ------- footer ------- */

#footer {
	background: url(../images/layout/foot_repeat.gif) repeat-x;
	background-color:  #f2f2f2;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	_font-size: 10px;
	*font-size: 10px;
	width: 100%;
	height: 71px;
	color: #929191;
}

#foot_info {
	width: 926px;
	height: 50px;
   	margin: 0 auto;
   	padding-top: 10px;
	color: #929191;
}

#foot_info ul {
	color: #929191;
}

#foot_info ul li {
	display: inline;
	padding: 0 10px 0 10px;
	color: #929191;
}

#foot_info ul li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #929191;
	text-decoration: underline;
	border: none;
}

#foot_info ul li a:hover {
	color: #CC3333;
	text-decoration: underline;
	border: none;
}	

/* ------- bottom ------- */

#bottom_content {
	margin: 0 auto;
 	margin-top: 10px;
 	margin-bottom: 10px;
 	width: 877px;
}

#bottom_logos {
	width: 363px;
	margin: -17px 0 0 0;
	*margin: -10px 0 0 0;
	_margin: -5px 0 0 0;
	float: left;
}

.bot_style {
	font-size: 10px;
	border-bottom: 1px solid #666666;
}

#bottom_logos ul {
 padding: 0 0 0 0;
 margin: 0;
 *margin: 10px 0 0 0;
}

#bottom_logos ul li {
 width: 200px;
 display: inline;
 padding: 0 15px 0 0;
 margin: 0;
}

#g7_seal {
	width: 80px;
	height: 80px;
	float: right;
	
}