* { margin: 0; padding: 0; outline: none; }

body {
	font: 12pt "content", Arial, Tahoma, Verdana;
	color: #242c2d;
	background: #fff;
}


hr { margin: 15px; height: 1px; background: #ccc; }

@font-face {
  font-family: 'header-title';
  src: url(../fonts/LTe50872.ttf);
}

@font-face {
  font-family: "copy";
  src: url(../fonts/BAILSIW_.TTF);
}

@font-face {
  font-family: 'content';
  font-weight: bold;
  src: url(../fonts/LTe50920.ttf);
}


@font-face {
  font-family: 'navigation';
  src: url(../fonts/arial.ttf);
}
#wrapper { width: 100%; }
#wrapper #box-container { width: 960px; margin: 0 auto; }

#header-box { width: 100%; height: 110px; }
#logo { float: left; position: relative; top: 26px; left: 16px; width: 180px; height: 76px; }
#logo a { float: left; position: relative; width: 180px; height: 76px; background: url(../images/rei-logo.jpg) no-repeat left top; }
#right-top { float: right; position: relative; top: 12px; right: 16px; width: 420px; height: 50px; } 
#sign-form { text-align: right; font-size: 11pt; padding-bottom: 12px; }
#search-form { float: right; width: auto; height: 36px; display: block; }
#search-form .search-input { 
	height: 21px; 
	width: 190px; 
	padding: 2px 3px; 
	font: 8.5pt "Arial", Tahoma, Helvetica, sans-serif; 
	color: #000;  
	border: 1px solid #ececec;
}
.global-spacer { width: 100%; height: 12px; font-size: 0pt; clear: both; }
.global-mid-spacer { width: 100%; height: 20px; font-size: 0pt; }
.global-bigspacer { width: 100%; height: 30px; font-size: 0pt; clear: both; }

#main-nav { width: 100%; height: 40px; margin: 0 auto; }
#nav { width: 928px; color: #fff; }
/*#nav ul { margin: 0; padding: 8px 16px 0 45px; }
#nav li { display: inline; list-style-type: none; font: bold 10pt "Arial"; text-transform: uppercase; padding-right: 20px; }
#nav li a { text-decoration: none; color: #fff; }
#nav li a:hover { text-decoration: none; color: #e6e6e6; }
*/

#body-placeholder, #body-mid-placeholder { width: 960px; margin: 0 auto; }


.left-sidebar { float: left; display: inline; width: 211px; }
.front-right-sidebar { float: right; width: 354px; }
.right-sidebar { float: right; width: 245px; }
.middle-centerbar { float: left; position: relative; width: 580px;  }

.display-front { float: left; width: 580px; }


