@charset "utf-8";
/* CSS Document */
ul{
list-style-type:none;

}

li{
list-style-type:none;
}
body {
font-family: "Trebuchet MS","Myriad Pro", Calibri, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	margin: 0px;
}

 #blackcontainer { 
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 100%;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000;
height:20px;

} 

 #container { 
  height: 1%;
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 960px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0px;
	border-left: 1px dashed #000000;
		border-right: 1px dashed #000000;
			border-bottom: 1px dashed #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 



/* header section start */
 #header { 
 margin:0px;
	height: 94px; /* if you're changing the source order of the columns, you'll may want to use a height on the header so that you can give the columns a predictable top value */
	
} 
 #header ul {
 list-style:none;
 margin:0px 0px 0px 20px;
 padding:0px
	
}
 #header ul li {
 display:inline;
	
}
 #header .logo{
	background:url(../images/logo.jpg) no-repeat;
	width:110px;
	height: 70px;
	display:block;
	margin:0px 10px 0px 0px;
	background-repeat:no-repeat;
	position:absolute;
	top: 10px;
}
 #header .textmain{
	position:absolute;
	font-size:14px;
	height: 70px;
	width:300px;
	display:block;
	margin:11px 10px 10px 120px;
	left: 41px;
	top: 1px;
}
 #header .banner{
	position:absolute;
	width:440px;
	margin:0px 0px 0px 470px;
	left: 42px;
	top: 0px;
	overflow:hidden;

}

#container #bar {
	text-align: left;
	height:110px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
} 

/* header section end */




/* navigation section  */

#bar #navigation{
width:724px;
height:55px;

		border-bottom: 1px dashed #000000;
}

#bar #mainnavcontainer{

width:724px;
float:left;
height:55px;
margin-left:20px;
text-align:left;
display:inline;

}


/* login section  */

#bar #loginbox{
position:absolute;
margin:0px 0px 0px 0px;
	width:235px;
	background-color:#005591;
	top:93px;
	left:725px;
	height: 115px;
}

#bar #loginbox ul{
padding:0px;
margin:0px;

}
#bar #loginbox ul li{
padding:0px;
margin:0px;

}


.joinnow a{ 
padding:0px;
background:url(../images/join_now.gif) no-repeat;
width:114px;
height:43px;
display:block;
margin:2px 0px 0px 5px;
}

.joinnow a:hover{ 
background:url(../images/join_now_hover.gif) no-repeat;

}


.login a{ 
padding:0px;
background:url(../images/login.gif) no-repeat;
width:114px;
height:32px;
display:block;
margin:10px 0px 0px 5px;
}

.login a:hover{ 
padding:0px;
background:url(../images/login_hover.gif) no-repeat;
width:114px;
height:32px;
display:block;
margin:10px 0px 0px 5px;
}


.forgot a{ 
padding:0px;
margin:9px 0px 0px 8px;
font-size:11px;
color:#FFFFFF;
}

.forgot a:hover{ 
color:#eecf0a;
}


/* Client logos section  */

#clientlogos{
position:absolute; margin:0px 0px 0px 460px;border-left: 1px dashed #000000; padding:0px 0px 0px 10px; height:55px;
}

#navigation ul{
list-style-type:none;
}

#navigation ul li{
list-style-type:none;
}



/* rollver nav section  top panel */

#bar #navigation #navlist{position:relative; margin:0px; padding:0px;}
#bar #navigation #navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0px;}
#bar #navigation #navlist li, #navlist a{height:55px; display:block;}

#bar #navigation #one{
	left:11px;
	width:65px;
}
#bar #navigation #one{background:url('../images/nav_sprite.jpg') -5px 0;}
#bar #navigation #one a:hover{background: url('../images/nav_sprite.jpg') no-repeat -5px -65px; height:55px;}
.actone a.current{background: url('../images/nav_sprite.jpg') no-repeat -5px -65px; height:60px;}

#bar #navigation #two{left:80px;width:55px;}
#bar #navigation #two{background:url('../images/nav_sprite.jpg')  -89px 0px;}
#bar #navigation #two a:hover{background: url('../images/nav_sprite.jpg') no-repeat -89px -65px; height:60px;}
.acttwo a.current{background: url('../images/nav_sprite.jpg') no-repeat -89px -65px; height:60px;}

