html {
	height: 100%;
	padding-bottom: 0.1%;
}
html, body{
	font: .9em Arial, Arial, Helvetica, sans-serif;
	color: #000;
margin: 0px 0px 0px;
padding: 0;
} 


}
body#normal {background: #FFF;}


h1,h2,h3,h4,h5,h6 {padding: 5px 0px 5px 0px; margin-bottom:5px;}
h1,.contentheading {font: normal 2.5em Arial, Verdana,sans-serif; color: #ccc; line-height: 24px; padding-bottom: 0px;}
h2 {font: bold 2em Arial, sans-serif; letter-spacing: -1px; line-height: 18px; color: #111;}
h3 {font: normal 1.8em Arial, sans-serif; line-height: 20px; border-bottom:1px solid #333;}
h4 {font: bold 1.1em Arial, sans-serif; line-height: 14px;}
h5 {font: bold 1.2em Arial, sans-serif; line-height: 13px; color: #cc0000;}
h6 {font: bold Arial, sans-serif; line-height: 12px; color: #000000;}

td{font-size: 1em;}
th{font-size: 1em;}

a {color: #666; text-decoration: none;}
a:hover {color: #333; text-decoration: none;}
a.image, a.image:hover  {border:0;}
a.mainlevel {font: normal 1.2em sans-serif; line-height: 20px; background-color: #fff; padding:10px; display:block; border-bottom:1px solid #D3D3D3; }
a.mainlevel:hover  {background-color:#fff; text-decoration:none; border-bottom:1px solid #333;}
li{list-style: none;line-height: normal;}
#main ul {clear: both; padding: 6px 20px 12px;}



#head {
	border-top: 0px solid #fff;
	color:#504748;
	padding: 0px 0px;

}
#head .center {padding: 0;}
#head .left {font: normal 4.5em Arial, sans-serif; padding-left: 1px; line-height: 50px;}
#head .right {width: 300px;}
#head .search {margin:0px; 0px; z-index:0; }
#head form {float: right; padding: 0px; margin:0px ;}

.topMenu {
	clear: both;
	background-image:url(http://www.rude66.com/content/images/template/black-grad.gif);
	background-repeat: repeat-x;
	color: #FFF;
	border-top:0px solid #FFF;
	text-align:center;
	height: 18px;
    padding: 0px;
    margin-bottom:-2px;
    margin-top:0px;
    white-space: nowrap;
 
}

.weather {

margin-bottom:20px;
    margin-top:0px;

 
}

.topMenu2 {
	clear: both;
	background-image:url(http://www.rude66.com/content/images/template/black-grad.gif);
	background-repeat: repeat-x;
	color: #FFF;
	border-top:0px solid #FFF;
	text-align:center;
	height: 24px;
    padding: 0px; margin-bottom:0px ; margin-top:-20px ;
    white-space: nowrap;
 
}
.topMenu ul {	width: 100%; margin: 0px;}
.topMenu li {float: left; margin-left: 0px;margin-top: 0px;}
.topMenu a {color: #fff; font-size: 14px;  Arial, sans-serif; text-decoration: none; font-weight:bold; } 

/* newsflash */
#newsflash {
	background: #000 repeat-x;
	background-image:url(http://www.rude66.com/content/images/template/black-grad.gif);
	background-repeat: repeat-x;
	color: #FFF;
	border-top:1px solid #FFF;
	text-align:center;	
}


#main {background: #FFF url(http://www.rude66.com/content/images/template/main.jpg) repeat-x; padding: 5px; 0;line-height: 25px; z-index: 1; }
.mid li,.mainright li,.mainleft li {list-style: disc;}
#main p {padding: 3px 0 4px;}

.componentheading {
	font: normal 2.2em Arial,sans-serif;
	padding-bottom: 6px;
}
.sectiontableentry1,.sectiontableentry2 {padding: 2px 0;}

table.contentpaneopen {margin-right: 16px;}

.mosimage_caption {font-style: italic;}

.contenttoc {
	padding: 10px;
	text-align: left;
}
.contentpaneopen img {
	border: 0px solid #CCC;
	margin: 10px;
	padding:3px;
	background:#FFF;
}
.buttonheading img {border: none; margin: 0;}

#footer {
	background: #FFF url(http://www.rude66.com/content/images/template/main.jpg) repeat-x;
	color: #333;
	text-align:center;
	padding:20px;
}
#footer a {color: #333;}


.left form {padding-bottom: 10px;}
form a {display: inline;}


.center {width: 960px; margin: 0 auto; padding: 12px 0; white-space: nowrap;}
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right; padding-left:10px;line-height: normal;}
.pollstableborder td { padding-bottom: 15px; }
.small {color: #333;}
.createdate {padding-bottom: 6px; color: #999;}

input {
	border: 2px solid #ccc;
	background-image:url(http://www.rude66.com/content/images/template/main.jpg);
	background-repeat:repeat-x;
	padding: 2px;
}
input.radio {
	border: 0px solid #ccc;
	background-image:url(http://www.rude66.com/content/images/template/);
	background-repeat:repeat-x;

	padding: 6px;
}

.col2 .mainleft,.col2 .mainright {width: 78%; float: left; border-right: 1px dotted #CCC;line-height: normal;}
.col2 .mainright {float: right;}


.col3 .left,.col3 .right,.col2 .left,.col2 .right {width: 20%;}
.col3 .mid {float: left; width: 54%; margin: 0 2%;}





.seperatorstyle 
{
	background-color: #ffffff;
}

.onepxtable
{
border: 1px solid <?php echo $b2b_seperator_color; ?>;
}
.sidepanelstyle
{
	border-top: thin none;
	border-right: 1px solid <?php echo $b2b_seperator_color; ?>;
	border-bottom: thin none;
	border-left: thin none;


}
a.menulinktop {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;

}
a.menulink {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: #ffffff;
	background-color: #b60716;
}
a.menulink2 {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: 14px;
	color: #504748;
	background-color: #fff;
}
a.menusearch {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: #ffffff;

}

a.titlelink {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: <?php echo $b2b_sidetitle_fontcolor; ?>;
/*	background-color: <?php echo $b2b_title_bg; ?>;*/
	text-decoration: Underline;
}
a.bottomlink {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: 11px<?php // echo $b2b_normal_fontsize; ?>;
	color: <?php echo $b2b_sidetitle_fontcolor; ?>;
/*	background-color: <?php echo $b2b_title_bg; ?>;
	text-decoration: Underline;*/
}

.titlestyle {
	font-family: <?php echo $b2b_normal_fontstyle;?>;
	line-height: 20px;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: <?php echo $b2b_title_fontcolor; ?>;
	background-color: #504748;
}
.titlestyle2 {
	font-family: <?php echo $b2b_normal_fontstyle;?>;
	line-height: 20px;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: #5c5c8d;
	background-color: #f9f4f4;
}
.titlestyle3 {
	font-family: <?php echo $b2b_normal_fontstyle;?>;
	line-height: 20px;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: #5c5c8d;
	background-color: #ffffff;
}
.selllink {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: 14px;
	color: #cc0000;
}
.contact {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: 12px;
	color: #cc0000;
}

.bottomtitle {
	font-family: <?php echo $b2b_normal_fontstyle;?>;
	line-height: 15px;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: <?php echo $b2b_title_fontcolor; ?>;
	background-color: #cc0000;
}
.activetab {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	line-height: 25px;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: <?php echo $b2b_sidetitle_fontcolor; ?>;
	background-color: <?php echo $b2b_sidetitle_bg; ?>;
	border-top: 1px solid <?php echo $b2b_sidetitle_bg; ?>;
	border-right: 1px solid <?php echo $b2b_sidetitle_bg; ?>;
	border-bottom: thin none;
	border-left: 1px solid <?php echo $b2b_sidetitle_bg; ?>;
}
.inactivetab
{
	font-family: <?php echo $b2b_normal_fontstyle;?>;
	line-height: 20px;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: <?php echo $b2b_normal_fontcolor; ?>;
	background-color: <?php echo $b2b_subtitle_bg; ?>;
	border-top: 1px solid <?php echo $b2b_seperator_color; ?>;
	border-right: 1px solid <?php echo $b2b_seperator_color; ?>;
	border-bottom: thin none;
	border-left: 1px solid <?php echo $b2b_seperator_color; ?>;
}

.sidetitle {
	/*background-image: url(images/menu_bg.gif);
	background-repeat: repeat-x;*/
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	line-height: 25px;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: <?php echo $b2b_sidetitle_fontcolor;//"#FFFFFF"; ?>;
	background-color: <?php echo $b2b_sidetitle_bg; ?>;
}
.bottomstyle {
	/*background-image: url(images/menu_bg.gif);
	background-repeat: repeat-x;*/
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: <?php echo $b2b_sidetitle_fontcolor;//"#FFFFFF"; ?>;
	background-color: <?php echo $b2b_sidetitle_bg; ?>;
}

.subtitle {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	line-height: 20px;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: <?php echo $b2b_normal_fontcolor; ?>;
	background-color: <?php echo $b2b_subtitle_bg; ?>;
}

.subtitle2 {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	line-height: 20px;
	font-weight: bold;
	font-size: 16px;
	color: <?php echo $b2b_normal_fontcolor; ?>;
	background-color: #cc0000;
}
.alternatecolor {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	line-height: 20px;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: <?php echo $b2b_normal_fontcolor; ?>;
	background-color: <?php echo $b2b_subtitle_bg; ?>;


}
.maintablestyle {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: normal;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: #000000;
	background-color: <?php echo $b2b_section_bg; ?>;
}
.maintablestyle2 {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: 12px;
	color: #6e6e6e;
	background-image: url(http://www.rude66.com/content/images/template/);
	background-repeat: no-repeat;
}
.innertablestyle {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: normal;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: <?php echo $b2b_normal_fontcolor; ?>;
	background-color: #ffffff;
}
.errorstyle {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: normal;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: #990000 <?php // echo $b2b_normal_fontcolor; ?>;
	background-color: <?php echo $b2b_inner_table_bg; ?>;
	border: 1px solid #ff0000 <?php // echo $b2b_seperator_color; ?>;
}
.msgstyle {
	font-family: <?php echo $b2b_normal_fontstyle;?>;
	font-weight: normal;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color:  <?php echo $b2b_normal_fontcolor; ?>;
	background-color: <?php echo $b2b_inner_table_bg; ?>;
	border: 1px solid  <?php  echo $b2b_seperator_color; ?>;
	/*border: 1px double #ff0000;*/
}

font.normal {
	font-family:  <?php echo $b2b_normal_fontstyle; ?>;
	color: <?php echo $b2b_normal_fontcolor; ?>;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
}

font.normal2 {
	font-family:  <?php echo $b2b_normal_fontstyle; ?>;
	color: <?php echo $b2b_normal_fontcolor; ?>;
	font-size: 14px;
}

font.red{
	font-family:  <?php echo $b2b_normal_fontstyle; ?>;
	color: #990000;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
}

font.smalltext {
	font-family:  <?php echo $b2b_normal_fontstyle; ?>;
	color: <?php echo $b2b_normal_fontcolor; ?>;
	font-size: 11px;

}

font.extrasmalltext {
	font-family:  <?php echo $b2b_normal_fontstyle; ?>;
	color: <?php echo $b2b_normal_fontcolor; ?>;
	font-size: 1px;


}
.cssbutton {
	background: #fff;
	padding: 1px;
	font-family: Geneva, Vera, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-variant : small-caps;
	border : 1px solid #cc0000;
}

.menu1 {
background-color: #cc0000;
position: absolute;
left: 0px;
width: 160px;  
top: 278px;
align: left;
  
}

.menu2 {
position: absolute;
top: 775px;
left: 0px;
width: 160px;
background-color: #5c5c8d;
align: left;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold;
color: #ffffff; 

}

.my_img {
	max-width: 700px;
	/* Resize the image for IE6 */
	width: expression(this.width > 700 ? 700: true);
}
.BUTTON {
width: 34px;
background: #504748;
	line-height: 14px;
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
font-weight: bold;
color: #ffffff; 
}

.h2 {
font-family: Arial, Helvetica, sans-serif; 
	line-height: 20px;
font-size: 14px; 
font-weight: bold; 
color: #ffffff; 
background-color: #504748;

}

.fronth2 {
font-family: Arial, Helvetica, sans-serif; 
	line-height: 20px;
font-size: 14px; 
font-weight: bold; 
color: #ffffff; 
background-color: #504748;

}
a.selllink {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: 18px;
	color: #cc0000;

}
a.sellnumber {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: 18px;
	color: #cac8c9;

}
.viewtitle {
font-family: Arial, Helvetica, sans-serif; 
font-size: 20px; 
font-weight: bold; 
color: #ffffff; 
background-color: #504748;

}
.h3 { 
font-family: Arial, Helvetica, sans-serif; 
line-height: 20px;
font-size: 16px; 
font-weight: bold; 
color: #6e6e6e; 
}

.h4 {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: 14px;
color: #5c5c8d; 

}
.contact {
	font-family: <?php echo $b2b_normal_fontstyle; ?>;
	font-weight: bold;
	font-size: 12px;
	color: #cc0000;
}

.contacttitlestyle {
	font-family: <?php echo $b2b_normal_fontstyle;?>;
	line-height: 20px;
	font-weight: bold;
	font-size: <?php echo $b2b_normal_fontsize; ?>;
	color: <?php echo $b2b_title_fontcolor; ?>;
	background-color: #504748;

}
a.contactlink  {
	text-decoration: bold;
	color: #ffffff;
	}
a.contactlink a:visited {
	text-decoration: bold;
	color: #ffffff;
	}
a.contactlink a:hover {
	text-decoration: bold;
	color: #ffffff;
	background-color: #FFFFFF;
	}
a.contactlink a:active {
	text-decoration: bold;
	color: #ffffff;
	}
.footer {

	background: #FFF url(../images/main.jpg) repeat-x;

	color: #333;

	text-align:center;

	padding:20px;

}

.footer {

	background: #FFF url(../images/main.jpg) repeat-x;

	color: #333;

	text-align:center;

	padding:20px;

}

.footer a {color: #333;}



.visibleDiv, #topLeft, #bottomLeft, #bottomRight
{
    position: fixed;
    width: 160px;
    border: solid 1px #cc0000;
    vertical-align: middle;
    background: #ffffff;
    align: center;
    text-align: center;
    padding:2px;
     
}
#bottomLeft
{
    bottom: 10px;
    right: 10px;
}
.clear { clear: both; }

#wrapper {
	text-align: left;
	width: 960px;
	margin: 15px 0px auto;
}

#mainNav {
	width: 918px;
	height: 20px;
	padding: 6px;
	margin: 2px 0 10px 0;
	background: url(/styleadmin/img/top-menu-bg.gif) no-repeat left top; 
	/* We used a background image making the thick border and the thin one to keep the html structure simple */
}

#mainNav li {
	float: left;
	height: 20px;
	border-right: 1px solid #ddd;
}

#mainNav li a {
	display: block;
	float: left;
	height: 20px;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	color: #eee;
	padding: 0 20px;
}

#mainNav li.logout {
	float: right;
	border-left: 1px solid #ddd;
	border-right: none;
}

#mainNav li a:hover { background: #fdfcf6; }

#mainNav li a.active, #mainNav li a.active {
	background: #f0f0f0 url(/styleadmin/img/top-menu-item-bg.gif) repeat-x left top;
	color: #454545;
}

/* Sidebar ---------------------------------------- */

#sidebar {
	width: 179px;
	float: left;
	margin: 0px 0 10px 0;
}

#sidebar .sideNav { width: 179px;
position: absolute; #top: 26%; display: table-cell; vertical-align: top;

 }

#sidebar .sideNav li { border-top: 1px solid #ddd; width: 179px; }

#sidebar .sideNav li a {
	display: block;
	color: #ffffff;
	font-size: 15px;
	background: #504748;
	text-decoration: bold;
	height: 29px;
	line-height: 29px;
	padding: 0 6px;
	width: 179px;
}

#sidebar .sideNav li a:hover { background: #eee; }

#sidebar .sideNav li a.active, #sidebar .sideNav li a.active:hover {
	background: #504748;
	color: #c66653;
}