.left-sidebar .affiliate-box { width: 100%; height: 305px; border: 1px solid #ccc; }
.middle-centerbar #banner-signup { width: 100%; height: 305px; background: url(../images/rei-bgbanner-signup.png); }


.header-title { width: 452px; margin: 0 auto; padding-top: 10px; font: 25pt "Arial", Tahoma, Verdana, Helvetica, sans-serif; color: #41686D; }
#freesign-up { float: right; position: relative; right: 16px; text-align: right; } 
#freesign-up label { line-height: 20px; }
#freesign-up .btn-freesignup { width: 140px; height: 18px; padding: 2px 3px; border: 1px solid #c1c1c1; margin: 3px 0; font: 9pt "Tahoma", Arial, Helvetica, sans-serif; }

.global-content-top { width: 100%; }

.global-title { width: 100%; }
.global-title .global-title-header { width: 100%; height: 20px; padding: 5px 0 10px 0; font: 17pt "header-title", Arial; color: #000; border-bottom: 3px solid  #34ae1c; }

#social-networking-icon { width: 200px; margin: 15px auto; }
#social-networking-icon img { display: inline; margin: 0 6px; border: none; }
#login-box { width: 100%; background: #F2F2F2; }
#login-form { width: 188px; margin: 0 auto; }
#login-form h1 { padding: 10px 0 10px 0; font: 12pt  "Arial", Tahoma, Helvetica, sans-serif; color: #2F3C5E; border-bottom: 1px solid #ccc; }
#login-form-box { width: 100%; height: 130px; margin: 15px 0; }
#login-form-box .btn-freelogin { width: 110px; height: 16px; padding: 2px 3px; border: 1px solid #c1c1c1; margin: 3px 0; font: 9pt "Tahoma", Arial, Helvetica, sans-serif; }
.btn-freelogin label { padding-right: 25px; }
#login-form-box .remember { font: 8pt "Arial", Tahoma, Verdana, Helvetica, sans-serif; }





/* Video Stylesheet */

#video-midinner-placeholder { float: left; width: 680px; }

#video-mid-placeholder { float: left; width: 680px; }
.videobox { width: 100%; height: auto; }
.video-content { width: 100%; margin: 15px 0px 0px;  }
.video-squeezecopy { float: left; width: auto; }
.video-squeezecopy h2 { font: 18pt Arial; color: #8B8210; }
.btn_subscribe { float: right; position: relative; left: -70px; top: -1px; width: 120px; }
.affiliate-btn { height: 130px; margin: 2px 0; background: url(../images/gia-video-banner.jpg) no-repeat bottom; }
.publiclink-btn { height: 130px; margin: 2px 0; background: url(../images/wfv-videobanner.jpg) no-repeat bottom; }

.video-description { text-align: justify; }

.comments-dashboard { width: 100%; height: auto; }
.comments-dashboard h3 { margin-bottom: 12px; font: 15pt "Arial", Verdana, Tahoma; Color: #000; padding: 13px 0 7px 0; border-bottom: 1px solid #e3e3e3; }
.threadcomments ul { maring: 0; }
.threadcomments li { font-size: 8pt; list-style-type: none; width: auto; margin: 8px 0; padding: 13px; border: 1px solid #e3e3e3;  }
.threadcomments li:hover { background: #f1f1f1; }
.threadcomments li img { float: left; margin-right: 13px; display: none; /* picture thumbnail user*/ }  
.threadcomments li strong { font-size: 8.5pt; color: #00008B; text-transform: uppercase; margin-right: 8px; }
.threadcomments li p.comment-message { margin: 12px 0 4px 0px; padding: 0 4px; font-size: 8pt; color: #000; }

.comments-post .comment-textarea { width: 480px; height: 125px; border: 1px solid #7FFFD4; display: block; margin-bottom: 15px; padding: 4px 6px;  }
OA.comments-likebutton { width: 100%; padding: 9px 0 0 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }


.vote-thumbs { display: none; float: right; position: relative; top: -3px; left: -5px; width: 128px; height: 23px; }
.threadcomments li:hover .vote-thumbs, .threadcomments li.sfhover .vote-thumbs { display: block; }
.comments-del { background: transparent; border: none; position: relative; width: 58px; height: 22px; float: left; display: inline; background: url(../images/delete.png) no-repeat left top; }
.comments-del a { position: absolute; width: 58px; height: 22px; }
.vote-thumbs .voteup { background: transparent; border: none; display: inline; float: right; left: 9px; position: relative; width: 28px; height: 22px; background: url(../images/thumbs1.png) left top;}
.vote-thumbs .votedown { background: transparent; border: none; float: right; position: relative; width: 28px; height: 22px; background: url(../images/thumbs2.png) right bottom;}
.voteup a { float: left; position: absolute; width: 26px; height: 28px; background-position: left top; }
.votedown a { float: right; position: absolute; width: 26px; height: 28px; background-position: left top; }
.voteup a:hover { float: left; position: absolute; width: 26px; height: 28px; background-position: right bottom; }
.votedown a:hover { float: right; position: absolute; width: 26px; height: 28px; background-position: right bottom; }

.media_info_box_meta {width: 100%; height: 45px; display: inline; }
.ratings-video { float: left; height: 45px; } 
.views-video { float: right; height: 45px; }


/* Dashboard Video */
.max-contentbox h1 { font: 17pt "Arial", Verdana, Tahoma; Color: #fa0000; margin-bottom: 10px; }
.header_vidtitle { float: left; width: 680px; }
.header_vidtitle h2 { font: 17pt "Arial", Verdana, Tahoma; color: #3B5998; }
.header_vidtitle .desc_info { padding: 2px 15px 16px 12px; background: #F8F8F8; border-bottom: 1px solid #E4E4E4; color: #454545; }
.desc_info img { float: left; margin: 1px 12px 0 0; }


/** Audio, Article Stylesheet */
#media_title { font: 17pt "Arial", Verdana, Tahoma; Color: #fa0000; margin-bottom: 10px; }
#media_embed { width: 100%; margin-bottom: 15px; }

#media_text p { padding-bottom: 12px; }
#media_text ul, #media_text ol { padding: 0 0 18px 21px; }
#media_text li { padding: 12px 0 0 8px; }

/** Rating Rate */
.rating_rate { display: inline; }
.rating_rate strong { text-align: left; display: block; }
.rating_rate .rating { display: inline; }


/** Error Login */

.errorlist ul { position: relative; left: 15px; padding: 15px 0 12px 25px !important; margin: 15px 0 12px 25px !important; }
.errorlist li { list-style-type: square; padding-left: 12px; font-size: 9pt; color: #fa0000; }

/* Video list items */
.list { width: 100%; padding: 15px 0px; border-bottom: 1px solid #e3e3e3; }
.list_thumb { float: left; width: 160px; height: auto; }
.list_thumb img { float: left; height: auto; }
.list_indent { float: right; width: 520px; height: auto; text-align: justify;  }
.list_title { position: relative; top: -5px; font: 14pt "Arial", Tahoma, Verdana; }
.list_title a { text-decoration: none; color: #00008B; }
.list_title a:hover { text-decoration: none; color: #B22222; }

.list_title_p { position: relative; top: -5px; font: 14pt "Arial", Tahoma, Verdana; }
.list_title_p a { text-decoration: none; color: #00008B; }
.list_title_p a:hover { text-decoration: none; color: #B22222; }

/* Paging Stylesheet */
.paging {
	height:35px;
	padding-top: 15px;
}
.paging li {
	float:left;
	list-style:none;
}
.paging div {
	padding:3px 5px;
	background: #000000;
	color: #ffffff;
}
.paging a:link, .paging a:visited {
	text-decoration:none;
}
.paging a:link div, .paging a:visited div {
	color:#666;
	margin:3px;
	margin-top:-1px;
	text-decoration:none;
	background-color:#FFF;
	border:#AAA 1px solid;
}
.paging a:hover div {
	color:#FFF;
	background-color:#444;
	border:#444 1px solid;
}
.paging a:visited {
	color:#666;
}


/* Meta Tags */
.list_meta, .list_meta a:link, .list_meta a:visited {
	font-size: 8.5pt;
	margin: 2px 1px;
	color: #808080;
	text-decoration:none;
	text-transform:capitalize;
}
.list_meta a:hover {
	font-size: 8.5pt;
	margin: 2px 1px;
	color:#ffffff;
	background: #B22222;
}


   /* This CSS is used for the Show/Hide functionality. */
   .more {
      display: none;
      padding-bottom: 12px;
	}
   a.showLink, a.hideLink {
      text-decoration: none;
      color: #36f;
      padding-left: 8px;
      background: transparent url(../images/down.gif) no-repeat left; }
   a.hideLink {
      background: transparent url(../images/up.gif) no-repeat left; }
   a.showLink:hover, a.hideLink:hover { 
      padding-bottom: 12px; } 


/** Video by speaker thumbnails */
.videos-thumbnails li { list-style-type: none; padding: 4px 2px; }
.videos-thumbnails li:hover { background: #EAFFFF; }

.front-videos-thumbnails ul { margin: 0; padding: 0; display: inline; }
.front-videos-thumbnails li { float: left; display: inline !important; list-style-type: none; padding: 4px 6px 8px 6px; margin-right: 15px; width: 118px; height: 145px;}
.front-videos-thumbnails li:hover { background: #EAFFFF; }



/** Main Login Stylesheet */
#mainlogin { padding: 5px 12px 12px 12px; }
#mainlogin h1 { height: 30px; font: 17pt "Arial", Verdana, Tahoma; Color: #fa0000; }
#mainlogin h3 { font: 13pt "Arial", Verdana; color: #2F3C5E; }
#mainloginn .btn-freelogin { 
    width: 125px; 
    height: 16px; 
    font-size: 8.5pt; 
    color: #000; 
}


/** Articles Stylesheet */
.articles-recent ul { padding-top: 15px; }
.articles-recent li .header-listarticle { font-size: bold 10pt; }
.articles-recent li .header-listarticle a { font-size: bold 10pt; font-weight: normal; text-decoration: none; color: #09013C; }
.articles-recent li .header-listarticle a:hover { font-size: bold 10pt; font-weight: normal; text-decoration: none; color: #E5421C; }
.articles-recent li { list-style-type: none; font-size: 10pt; padding-bottom: 15px; }
.articles-recent li .list_meta a:hover { color: #fff; }


.freadmore { background: url(../images/arrows.jpg) no-repeat 72px -7px; height: 25px; }
.freadmore a { font-size: 9t; text-decoration: none; color: #7E2008; }
.freadmore a:hover { font-size: 9t; text-decoration: none; color: #E5421C; }

.viewmore { float: right; }


.speaker_info { font: 8.5pt "Verdana", Arial, Tahoma; color: #454545; }
.speaker_info td { height: 20px; padding: 8px 0 10px 0; border-bottom: 1px solid #ccc; }
.speaker_info td span { text-transform: capitalise; color: #fa0000; font: 9pt "Arial", Tahoma, Verdana; }

.rightWrap { float: left; position: absolute; left: -90px; }
.banner { width: 52px; border: 1px solid #DCDCDC; background: #f1f1f1; padding: 4px;  }
.rightWrapper { position: relative; float: left; }

/* Footer Stylesheet */
#footer-box { width: 960px; margin: 0 auto;  height: 420px; border-top: 3px solid #238b0f; }
#footer { position: relative; font-size: 11pt; top: 4px; width: 100%; height: 255px; color: #fff; background: url(../images/bg-footer.png) no-repeat; }
#footer #most-popular-video { float: left; position: relative; top: 26px; left: 16px; display: inline; width: 280px; }
#most-popular-video .foot-headertitle { font: bold 11pt "header-title"; color: #e1e1e1; height: 31px; }
#footer a { text-decoration: none; color: #ecc3ff; }
.footer-cat { float: left; position: relative; display: inline; width: 195px; top: 26px; left: 80px; }
.footer-cat .headertitle { font: bold 11pt "header-title"; color: #e1e1e1; height: 31px; }
.footer-cat ul { margin: 0 0 0 12px; padding: 0; }
.footer-cat li { padding: 0 0 4px 5px; }
.footer-cat li a { text-decoration: none; color: #d3dfff; }

.cat-listing ul { margin: 0 0 0 12px; padding: 0; }
.cat-listing li { padding: 0 0 4px 5px; }
.cat-listing li a { text-decoration: none; color: #d3dfff; }


.footer-cat-net { float: left; position: relative; display: inline; width: 250px; top: 26px; left: 35px; }
.footer-cat-net .headertitle { font: bold 11pt "header-title"; color: #e1e1e1; height: 31px; }
.footer-cat-net img { flaot: left; margin-top: 10px; margin-right: 12px; }

.footer-foot { width: 100%; height: 80px; }
.foot-left { float: left; width: 580px; height: 60px; }
.foot-leftcopy { float: left; position: relative; top: 13px; width: 600px; height: 60px; font-size: 10pt; }
.foot-leftcopy a { text-decoration: none; color: #34AE1C; }
.foot-leftcopy a:hover { text-decoration: none; }

.foot-right { float: right; width: 310px; height: 44px; background: url(../images/bg-ssl.png) no-repeat; }

#footer #footer-link { float: right; position: relative; top: 8px; right: 16px; }
#footer-link a { text-decoration: none; color: #fff; }
#footer-link a:hover { text-decoration: none; color: #F7F0D2; }


/** Flatpage Stylesheet */
/** Flatpage Stylesheet */
.flatpage-body { float: left; width: 580px; }
.flatpage-widecol { width: 100%; text-align: justify; }
.flatpage-body p, .flatpage-widecol p { padding-bottom: 12px; text-align: justify; }

.flatpage-body a, .flatpage-widecol a { text-decoration: none; color: #2f3c5e; }
.flatpage-body h1, .flatpage-widecol h1 { font: 18pt "header-title"; padding-bottom: 8px; }
.flatpage-body h2, .flatpage-widecol h2 { font: 14pt "header-title"; padding-bottom: 15px; }
.flatpage-body h3, .flatpage-widecol h3 { font: 12pt "header-title"; padding-bottom: 15px; }
.flatpage-body strong, .flatpage-widecol strong { font: 12pt "header-title"; }

.flat-bullets ol, .flat-bullets ul { margin: 0; padding: 10px 0; }
.flat-bullets li { list-style-type: none; background: url(../images/icon-bullets.png) no-repeat 0px 8px; padding: 7px 12px 10px 35px; text-align: justify; }
.flat-bullets .bullet_title { font-family: header-title; }





/* DEFAULT is for three panels in width, adjust as needed
   This only matters if JS is OFF, otherwise JS sets this. */
#page-wrap-slider { width: 580px; }
#slider { background: #f4f4f4 url(../images/slider-bg.jpg); height: 227px; overflow: hidden; position: relative; border: 1px solid #cdcdcd; }

#mover{ width: 2880px; position: relative; }

.slide {  width: 583px; float: left; position: relative; }
.slide .slider-title { font: 15pt "header-title"; letter-spacing: -1px; padding: 12px 0 8px 0; color: #ac0000; }
.slide .slider-title a { text-decoration: none; color: #0c0053; }
.slide .slider-title a:hover { text-decoration: none; color: #674e02; }
.slide .content-p { float: right; color: #000; font: 12pt "content"; line-height: 22px; width: 365px; padding: 0 12px; }
.slide .info { position: relative; top: -10px; padding-bottom: 2px; font-size: 11.5pt; color: #4b6e14; display: block;  }
.slide img { position: absolute; top: 20px; left: 12px; border: 1px solid #dfdfdf; }
#slider-stopper { position: absolute; text-decoration: none; top: 160px; left: 13px; float: left;  background: #ac0000; color: white; padding: 3px 8px; font: 10pt "header-title"; text-transform: uppercase; z-index: 1000; }




/* menu styles */
#jsddm
{	margin: 0;
	padding: 0}

	#jsddm li
	{	float: left;
		list-style: none;
		font: bold 10pt "Arial"; 
	}

	#jsddm li a
	{	display: block;
		padding: 5px 12px 7px 12px;
		text-decoration: none;
		color: #EAFFED;
		white-space: nowrap;
		}

	#jsddm li a:hover
	{	background: #fbfbfb;
		color: #353535;}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			letter-spacing: 0.1em;
			border-left: 1px solid #e2e2e2; 
			border-right: 1px solid #e2e2e2;
			border-bottom: 1px solid #e2e2e2;}

			#jsddm li ul li
			{	float: none;
				display: inline;}
			
			#jsddm li ul li a
			{	width: auto;
				background: #fbfbfb;
				color: #353535;
				font: normal 9pt "Arial";
				text-transform: normal !important;}
			
			#jsddm li ul li a:hover
			{	color: #eba138}




.preload1 {background: url(../images/three_0a.gif);}
.preload2 {background: url(../images/three_1a.gif);}

#nav {width: 100%; padding:0; margin:0; list-style:none; height:38px; background:#fff url(../images/three_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(../images/three_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; text-indent: -12px; height:35px; background: url(../images/three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(../images/three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(../images/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(../images/three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(../images/three_1a.gif) no-repeat right top; padding-bottom:3px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:36px; background: #df4618; padding:3px; white-space:nowrap; width: auto; height:auto; z-index:300;}
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:auto; font-weight:normal;}
#nav li:hover ul.sub li a
{display:block; font-size:11px; height:18px; padding-right: 10px; line-height:18px; text-indent: 9px; color:#fff; text-decoration:none;}
#nav li ul.sub li a.fly
{background:#001100 url(../images/arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{ text-decoration: underline; color:#fff; }
#nav li:hover ul.sub li a.fly:hover
{background: url(../images/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:auto; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; cursor:default;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #001100; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#3f96a9 url(../images/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#001100 url(../images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#001100;}