#bar #navigation #three{left:135px;width:60px;}
#bar #navigation #three{background:url('../images/nav_sprite.jpg')  -148px 0px;}
#bar #navigation #three a:hover{background: url('../images/nav_sprite.jpg') no-repeat -148px -65px; height:60px;}
.actthree a.current{background: url('../images/nav_sprite.jpg') no-repeat -148px -65px; height:60px;}


#bar #navigation #four{left:200px;width:55px;}
#bar #navigation #four{background:url('../images/nav_sprite.jpg')  -210px 0px;}
#bar #navigation #four a:hover{background: url('../images/nav_sprite.jpg') no-repeat -210px -65px; height:60px;}
.actfour a.current{background: url('../images/nav_sprite.jpg') no-repeat -210px -65px; height:60px;}

#bar #navigation #five{left:255px;width:74px;}
#bar #navigation #five{background:url('../images/nav_sprite.jpg')  -266px 0px;}
#bar #navigation #five a:hover{background: url('../images/nav_sprite.jpg') no-repeat -266px -65px; height:60px;}
.actfive a.current{background: url('../images/nav_sprite.jpg') no-repeat -266px -65px; height:60px;}


#bar #navigation #six{left:325px;width:45px;}
#bar #navigation #six{background:url('../images/nav_sprite.jpg') -338px 0px;}
#bar #navigation #six a:hover{background: url('../images/nav_sprite.jpg') no-repeat -338px -65px; height:60px;}
.actsix a.current{background: url('../images/nav_sprite.jpg') no-repeat -338px -65px; height:60px;}



#bar #navigation #seven{left:375px;width:50px;}
#bar #navigation #seven{background:url('../images/nav_sprite.jpg')  -395px 0px;}
#bar #navigation #seven a:hover{background: url('../images/nav_sprite.jpg') no-repeat -395px -65px; height:60px;}
.actseven a.current{background: url('../images/nav_sprite.jpg') no-repeat -395px -65px; height:60px;}



/* rollver nav section  bottom panel Xconect */

#sc2 ul{
 border-left:#000000 dashed 1px;
background-color:#e7e7e7;
list-style-type:none;
}

#sc2 ul li{
background-color:#e7e7e7;
list-style-type:none;
}


#sc2 #navlist{position:relative; margin:0px; padding:0px;

}
#sc2 #navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0px; }
#sc2 #navlist li, #navlist a{height:56px;display:block; }

#sc2 #one{

	left:59px;
	width:48px;
}
#sc2 #one{background:url('../images/img_Sprite2.jpg') 1px 0;}
#sc2 #one a:hover{background: url('../images/img_Sprite2.jpg') no-repeat 1px -65px; height:59px;}

#sc2 #two{
	left:105px;
	width:60px;
}
#sc2 #two{background:url('../images/img_Sprite2.jpg') -55px 0;}
#sc2 #two a:hover{background: url('../images/img_Sprite2.jpg') no-repeat -55px -65px; height:59px;}

#sc2 #three{
	left:157px;
	width:54px;
}
#sc2 #three{background:url('../images/img_Sprite2.jpg') -115px 0;}
#sc2 #three a:hover{background: url('../images/img_Sprite2.jpg') no-repeat -115px -65px; height:59px;}

#sc2 #four{
	left:209px;
	width:70px;
}
#sc2 #four{background:url('../images/img_Sprite2.jpg') -175px 0;}
#sc2 #four a:hover{background: url('../images/img_Sprite2.jpg') no-repeat -175px -65px; height:59px;}

#sc2 #five{
	left:275px;
	width:40px;
}
#sc2 #five{background:url('../images/img_Sprite2.jpg') -250px 0;}
#sc2 #five a:hover{background: url('../images/img_Sprite2.jpg') no-repeat -250px -65px; height:59px;}




/* rollver nav section  bottom panel Road Trips */
#sc3 ul{
 border-left:#000000 dashed 1px;
background-color:#e7e7e7;
list-style-type:none;
}

#sc3 ul li{
background-color:#e7e7e7;
list-style-type:none;
}


#sc3 #navlist{position:relative; margin:0px; padding:0px;

}
#sc3 #navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0px; }
#sc3 #navlist li, #navlist a{height:56px;display:block; }

#sc3 #one{
	left:114px;
	width:48px;
}
#sc3 #one{background:url('../images/road_trips.jpg') -2px 0;}
#sc3 #one a:hover{background: url('../images/road_trips.jpg') no-repeat -2px -65px; height:59px;}


#sc3 #two{
	left:162px;
	width:44px;
}
#sc3 #two{background:url('../images/road_trips.jpg') -55px 0;}
#sc3 #two a:hover{background: url('../images/road_trips.jpg') no-repeat -55px -65px; height:59px;}

#sc3 #three{
	left:206px;
	width:48px;
}
#sc3 #three{background:url('../images/road_trips.jpg') -100px 0;}
#sc3 #three a:hover{background: url('../images/road_trips.jpg') no-repeat -100px -65px; height:59px;}

#sc3 #four{
	left:254px;
	width:48px;
}
#sc3 #four{background:url('../images/road_trips.jpg') -151px 0;}
#sc3 #four a:hover{background: url('../images/road_trips.jpg') no-repeat -151px -65px; height:59px;}

#sc3 #five{
	left:302px;
	width:48px;
}
#sc3 #five{background:url('../images/road_trips.jpg') -199px 0;}
#sc3 #five a:hover{background: url('../images/road_trips.jpg') no-repeat -199px -65px; height:59px;}

#sc3 #six{
	left:350px;
	width:48px;
}
#sc3 #six{background:url('../images/road_trips.jpg') -249px 0;}
#sc3 #six a:hover{background: url('../images/road_trips.jpg') no-repeat -249px -65px; height:59px;}

#sc3 #seven{
	left:398px;
	width:48px;
}
#sc3 #seven{background:url('../images/road_trips.jpg') -300px 0;}
#sc3 #seven a:hover{background: url('../images/road_trips.jpg') no-repeat -300px -65px; height:59px;}


#sc3 #eight{
	left:446px;
	width:48px;
}
#sc3 #eight{background:url('../images/road_trips.jpg') -351px 0;}
#sc3 #eight a:hover{background: url('../images/road_trips.jpg') no-repeat -351px -65px; height:59px;}

#sc3 #nine{
	left:492px;
	width:48px;
}
#sc3 #nine{background:url('../images/road_trips.jpg') -401px 0;}
#sc3 #nine a:hover{background: url('../images/road_trips.jpg') no-repeat -401px -65px; height:59px;}


/* rollver nav section  bottom panel Best of X */
#sc4 ul{
 border-left:#000000 dashed 1px;
background-color:#e7e7e7;
list-style-type:none;
}

#sc4 ul li{
background-color:#e7e7e7;
list-style-type:none;
}


#sc4 #navlist{position:relative; margin:0px; padding:0px;

}
#sc4 #navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0px; }
#sc4 #navlist li, #navlist a{height:56px;display:block; }

#sc4 #one{
	left:179px;
	width:56px;
}
#sc4 #one{background:url('../images/bestofx.jpg') -2px 0;}
#sc4 #one a:hover{background: url('../images/bestofx.jpg') no-repeat -2px -65px; height:59px;}


/* rollver nav section  bottom panel X Reviews */
#sc5 ul{
 border-left:#000000 dashed 1px;
background-color:#e7e7e7;
list-style-type:none;
}

#sc5 ul li{
background-color:#e7e7e7;
list-style-type:none;
}


#sc5 #navlist{position:relative; margin:0px; padding:0px;

}
#sc5 #navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0px; }
#sc5 #navlist li, #navlist a{height:56px;display:block; }

#sc5 #one{
	left:234px;
	width:56px;
}
#sc5 #one{background:url('../images/xreviews.jpg') 3px 0;}
#sc5 #one a:hover{background: url('../images/xreviews.jpg') no-repeat 3px -65px; height:59px;}

#sc5 #two{
	left:284px;
	width:56px;
}
#sc5 #two{background:url('../images/xreviews.jpg') -60px 0;}
#sc5 #two a:hover{background: url('../images/xreviews.jpg') no-repeat -60px -65px; height:59px;}




/* rollver nav section  bottom panel Events */
#sc6 ul{
 border-left:#000000 dashed 1px;
background-color:#e7e7e7;
list-style-type:none;
}

#sc6 ul li{
background-color:#e7e7e7;
list-style-type:none;
}


#sc6 #navlist{position:relative; margin:0px; padding:0px;

}
#sc6 #navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0px; }
#sc6 #navlist li, #navlist a{height:56px;display:block; }

#sc6 #one{
	left:304px;
	width:56px;
}
#sc6 #one{background:url('../images/events.jpg') 0px 0;}
#sc6 #one a:hover{background: url('../images/events.jpg') no-repeat 0px -65px; height:59px;}

#sc6 #two{
	left:360px;
	width:64px;
}
#sc6 #two{background:url('../images/events.jpg') -65px 0;}
#sc6 #two a:hover{background: url('../images/events.jpg') no-repeat -65px -65px; height:59px;}

#sc6 #three{
	left:420px;
	width:91px;
}
#sc6 #three{background:url('../images/events.jpg') -130px 0;}
#sc6 #three a:hover{background: url('../images/events.jpg') no-repeat -130px -65px; height:59px;}



/* rollver nav section  bottom panel Ride Safe */
#sc7 ul{
 border-left:#000000 dashed 1px;
background-color:#e7e7e7;
list-style-type:none;
}

#sc7 ul li{
background-color:#e7e7e7;
list-style-type:none;
}


#sc7 #navlist{position:relative; margin:0px; padding:0px;

}
#sc7 #navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0px; }
#sc7 #navlist li, #navlist a{height:56px;display:block; }

#sc7 #one{
	left:354px;
	width:56px;
}
#sc7 #one{background:url('../images/rudesafe.jpg') 0px 0;}
#sc7 #one a:hover{background: url('../images/rudesafe.jpg') no-repeat 0px -65px; height:59px;}

#sc7 #two{
	left:401px;
	width:66px;
}
#sc7 #two{background:url('../images/rudesafe.jpg') -55px 0;}
#sc7 #two a:hover{background: url('../images/rudesafe.jpg') no-repeat -55px -65px; height:59px;}



















.tabcontent{
display:none;
}

/* main section of flash and tabs */

#container #headbar {
	position: relative;
	text-align: left;
	padding:10px;
	height:240px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
} 


#headbar #flash{
width:550px;
float:left;
overflow:hidden;

}

#headbar #events{
	width:377px;
	
	margin-left:560px;
	margin-top:0px;
	top:104px;
	height: 115px;
}


/* banner_sections */

#container #bannersection {

	position: relative;
	text-align: left;
	padding:5px;
	height:162px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
}

#bannersection .imggitr {
background:url(../images/gitr_img.jpg) no-repeat;
height:168px;
width:184px;
float:left;

}

#bannersection .bgbanner {
height:168px;
width:524px;
background:url(../images/bg_banner.jpg) repeat-x;
float:left;
}

#bannersection .contestbtn {
background:url(../images/enternow_img.jpg) no-repeat;
height:168px;
width:231px;
float:left;

}
/* three sections xfeed xbhpians facebook */

#container #sections {
	position: relative;
	text-align: left;
	border-top-width: 1px;
	border-top-style: dashed;
	height:auto;
	border-top-color: #000000;
} 


#sections #section1{
width:337px;
float:left;
text-align:left;
height:870px;
	border-right: 1px dashed #000000;
left:0px;
}

#section1 #liver {

position:absolute; z-index:32767 ; left: 8px; top: 800px;
}

#section1 #liver a {

background-image:url(../images/liver.png); width:323px; height:68px; display:block;
}




#sections #section2{
width:333px;
	float:left;

	text-align:left;
		border-right: 1px dashed #000000;
		height:870px;


}

#sections #section2 ul{
list-style:none;
margin:0;
     padding:0;

}


#sections #section2 ul li{
list-style:none;
margin:5px;
padding: 0px;
}


#sections #section2 ul li h3{
font-size:15px;
color:#ff2020;
margin:0px;
}

#sections #section2 #imagesets{
margin-bottom:0px;
padding-right:5px;
height:72px;
}

#sections #section2 #imagesets li{
margin-bottom:0px;
}
#sections #section2 #imagesets img{
border:#CCCCCC 1px solid;

padding:3px;

}

#sections #section2 #imagesets .headtext{
font-size:12px;
padding:4px;
text-transform:uppercase;
margin:0px;

}

#sections #section2 #imagesets p{
	font-size:11px;
	color:#999;
	margin:0px;

}

#sections #section2 #imagesets a {
color:#0066FF;
text-decoration:none;
}

#sections #section2 #imagesets a:hover {
color:#000000;
text-decoration:underline;
}

#sections #section2 #more
{
float:right;
margin-right:10px;
display:inline;
}

#sections #section2 #more a
{
background:url(../images/more_btn.gif) no-repeat;
display:block;
width:39px;
height:14px;
}

#sections #section2 #more a:hover
{
background:url(../images/more_btn_hover.gif) no-repeat;
display:block;
width:39px;
height:14px;
}


.whattext{
font-size:18px;

}

#sections #section3{
	width:272px;
	padding:4px;
	float:left;
	height:870px;
}

#section3 ul li{
margin:0;
padding:0;
list-style-type:none;
}

#section3 #roadtrips{
	width:276px;
	text-align:justify;
	height:230px;

}
#roadtrips #sectiontrips{
height:115px;
border-bottom: 1px dashed #000000;

}

#roadtrips #sectiontrips .head{
font-size:12px;
font-weight:bold;
color:#1c68b9;
margin:5px 0px 5px 0px;
padding:0px;
}

#roadtrips #sectiontrips img{
margin:0px 10px 0px 0px;
padding:3px;
background:#FFFFFF;
border:#c5c5c5 1px solid;
}

#roadtrips #sectiontrips span{
font-weight:bold;
}

#roadtrips #sectiontrips a{
color:#0072ed;
text-decoration:underline;
}

#roadtrips #sectiontrips a:hover{
color:#000000;
text-decoration:none;
}


#section3 #firstimpression{
margin:2px 0px 0px 0px;
padding:5px;
width:100%;
height:253px;
}


/* Slider */

#firstimpression #prev_button {

margin-left:111px;
margin-top:-57px;
position:absolute;
}

#firstimpression  #next_button {

margin-left:135px;
margin-top:-57px;
position:absolute;
}

#firstimpression  .container {
	margin-top:5px;
	width:263px;
	height:253px;
	overflow:hidden;
	position:relative;
}

#firstimpression  .slides { 
position:absolute; 
top:0; 
left:0; 
}

#firstimpression  .slides div { 
position:absolute; 
top:0; 
height:253px;
display:none; 
}

#firstimpression  #loopedSlider{
margin-left:0px;
margin-top:0px;
}

/* Reference */

#firstimpression  .reference {
width:263px; 
height:253px;
float:left;
}

#firstimpression  .reference img {
float:left;
width:240px;
height:152px;
margin:10px 10px 0px 0px;
padding:3px;
background:#FFFFFF;
border:#c5c5c5 1px solid;
}

#firstimpression  .reference .texthead {
margin:5px 0px 40px 0px;
color:#363636;
font-weight:bold;
}



/* main section of flash banner 720 and newletter */

#container #newsbar {
	position: relative;
	text-align: left;
	padding:4px;
	height:115px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
} 


#newsbar #flash720{
width:666px;
	height:110px;
float:left;
	border-right: 1px dashed #000000;
}

#newsbar #newsletter{
	width:214px;
	margin-left:10px;
	float:left;
	margin-top:0px;
	height: 106px;
}

#newsbar #newsletter h3{
font-size:15px;
padding:0;
margin:0px;
color:#3869a0;
}

#newsbar #newsletter .input{
background-color:#f0f0f0;
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
padding:5px;
border:none;
width:190px;
}

#newsbar #newsletter span{
color:#e1161e;
}


/* main section of sponsors */

#container #sponsor {
	position: relative;
	text-align: center;
	padding:0px;
	height:56px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
}


/* main section of footer */

#container #footer {
	position: relative;
	text-align: center;
	padding:4px;
	height:20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #000000;
}

#container #footer a {
color:#333333;
font-weight:bold;
text-decoration:underline;
}

#container #footer a:hover {
text-decoration:none;
}

.imgdborder{
padding:0px;
	border-width: 1px;
	border-style: dashed;
	border-color: #000000;
}.highlightorange {
	color: #F30;
}


#dhtmltooltip{
position: absolute;
width: 160px;
padding: 10px;
background-color: #30659d;
visibility: hidden;
color:#FFFFFF;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}


#xbhptv 
{
margin:10px 0px 0px 0px;
width:320px; padding:5px;
height:100px;
border-bottom:1px dashed #000000;

}

#xbhptv .imgdiv{
height:90px; width:95px; float:left;

}


#xbhptv .imgdiv img{
height:80px;
width:100px;
border:1px #CCCCCC solid;
padding:3px;

}

.linkhead{

}


.linkhead a {
font-weight:bold; color:#0099FF; text-decoration:none; font-size:12px;
} 

.linkhead a:hover {
color:#000000; text-decoration:underline;
}