/* CSS for Responsive Site Design compound list */

/* BASE CSS */
* {font-size: 1em; color: #ababab; font-weight: normal; padding: 0px; margin: 0px; font-family: Helvetica, Arial, Sans-Serif; }
body { background-color: #000; display: none; }
hr { margin-bottom: 0px; background-color: #ababab; border: 0px; height: 1px; float: none; clear: both; }
hr.lineFeed { margin-bottom: 10px; }
img {border: 0;}

a {  color: #f8f6f4; text-decoration: none;}
a:hover { color: #fff; }
.clearfix { float: none; clear: both;  height: 0px; background-color: transparent; border: 0px;}
.spacerVert5 { display: block; width: 100%; height: 5px; background-color: transparent; float: none; clear: both;}

#mainNavBar ul li p#AdvSrch a { color: #232323; }
#mainNavBar ul li p#AdvSrch:hover a { color: #232323; text-decoration: underline;}

/* General Wrapper for page and centering */
.wrapper { position: relative; width: 100%; margin: 0px auto; display: block; }
.container { margin: 0px auto; display: block; width: 100%; overflow: hidden; background-color: white; }
.favRemove { position: absolute; top: 5px; right: 5px; font-size: .6em; color: white; background-color: #ff5a00; padding: 0px 5px; }

.ui-widget-content { background: #ababab url(images/ui-bg_flat_75_ababab_40x100.png) 50% 50% repeat-x; }

#searchRec { padding: 3px 4px; background-color: #666; color: #fff; }

.buttonOrange { cursor: pointer; border: 0px; border-radius: 5px; background-color: rgb(255, 90, 0); color: #fff; font-size: .7em; padding: 3px 10px; }
.buttonOrange:hover { cursor: pointer; }
.buttonOrange a { color: #fff;}
/* Gray Button:; Downloads */
.buttonGray { text-align: center; border: 0px; border-radius: 5px; cursor: pointer; background-color: #464646; color: #fff; font-size: .7em; padding: 3px 10px; text-align: center;}
.buttonGray:hover {  cursor: pointer; }
/* BlueButton:; Downloads */
.buttonBlue { text-align: center; cursor: pointer; border: 0px; border-radius: 5px; color: #fff; font-size: .7em; padding: 3px 10px; }
.buttonBlue:hover { cursor: pointer; }
.buttonBlue a { color: #fff; }
/* Blue Button */
.blueButton { cursor: pointer; border: 0px; border-radius: 5px; background-color: #104389; color: #fff; font-size: .7em; padding: 3px 10px; }
/* Gradient Login Blue buttons */
.gradientBlueButton { display: block; width: 80%; margin: 0px auto; padding: 5px 10px; text-align: center; color: #fff; font-weight: bold; border: 0px; cursor: pointer;
	background: #3b639d; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b639d 0%, #153b72 27%, #6f9ad7 53%, #0b2c5d 57%, #061835 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b639d), color-stop(27%,#153b72), color-stop(53%,#6f9ad7), color-stop(57%,#0b2c5d), color-stop(100%,#061835)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3b639d 0%,#153b72 27%,#6f9ad7 53%,#0b2c5d 57%,#061835 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3b639d 0%,#153b72 27%,#6f9ad7 53%,#0b2c5d 57%,#061835 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3b639d 0%,#153b72 27%,#6f9ad7 53%,#0b2c5d 57%,#061835 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3b639d 0%,#153b72 27%,#6f9ad7 53%,#0b2c5d 57%,#061835 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b639d', endColorstr='#061835',GradientType=0 ); /* IE6-9 */
}

.visOnOff { display: block; }
.addBdr { border: 1px solid #999; }

/* SLide Down title on movie thumbnails */
.slidedownTitle a div { display: block; width: 100%; background-color: rgb(255, 90, 0); color: #fff; position: absolute; top:0px; font-size: .8em; opacity: 0;}
.slidedownTitle a.dlTitleHover div { display:block; width: 100%; background-color: rgb(255, 90, 0); color: #fff; position: absolute; top: 0px; font-size: .8em; opacity: 0;}
.slidedownTitle a:hover div { opacity: 1; z-index: 10000;}

/* Fix myDownloads for Members */
#downloads ul#my_download_list li.slidedownTitle a div { font-size: .7em;}

/* CSS for each section heading */
label.sectionHeader { margin-left: 10px; background-image: url(http://www.titanstatic.com/websites/img/bullet_15x15_ffffff.gif); background-repeat: no-repeat; background-position: 5px; padding-left: 30px; font-size: 1em; color: #333; }
label.sectionHeader a { font-size: 1em; color: #333; }
label.sectionHeader a:hover { color: rgb(255, 90, 0); }
article span { padding: 5px 10px; color: #fff; font-size: .8em; float: left; }
label.mediumFont { font-size: 1em; }

/* CSS for CTA tag */
cta { display: block; width: 100%; background-color: #104389; margin: 0px 0px 10px; padding: 0px 0px 5px; text-align: right; padding-right: 10px; margin-bottom: 8px; height: 50px; position: relative; border-bottom: 3px solid gray; }
cta div { padding-right: 10px; position: absolute; bottom: 10px; right: 10px; }
cta div a { display: block; width: 100%; color: #fff; text-align: right;}
cta div a:hover { color: #fff; }
cta a p { display: none; }

/* Feedback Panel */
feedback { background-color: transparent; display: block; position: absolute; width: 65%;  z-index: 35000; right: 8px; overflow: auto;}
feedback fbPanel {display: block; width: 100%; background-color: #464646; height: 0px; overflow: hidden; }
feedback fbPanel content {display: block; width: 100%; margin: 5px 10px;}
feedback fbPanel content label { margin-left: 10px; display: block; width: 100%; font-size: 1em; color: #fff; }
feedback fbPanel content p { display: block; width: 95%; font-size: .8em; margin: 3px 8px; }
feedback fbPanel content textarea { width: 100%; margin-top: 10px; resize: none; }
feedback div#feedbackTab {  font-size: .6em; color: #fff; padding: 3px 6px; float: right; background-color: red; border: 0px solid #fff}
feedback div#feedbackTab { -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;}
feedback div#feedbackTab:hover {cursor: pointer;}

#accountSettings { background-color: #fff; color: #333 width: 100%; margin-top: 10px; padding-top: 10px; font-size: 1.25em; padding-bottom: 10px; }
#accountSettings ul { display: block; margin: 10px; }
#accountSettings ul li { background-color: #fff; display: block; font-size: 1em; }
#accountSettings ul li p { color: #666; display: block; font-size: .6em; padding-bottom: 5px; margin: 0px 5%; }
#accountSettings ul li ul { margin-left: 5%; display:block; }
#accountSettings ul li ul li { display: block; width: 100%; padding-bottom: 10px; }
#accountSettings ul li ul li label { display: block; font-size: .7em; margin-bottom: 3px; width: 45%; float: left; color: #666;}
#accountSettings ul li ul li label input { margin-right: 10px; }
#accountSettings ul li > label { margin-left: 15px; color: #333; }

/* Top Navigation CSS */
#topNavBar { background: transparent; position: relative; margin-bottom: 20px;}
#topNavBar ul { list-style-type: none; float: right;}
#topNavBar ul li { color: #ababab; display: inline-block; float: left; padding: 9px 7px; background: transparent; } /* padding originally 9px 12px */
#topNavBar ul li:hover { display: inline-block; float: left; padding: 9px 7px; cursor: pointer; }
#topNavBar ul li:hover a { color: #FFF; }
#topNavBar ul li.last-item { padding: 7px 12px 6px; background-color: #ccc; color: #fff; font-weight: bold;  height: 24px;}
#topNavBar ul li.last-item a { color: #FFF; }
#topNavBar ul li.last-item:hover { background-color: red; }
#topNavBar ul li.last-item:hover a { color: #fff; }
#topNavBar logo { position: absolute; top: 10px; left: 15px; width: 270px; height: 70px; background-repeat: no-repeat; }
#topNavBar logo:hover { cursor: pointer; }
#topNavBar logo-text { display: none; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; text-align: center; }
#topNavBar logo-text:hover { cursor: pointer; }
#topNavBar p { position: absolute; color: #F00; float: left; font-size: 1.1em; }
/*#topNavBar .mini { display: none; }
#topNavBar .mini ul li img { width: 70%; height: 70%; }
#topNavBar .mini ul li span { font-size: 16px; }
#topNavBar .mini ul li div label a { color: rgb(255, 90, 0); font-size: 1.5em; }
#topNavBar .mini ul li div article ul li:last-child a { color: #ababab; }
#topNavBar .mini ul li div label { padding-left: 10px; display: block; width: 100%; }
#topNavBar .mini ul span#mobileMenu a { font-size: 9px; float: right; margin-left: 15px; }
#topNavBar .mini span { display: none; float: right; font-size: 9px; }
#topNavBar .mini span a { float: right; font-size: 9px; margin: 5px 0px 5px 10px; }
#topNavBar .mini ul li:hover div ul li { padding: 2px 12px; color: #ababab; }
#topNavBar .mini ul li div ul li { padding: 2px 12px; color: #ababab; }
#topNavBar .mini ul li:hover div ul li:hover { color: #fff; }
#topNavBar .mini ul li div ul li:hover {  color: #ababab; }
#topNavBar .mini ul li div ul li a { color: #ababab; display: block; width: 100%; }
#topNavBar .mini ul li div ul li:last-child a { color: #fff; display: block; width: 100%; }
#topNavBar .mini ul li div ul li:hover a { color: #fff; width: 100%; }
#topNavBar .mini ul li div ul ul li { display: inline-block; padding: 2px 12px; float: left; width: auto; }
#topNavBar .mini ul li div .miniSelect:hover { color: rgb(255, 90, 0); cursor: pointer; }*/
#topNavBar ul li div { display: none; position: absolute; background-color: #104389; z-index: 35000; margin-left: -10px; }
#topNavBar div.main ul li a { color: #333; font-family: "Open Sans Condensed"; font-weight: bold; }

/* Banner Area CSS --- adjustmentsfor logo and leaving space */
#bannerArea { display: block; float:right; height: 75px; }
#bannerArea label { position: relative; top: 10px; width: 100px; color: rgb(255, 90, 0); font-size: 1.2em; font-weight: bold; float: left; overflow: hidden; cursor: pointer;}
#bannerArea article#ad { margin: 2px 0px; display: block; float: right; border: 1px solid #F00; border: 0px;height: 100%; width: 80%; }
#bannerArea article#ad a img { width: 100%; float: right;  }

/* New Site Info Page */
#siteNew { display: block; width: 100%; margin-top: 10px; padding-top: 10px; background-color: #232323; font-size: 1.25em; }
#siteNew label { font-size: 1em }
#siteNew p { margin: 10px; font-size: .8em; }
#siteNew article { margin: 10px 20px; }
#siteNew article label { font-size: .8em; color: #fff; }
#siteNew article p { margin: 3px 10px; font-size: .7em; }
#siteNew article div label { display: block; margin: 0px 10px; }
#siteNew article div ul { width: 45%; margin: 5px 10px; float: left; }
#siteNew article div ul li {display: block; font-size: .7em; margin-bottom: 5px; }
#siteNew article div ul li img { width: 98%; }
#siteNew article div ul li ul { width: 100%; }
#siteNew article div ul li ul li { font-size: 1em; display: list-item; width: 100%; margin-left: 15px; }

/* Mobile Search Container*/
#bannerArea article#mobileSearch li { display: block; border: 0px; position: absolute; right: 10px; background-color: #464646; border-radius: 5px; width: 30%; margin-top: 4px; padding: 0px; padding-right: 2px; overflow: hidden; border: 1px solid #000; border-color: #666 #000 #000 #666; }
#bannerArea article#mobileSearch li:hover { background: #464646; }
#bannerArea article#mobileSearch li input { background: transparent; border: 0px; width: 70%; color: #ababab; margin-top: 5px; padding-left: 5px;float: left; }
#bannerArea article#mobileSearch li button { font-weight: bold;float: right; background-color: #333; border: 0px; border-left: 1px solid #ababab; color: #ababab; padding: 3px 5px; }
#bannerArea article#mobileSearch li button:hover { font-weight: bold; color: #fff; cursor: pointer; }
#bannerArea article#mobileSearch { display: none; }

/* Mobile Login Container*/
#bannerArea article#mobileLogin li { background-color: #666; padding: 0px 8px; display: block; position: absolute; right: 10px; width: 30%; margin-top: 4px; padding: 0px; padding-right: 2px;overflow: hidden; }
#bannerArea article#mobileLogin li form input { margin-top: 2px; margin-left: 10px; font-size: 16px; height: 30px; color: #fff; background: #464646; border: 0px; width: 50%; color: #fff; margin-top: 5px; padding-left: 15px;float: left; }
#bannerArea article#mobileLogin li form label { margin-left: 10px; margin-bottom: 2px; font-size: .9em; display: block; width: 25%; color: #fff; font-weight: bold; }
#bannerArea article#mobileLogin li form button { margin-bottom: 10px; margin-left: 10px; margin-top: 20px; display: block; width: 95%; color: #000; font-weight: bold; }
#bannerArea article#mobileLogin { display: none; }

/* Secondary Join Now Bar for Mobile */
#joinNowBar { display: none; width: 100%; overflow: hidden; padding: 4px 10px; text-align: center; color: #fff; font-weight: bold; }
#joinNowBar label { margin: 3px auto; color: #fff; }
.joinNowBanner { cursor: pointer; text-align: center; color: white; margin-bottom: 1%; padding: 3px 0px; font-size: 1em; display: none; background-color: #ff5a00; }

/* alternate mini menu idea */
/*#alternate-mini-menu { margin-top: 25px; background: #232323; position: relative; display: none; }
#alternate-mini-menu ul { display: block; width: 100%; list-style-type: none; margin-bottom: 5px;  height: auto; overflow: hidden;}
#alternate-mini-menu ul li { float: left; height: auto;}
#alternate-mini-menu ul li a { font-size: .8em; padding: 5px 7px; border-right: 1px solid #ababab; color: #ababab; background-color: transparent;}
#alternate-mini-menu ul li a:hover { color: white; cursor: pointer; }
#alternate-mini-menu ul li.search button:hover { background-color: rgb(255, 90, 0); }
#alternate-mini-menu ul li.search { border: 0px; float: right; margin: 1px 10px; padding: 0px;}
#alternate-mini-menu ul li.search button { border: 0px; font-size: .7em; background-color: #464646; padding: 3px 8px; color: white; border-radius: 5px; text-align: center; margin-top: 0px;}
#alternate-mini-menu ul li.search:hover { background-color: transparent; padding: 0px; }
#alternate-mini-menu ul li.search:hover button { background-color: rgb(255, 90, 0); }*/

/* Main Navigation Bar */
#mainNavBar { background: #f8f6f4; position: relative; z-index: 52000;}
#mainNavBar ul { list-style-type: none; float: left; display: block; width: 100%; color: #f8f6f4; }
#mainNavBar ul li { z-index: 52000; color: #f8f6f4; display: block; float: left; padding: 8px 12px; background-color: #333; border-right: 1px solid #ababab; position: relative;}
#mainNavBar ul li.last-item { background-color: #104389; color: #f8f6f4;}
#mainNavBar ul li.last-item:hover { background-color: #f8f6f4; color: #232323;}
#mainNavBar ul li:hover { color: #FFF; display: block; float: left; padding: 8px 12px; cursor: pointer; }
#mainNavBar ul li:hover a { z-index: 31002; color: #FFF;}
#mainNavBar ul li.special-item { background-color: rgb(255, 90, 0); color: #FFF; font-weight: bold;}
#mainNavBar ul li.special-item:hover { background-color: red;}
#mainNavBar ul li div { z-index: 31003; display: inline-block; padding-top: 10px; margin-top: 6px; background-color: #333; position: absolute; left: -9999px; width: 170px; overflow: hidden; }
#mainNavBar ul li div.wideSubMenu { z-index: 31004; width: 590px; padding-top: 10px;}
#mainNavBar ul li div.wideSubMenu label { padding-top: 5px; display: block; width: 100%; float: none; clear: both; }
#mainNavBar ul li div.wideSubMenu article { display: block; width: 100%; height: auto;}
#mainNavBar ul li div.wideSubMenu article ul li a { z-index: 31005; display: block; color: #ababab; font-size: .90em; width: 100%; }
#mainNavBar ul li div.wideSubMenu article ul li a:hover { display: block; color: #ababab; font-size: .90em; color: #FFF; width: 100%; }
#mainNavBar ul li div article ul { width: 33%; float: left; overflow: hidden;}
#mainNavBar ul li div article ul li { border: 0px; padding: 1px 10px; color: #ababab; font-size: 1em; }
#mainNavBar ul li div article ul li:hover { color: #fff; border: 0px; padding: 1px 10px; font-size: 1em; }
#mainNavBar ul li div label { font-weight: normal; padding-left: 10px; padding-top: 10px; }
#mainNavBar ul li div ul { float: none; width: 100%; margin-bottom: 5px;}
#mainNavBar ul li div ul li { float: none; display: block; width: 100%;  padding: 3px 10px; color: #ababab; }
#mainNavBar ul li div ul li a { color: #ababab;}
#mainNavBar ul li:hover div ul li a { color: #ababab; display:block; width: 100%;}
#mainNavBar ul li:hover div ul li:hover a { color: #fff;}
#mainNavBar ul li div ul li:hover { color: #fff; float: none; padding: 3px 10px;}
#mainNavBar ul li:hover div { left: 0px; z-index: 52000;}
#mainNavBar ul li span { display: none; }
#mainNavBar ul li.memOnly div ul li a { color: #ababab; }
#mainNavBar ul li.memOnly div ul li a:hover { color: #fff; }
#mainNavBar ul li.search { border: 0px; float: right; margin: 4px 10px; padding: 0px;}
#mainNavBar ul li.search button { border: 0px; font-size: .7em; background-color: #464646; padding: 3px 8px; color: white; text-align: center; margin-top: 0px;}
#mainNavBar ul li.search:hover { background-color: transparent; padding: 0px; }
#mainNavBar ul li.search:hover button { background-color: rgb(255, 90, 0); }
#mainNavBar ul li.normal div.wideSubMenu:hover { z-index: 52000; }

/* Login/Logout */
#memberLogin { display: block; background-color: #000; font-size: 1em; }
#memberLogin div.left-login-container { float: left; margin-left: 0px; width: 53%; padding: 10px; }
#memberLogin div.left-login-container a div { border: 2px solid #434343; }
#memberLogin div.left-login-container a div img { width: 100%; }
#memberLogin div.left-login-container label { display: block; color: #fff; font-size: 1.1em; font-weight: bold; text-align: center;  margin: 5px 0px 10px 0px;}
#memberLogin div.right-login-container { display: block; float: right; margin-bottom: 50px; width: 39%; padding: 10px; }
#memberLogin div.right-login-container form { background-color: #252525; border: 2px solid #434343; }
#memberLogin div.right-login-container form label { display: block; text-align: center; color: #fff; font-size: 1.1em; font-weight: bold; margin-bottom: 15px; }
#memberLogin div.right-login-container form div {display: block; width: 100%; text-align: center;}
#memberLogin div.right-login-container form div label { margin-bottom: 5px; font-weight: normal; display: inline-block; font-size: .8em; text-align: right; color: #ababab; margin-right: 10px;}
#memberLogin div.right-login-container form div input { border: 0px; width: 40%; color: #fff; font-size:.8em; background-color: #464646; margin-bottom: 5px;}
#memberLogin div.right-login-container form div span { font-size: .6em; display: block; width: 100%; text-align: center; color: #ababab; margin-bottom: 5px; margin-top: -5px;}
#memberLogin div.right-login-container form div a { padding-bottom: 15px; color: #ababab; font-size: .7em; }
#memberLogin div.right-login-container form div a:hover { color: rgb(255, 90, 0); }
#memberLogin div.right-login-container form div div input { width: 15px; }

/* Advanced Search Block */
#advancedSearch { display: none; width: 100%; margin-top: 10px;  margin-bottom: 10px; padding-top: 10px; background-color: #fff; font-size: 1.25em; border-bottom: 2px solid #333; border-top: 2px solid #333; position: absolute; z-index: 50000; margin: 0px auto; }
#advancedSearch label { font-size: 1em; margin-left: 10px; display: block; width: 100%; color: #333; margin-bottom: 10px;}
#advancedSearch form input {float: right; margin-bottom: 5px; }
#advancedSearch form div { width: 32%; float: left; overflow: hidden;}
#advancedSearch form article { display: block; width: 100%; text-align: center; margin-bottom: 10px;}
#advancedSearch form article input { float: none;}
#advancedSearch form div ul { width: 93%; display: inline-block; list-style-type: none; margin-left: 15px; margin-right: 5px; margin-bottom: 5px; padding: 3px 10px;}
#advancedSearch form div ul label span { font-size: .7em; color: #333; margin-bottom: 10px; }
#advancedSearch form div ul li { display: block; width: 100%; float: none; }
#advancedSearch form div ul li label { font-size: .6em; color: #333; display: inline-block; width: 35%; float: left; text-align: right; padding-right: 5px; margin-bottom: 5px;}
#advancedSearch form div ul li input { float: left; background-color: #666; color: #fff; border: 0px; border-radius: 6px; font-size: .7em; width: 40%; padding: 0px 3px;}
#advancedSearch form div ul li select { vertical-align: top; width: 40%; background-color: #666; color: #fff; border: 0px; font-size: .6em;}
#advancedSearch form ul.matchingCats { float: right; width: 65%; list-style-type: none; margin-left: 10px; margin-bottom: 5px; border-radius: 6px;}
#advancedSearch form ul.matchingCats li div { width: 30%; float: left; margin: 0px 5px;}
#advancedSearch form ul.matchingCats li div input { width: auto; float: left ;}
#advancedSearch form ul.matchingCats li div label { color: #333; width: 85%; float: left; margin-left: 5px; margin-top: -2px; text-align: left; font-size: .6em; margin-bottom: 5px;}
#advancedSearch form article input { margin-top: 10px;}
.radioSelect {font-size: .7em; }

/* Slider*/
#slider { width: 100%; background: #232323; border-top: 1px solid #666; position: relative; }
.sliderCaption { position: absolute; display: block; bottom: 0; left: 0; right: 0;  padding: 5px; text-align: center; background: #000; background: rgba(0,0,0, .6); color: #fff; }
#slider ul li img.sliderHD {position: absolute; top: 10px; right: 10px; width: 12%; z-index: 5;}
#slider ul li a img.playButton { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; z-index: 6;}

/*Play Video Clip */
#playVideoClip { position: absolute; bottom:5px; right: 20px; z-index:1050; width: 30%; background-color: rgb(255, 90, 0); color: #FFF; overflow: hidden; }
#playVideoClip article { display: block; width: 100%; }
#playVideoClip article div#vidPlay { width: 100%; overflow: hidden; }
#playVideoClip article div#clipAd { position: absolute; width: 100%; overflow: hidden; color: #fff; top: 100%; left: 0px; height: 300px; }
#playVideoClip article div#clipAd p { margin: 3px 8px; display: block; width: 100%; }

/* Video Meta Data */
#videoMeta { width: 100%; margin-top: 10px;  padding-top: 10px; background-color: #fff; font-size: 1.25em; }
#videoMeta viewAll { float: right; padding-right: 20px; font-size: .8em; color: #333; }
#videoMeta viewAll:hover { float: right; padding-right: 30px; font-size: 12px; color: rgb(255, 90, 0); cursor: pointer;  text-decoration: underline; }
#videoMeta ul { margin: 10px 20px; list-style-type: none; }
#videoMeta ul { display: none;}
#videoMeta ul:first-child { display: block; }
#videoMeta ul li { font-size: .8em; color: #232323; list-style-type: none; margin-bottom: 2px;}
#videoMeta ul li a { font-size: 1em; color: #666; }
#videoMeta ul li p { font-size: 1em; color: #333; }
#videoMeta ul li a:hover { color: #333; text-decoration: underline; }

/* Latest TitanMen Section */
#latestMen { width: auto; margin-top: 10px;  padding-top: 10px; background-color: #fff; font-size: 1.25em; border: 1px solid #999; }
#latestMen viewAll { float: right; padding-right: 20px; }
#latestMen viewAll a { color: #333; font-size: .8em; }
#latestMen viewAll a:hover { color: rgb(255, 90, 0); text-decoration: underline; }
#latestMen ul li { position: relative; overflow: hidden;  display: block; width: 30.75%; height: auto; margin-left: .75%; margin-right: .75%; text-align: center; margin-bottom: 10px; float: left; border: 2px solid #fff; }
#latestMen ul li img { top: 0px; left: 0px; width: 100%; }
#latestMen ul li:hover { border: 2px solid rgb(255, 90, 0); color: rgb(255, 90, 0); background-color: rgb(255, 90, 0); }
#latestMen ul li:hover p { border: 0px solid rgb(255, 90, 0); color: #FFF; background-color: rgb(255, 90, 0); font-size: .60em; }
#latestMen ul li img.playButton { width: 40px; height: 40px; position: absolute; top: 60%; left:60%; margin-top: -45px; margin-left: -45px; opacity:.7;}
#latestMen ul li img.hdLogo { width: 33px; height: 15px; position: absolute; top: 5px; left: 5px; }
#latestMen ul li p { bottom: 10px; padding: 0px; background-image: url();  width: 100%; font-size: .60em; }
#latestMen ul li img.imgHD {position: absolute; top: 5px; left: 80%; width: 17%; z-index: 5;}

/* Featured Men Seciont */
#featuredMen { width: auto; margin-top: 10px;  padding-top: 10px; background-color: #fff; font-size: 1.25em; border: 1px solid #999; }
#featuredMen viewAll { float: right; padding-right: 20px; }
#featuredMen viewAll a { color: #333; font-size: .8em; }
#featuredMen viewAll a:hover { color: rgb(255, 90, 0); }
#featuredMen ul li { overflow: hidden; display: block; width: 22%; margin-left: 2%; margin-right: 1%; text-align: center; margin-bottom: 10px; float: left; }
#featuredMen ul li:hover { border: 2px solid rgb(255, 90, 0); color: rgb(255, 90, 0); background-color: rgb(255, 90, 0); }
#featuredMen ul li:hover p { color: #FFF; background-color: rgb(255, 90, 0); }
#featuredMen ul li img { width: 100%; }
#featuredMen ul li p { background-image: none;  width: 100%; font-size: .7em; color: #666; padding-bottom: 5px;}
#featuredMen div.download_zip { float: right; margin-bottom: 10px; }
#featuredMen div.download_zip label { float: left; padding-right: 10px; font-size: .7em; color: #333;}
#featuredMen div.download_zip a { margin: 0px 5px; font-size: .7em; float: right; color: #666;}
#featuredMen div.download_zip a:hover { color: #333;  text-decoration: underline;}

/* Titan DVDs */
#titanDVDs { width: auto; margin-top: 10px;  padding-top: 10px; background-color: #fff; font-size: 1.25em; color: #333; border: 1px solid #999; }
#titanDVDs viewAll { float: right; padding-right: 10px; }
#titanDVDs viewAll a { color: #333; font-size:.8em; }
#titanDVDs viewAll a:hover { color: rgb(255, 90, 0);  text-decoration: underline; }
#titanDVDs ul li { overflow: hidden; display: block; width: 22%; margin-left: 2%; margin-right: 1%; text-align: center; margin-bottom: 10px; float: left; }
#titanDVDs ul li:hover { border: 2px solid rgb(255, 90, 0); color: rgb(255, 90, 0); background-color: rgb(255, 90, 0); }
#titanDVDs ul li:hover p { color: #FFF; background-color: rgb(255, 90, 0); }
#titanDVDs ul li img { width: 100%; }
#titanDVDs ul li p { background-image: none;  width: 100%; font-size: .7em; color: #666; height: 2.3em; }
#titanDVDs ul.videoMetaBlock { display: block; float: left; font-size: .8em; width: 75%; }
#titanDVDs ul.videoMetaBlock li { width: 100%;  text-align: left; margin-bottom: 1px; border: 0px; }
#titanDVDs ul.videoMetaBlock li label { font-size: .8em; padding: 0px 10px; color: #333;}
#titanDVDs ul.videoMetaBlock li ul { width: auto;  margin-left: 15px; margin-right: 15px; }
#titanDVDs ul.videoMetaBlock li ul li {float: left; width: auto; }
#titanDVDs ul.videoMetaBlock li ul li:hover {cursor: pointer; color: rgb(255, 90, 0); }
#titanDVDs ul.videoMetaBlock li ul li a { font-size: .8em; width: auto; }
#titanDVDs ul.videoMetaBlock li ul li.buttonOrange:hover {cursor: pointer; background-color: #00f; }
#titanDVDs ul.videoMetaBlock li ul li.buttonOrange a { font-size: .8em; width: auto; color: #fff; }
#titanDVDs ul.videoMetaBlock li u#catBody ul.thumb li pl li.buttonOrange a:hover { color: #fff; }
#titanDVDs ul.videoMetaBlock li ul li a:hover { font-size: .8em; width: auto; color: #333; }
#titanDVDs ul.videoMetaBlock li ul label { margin-bottom: 10px; text-indent: 0px; color: #666; font-size: .8em; margin-left: 5px; margin-right: 25px;}
#titanDVDs ul.videoMetaBlock li a { font-size: .8em; color: #666; }
#titanDVDs ul.videoMetaBlock li a:hover { font-size: .8em; color: #333; }
#titanDVDs ul.videoMetaBlock ul li { border: 0px; }
#titanDVDs ul.videoMetaBlock li:hover { background: transparent; border: 0px;}
#titanDVDs article label { padding: 5px 0px; float: left; font-size: .8em; color: #ababab; } 
#titanDVDs article p { margin: 0px 10px; color: #ababab; font-size: .8em; float: left; padding: 5px 0px;}
#titanDVDs article p:hover { padding: 5px 0px; background-color: rgb(255, 90, 0); }
#titanDVDs article p:hover a {color: #fff;}
#titanDVDs article p span {color: #fff;}
#titanDVDs article p a {color: #333;}

/* DVD By Studio */
#dvdByStudio { width: auto; margin-top: 10px;  padding-top: 10px; background-color: #fff; font-size: 1.25em; color: #333; }
#dvdByStudio div.panelViewPort div.scroll {display: block; width: 90%; float: left; overflow: hidden;}
#dvdByStudio article label { display: block; width: 100%; background-color: #00F; color: #fff; padding-left: 10px; margin-bottom: 3px;}
#dvdByStudio div.panelViewPort { float: left; display: block; width:100%; height: 210px; overflow: hidden; margin-bottom: 10px; margin-left: 10px; overflow: hidden;}
#dvdByStudio div.panelViewPort ul.panelContainer { display: block; width: 9999px; margin: 10px 0px; height: 210px;}
#dvdByStudio div.panelViewPort ul.panelContainer li { display: block; margin: 0px 3px; }
#dvdByStudio div.panelViewPort ul.panelContainer img { float: left; margin: 0px 6px; }
#dvdByStudio div.panelViewPort ul.panelContainer img:first-child { margin-left: 0px;}
.arrowRight { float: left; background-color: transparent; display: block; margin: 0 auto; width: 0; height: 0; border-top: 70px solid transparent; border-bottom: 70px solid transparent; border-left: 25px solid white; margin-top: 10px;}
.arrowLeft { float: left;background-color: transparent; display: block; margin: 0 auto; width: 0; height: 0; border-top: 70px solid transparent; border-bottom: 70px solid transparent; border-right: 25px solid white; margin-top: 10px;}
.arrowRight:hover { float: left; background-color: transparent; display: block; margin: 0 auto; width: 0; height: 0; border-top: 70px solid transparent; border-bottom: 70px solid transparent; border-left: 25px solid #00f; margin-top: 10px; }
.arrowLeft:hover { float: left;background-color: transparent; display: block; margin: 0 auto; width: 0; height: 0; border-top: 70px solid transparent; border-bottom: 70px solid transparent; border-right: 25px solid #00f; margin-top: 10px;}

/* Model Info */
#modelInfo { display: block; width: 100%; margin-top: 10px;  padding-top: 10px; background-color: #fff; font-size: 1.25em; }
#modelInfo article.exclusive label { display: block; width: 100%; margin: 10px 10px 0px 10px; }
#modelInfo article.exclusive ul { margin: 10px; list-style-type: none; display: block; width: 40%; float: left;}
#modelInfo article.exclusive ul li { list-style-type: none; width: 32%; float: left; }
#modelInfo article.exclusive ul li img { border: 2px solid #666; width: 100%; margin: 2px 2px; }
#modelInfo article.exclDetails ul { margin: 10px; list-style-type: none; display: block; width: 50%; float: left;}
#modelInfo article.exclDetails ul li { list-style-type: none;  float: none; }
#modelInfo article.exclDetails ul li p { font-size: .8em;  width: 100%; float: left; margin-bottom: 5px; margin-left: 10px; color: #333; }
#modelInfo article.exclDetails ul li p a { font-size: .8em; float: left; margin: 0px 5px; color: #666; }
#modelInfo article.exclDetails ul li a:hover  { color: #333; }
#modelInfo memTrackMdl { float: right; padding-right: 30px; }
#modelInfo memTrackMdl { color: #ababab; font-size: 12px; }
#modelInfo memTrackMdl a:hover { cursor: pointer; color: rgb(255, 90, 0); }
#modelInfo memTrackMdl a { color: #333; }

/* Custom Pages */
#customPages { display: block; width: 100%; margin-top: 10px;  padding-top: 10px; background-color: #fff; font-size: 1.25em; }
#customPages p { margin: 10px; font-size: .8em; color: #333; }
#customPages ul li { font-size: .8em; list-style-type: none; margin-left: 25px; display: block; width: 100%; }
#customPages form input { width: 20%; background-color: #666; color: #fff; border: 0px; border-bottom: 1px solid #898989; font-size: .8em; line-height: 130%;}
#customPages div.tosPage dl { display: block; width: 100%; font-size: .8em;}
#customPages div.tosPage dl dt { width: 90%; font-weight: bold; margin-left: 15px; margin-right: 15px;}
#customPages div.tosPage dl dd { width: 90%; font-weight: normal; margin-left: 25px; margin-right: 25px;}
#customPages form p label { color: #333; }

/* Support Page */
#customerSupport { display: block; width: 100%; margin-top: 10px;  padding-top: 10px; background-color: #fff; font-size: 1.25em; }
#customerSupport label { font-size: 1em; }
#customerSupport p { margin: 10px 15px; font-size: .8em; color: #333; padding-bottom: 10px;}
#customerSupport form { display: block; width: 60%; float: left; height: 300px;}
#customerSupport form ul li { display: block; font-size: .8em; color: #ababab; height: 20px; }
#customerSupport form ul li label { text-align: right; padding-right: 10px; width: 40%; float: left; font-size: .8em; line-height: 130%; color: #333; }
#customerSupport form ul li input { width: 40%; float: left; background-color: #666; color: #fff; border: 0px; border-bottom: 1px solid #898989; font-size: .8em; line-height: 130%;}
#customerSupport form ul li select { width: 40%; float: left; background-color: #666; color: #fff; border: 0px; font-size: .8em; line-height: 130%;}
#customerSupport form ul li textarea { resize: none; background-color: #666; color: #fff; border: 0px; font-size: .8em; width: 40%; }
#customerSupport form ul li button { padding: 3px 0px; background-color: #666; color: #fff; border: 0px; font-size: .8em; width: 40%; }
#customerSupport aside { margin-bottom: 20px; margin-right: 10px; overflow: hidden; float: right; width: 35%; display: block; border: 2px solid #464646; border-radius: 5px; }
#customerSupport aside label { display: block; background-color: #00f; width: 100%; color: #fff; padding: 5px; margin-bottom: 10px;}
#customerSupport aside img { float: left; width: 40%; padding: 10px;}
#customerSupport aside p { font-size: .7em; display: block; width: 45%; float: left; padding: 5px; margin: 0px;}
#customerSupport div label.supportError { display: block; color: rgb(255, 90, 0); margin: 10px 20px; font-weight: bold; font-size: .8em;}
#customerSupport div.csSuccess { display: block;  width: 55%; float: left; margin: 10px 2%;}
#customerSupport div.csSuccess label {display: block; font-size: 1em; color: #ababab;}
#customerSupport div.csSuccess p {display: block; margin: 5px; font-size: .8em;}

/* largePhoto layout */
#lrgPhoto { width: 100%; margin-top: 10px;  padding-top: 10px; background-color: #fff; font-size: 1.25em; }
#lrgPhoto ul { position: relative;}
#lrgPhoto ul li { display: block; width: 90%; margin: 10px auto; text-align: center;}
#lrgPhoto ul li img { width: 100%; }
#lrgPhoto label span { margin-right: 20px; float: right; font-size: .8em; color: #333; }
.foldtl { position: absolute; -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.8); -moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.8); box-shadow: 5px 5px 5px rgba(0,0,0,0.8); }
.foldtl:before { content: ""; position: absolute; top: 0%; left: 0%; width: 0px; height: 0px; border-bottom: 70px solid #eee; border-left: 70px solid #232323; -webkit-box-shadow: 7px 7px 7px rgba(0,0,0,0.3); -moz-box-shadow: 7px 7px 7px rgba(0,0,0,0.3); box-shadow: 7px 7px 7px rgba(0,0,0,0.3); }
#lrgPhoto ul li a { color: #333; }

/* Page Footer */
#pageFooter { display: block; width: 100%; margin-top: 0px;  padding-top: 10px; background-color: #232323; font-size: 1.25em;  background-size: 100%; overflow: hidden; }
#pageFooter ul { width: 60%; margin: 0px auto; }
#pageFooter ul li { display:block; width: 32%; list-style-type: none; float: left; }
#pageFooter ul li label { margin-bottom: 5px; background-position: 0px 3px; color: #fff; width: 100%; background-image: url(http://www.titanstatic.com/websites/img/bullet_15x15_ffffff.gif); background-repeat: no-repeat; list-style-type: none; float: left; padding-left: 20px; }
#pageFooter ul li p { margin: 0px 0px 0px 10px; font-size: .75em; color: #ababab; padding: 0px; font-size: 16px; }
#pageFooter ul li p span { margin: 5px 0px; color: #FFF; }
#pageFooter ul li p a { font-size: .8em; color: #ababab; }
#pageFooter ul li p a:hover { color: rgb(255, 90, 0); }
#pageFooter ul li p img { width: 20%; margin: 5px 5px; }
#pageFooter ul li form input { float: left; margin-left: 10px; width: 60%; background-color: #666; color: #fff; border: 0px; border-radius: 3px; font-size: .7em; padding:0px 5px; height: 20px; margin-bottom: 5px;}
#pageFooter ul li form button { float: left; margin-left: 2px; background-color: #666; color: #fff; border: 0px; border-radius: 3px; font-size: .7em; padding:0px 5px; }
#pageFooter ul li form button:hover { background-color: rgb(255, 90, 0); }
#pageFooter > article { width: 960px; margin: 0px auto; }
#pageFooter > article ul { width: 90%; }
#pageFooter > article ul li p span {width: 100%; margin-left: -10px; margin-bottom: -5px; }

copyright { font-size: 24px; background-color: #383838; display: block; text-align: center; padding-left: 20%; padding-top: 10px; padding-bottom: 10px; }
copyright p { font-size: .5em; padding: 0px 4px; color: #666; float: left; }
copyright p a { font-size: 1em; color: #666; }
copyright p a:hover { color: #fff; text-decoration: underline;}
subscribe { color: #ababab; font-size: .7em; }

/* VideoPlayer */
#videoContainer { width: 100%; position: relative; overflow: hidden; z-index: 10000;}
#videoPlayer { width: 100%; margin-top: 10px;  padding-top: 10px; background-color: #fff; font-size: 1.25em; }
#videoPlayer label.sectionHeader { display: block; }
#videoPlayer .vidquality { margin-top: 10px; padding-bottom: 10px;font-size: .7em; color: #232323; }
#videoPlayer .vidquality a { color: #666; }
#videoPlayer .vidquality a:hover { color: #333; text-decoration: underline; }
#videoPlayer .vidquality span.selected_vid { color: #333; text-decoration: underline; }
#videoPlayer #player { width: 100%; overflow: hidden; }
#videoContainer article.postRoll { width: 100%; position: absolute; top: 100%; left: 0px; color: #F00; height: 100%;}
#videoContainer article.postRoll img { width: 100%; }
#videoContainer article.memberPostroll { display: block; width: 100%; position: absolute; top: 100%; left: 0px; color: #F00; height: 100%; }
#videoContainer article.memberPostroll div:first-child { display: block; background-color: #000; margin: 7% auto 3% auto; width: 80%; border: 2px solid #fff; border-radius: 5px;}
#videoContainer article.memberPostroll div label{ float: left; display: block; width: 100%; font-size: 1.25em; color: #ababab;}
#videoContainer article.memberPostroll div label img { cursor: pointer; float: right; margin-right: 15px; margin-top: -2px;}
#videoContainer article.memberPostroll div ul li { position: relative; overflow: hidden;  display: block; width: 29.75%; height: auto; margin-left: 1%; margin-right: 1%; text-align: center; margin-bottom: 10px; float: left; border: 2px solid #232323; }
#videoContainer article.memberPostroll div ul li img { top: 0px; left: 0px; width: 100%; }
#videoContainer article.memberPostroll div ul li:hover { border: 2px solid rgb(255, 90, 0); color: rgb(255, 90, 0); background-color: rgb(255, 90, 0); }
#videoContainer article.memberPostroll div ul li:hover p { border: 0px solid rgb(255, 90, 0); color: #FFF; background-color: rgb(255, 90, 0); font-size: .60em; }
#videoContainer article.memberPostroll div ul li img.playButton { display: none; }
#videoContainer article.memberPostroll div ul li img.hdLogo { width: 33px; height: 15px; position: absolute; top: 5px; left: 5px; }
#videoContainer article.memberPostroll div ul li div { height: 1em; overflow: hidden; font-size: .6em; display: block; width: 100%; background-color: transparent; border: 0px; }
#videoContainer article.memberPostroll div ul li div { color: white; }
#videoContainer article.memberPostroll div ul li img.store-offer { height: 100%; width: auto;}
#videoContainer article.memberPostroll div ul div { position: relative; overflow: hidden;  display: block; width: 29.75%; height: auto; margin-left: 1%; margin-right: 1%; text-align: left; margin-bottom: 10px; float: left; border: 2px solid #232323; background-color: #fff;}
#videoContainer article.memberPostroll div ul div:hover { cursor: pointer; border: 2px solid rgb(255, 90, 0);}
#videoContainer article.memberPostroll div ul div img { width: 54%; float: left;}
#videoContainer article.memberPostroll div ul div p.store-cat { font-size:.8em; color: black; line-height: 1em; font-weight: bold; text-align: center; float: right; width: 44%; margin-top: 10px;}
#videoContainer article.memberPostroll div ul div p.store-link { background-color: blue; margin: 0px;  padding: 5px 0px; position: absolute; bottom: 0px; right: 0px; text-align: center; width: 48%; font-size: .8em; color: #fff;}

/* fixed position images*/ 
.bg-left { position: fixed; top:0px; left: 0px; width: 20%; }
.bg-right { position: fixed; top:0px; right: 0px; width: 20%; }

/* bar header for sections when needed */
barHeader { display: block; width: 100%; background-color: #232323; color: #ababab;  margin: 5px 0px; padding: 4px 10px; margin-bottom: 15px;}

/* FAQ PAGE */
#faqPage { display: block; width: 100%; }
#faqPage ul li label { display: block; font-weight: bold; width: 100%; margin-bottom: 10px; margin-top: 10px; color: #333; }
#faqPage ul li article { margin-left: 15px; background-image: url(http://www.titanstatic.com/websites/img/arrow_blue.png); background-repeat: no-repeat; padding-left: 25px; color: #666; }
#faqPage ul li article:hover { cursor: pointer; }
#faqPage ul li article blockquote { color: #656565; display: none; border-bottom: 1px solid #ababab; border-top: 1px solid #ababab; padding: 3px 4px; background-color: #efefef; margin: 5px 50px 10px 0px; font-size: .8em; }
#faqPage ul li article blockquote p { font-size: 1em; margin-top: 5px; margin-bottom: 5px; color: #333; }
#faqPage ul li article blockquote a { font-size: 1em; }
#faqPage ul li article blockquote a:hover { color: rgb(255, 90, 0); }
#faqPage ul li article blockquote ol { margin-top: 5px; margin-bottom: 5px; }
#faqPage ul li article blockquote ol li { font-size: 1em; margin-left: 50px; color: #333; }
#faqPage ul li article blockquote ol li strong { font-size: 1em; color: #666; font-weight: bold; }
#faqPage ul li article blockquote ul li { font-size: 1em; margin: 5px 50px; color: #333; }

/* Category body */
#catBody { width: 100%; margin-top: 10px;  padding-top: 10px; background-color: #fff; font-size: 1.25em; }
#catBody ul { display: block; width: 30%; float: left; margin: 0px 10px; margin-bottom: 5px;}
#catBody ul li {margin-left: 15px; width: 100%; list-style-type: none;}
#catBody ul li a { display: block; width: 100%; font-size: .8em; color: #666; }
#catBody article label { padding: 5px 0px; float: left; }
#catBody article p { margin: 0px 10px; color: #ababab; font-size: .8em; float: left; padding: 5px 0px;}
#catBody article p a { color: #333; }
#catBody article p:hover { padding: 5px 0px; background-color: rgb(255, 90, 0); }
#catBody article p:hover a {color: #fff;}
#catBody article p span {color: #fff;}
#catBody ul.thumb { display: block; width: 100%; }
#catBody ul.thumb li { position: relative; overflow: hidden;  display: block; width: 30.75%; height: auto; margin-left: .75%; margin-right: .75%; text-align: center; margin-bottom: 10px; float: left; border: 2px solid #fff; }
#catBody ul.thumb li img { top: 0px; left: 0px; width: 100%; }
#catBody ul.thumb li a:hover { background: transparent; }
#catBody ul.thumb li:hover p { background-color: transparent; color: #333; font-size: .70em; text-decoration: underline; }
#catBody ul.thumb li img.playButton { width: 40px; height: 40px; position: absolute; top: 60%; left:60%; margin-top: -45px; margin-left: -45px; opacity: .8; }
#catBody ul.thumb li img.hdLogo { width: 33px; height: 15px; position: absolute; top: 5px; left: 5px; }
#catBody ul.thumb li p { bottom: 10px; padding: 0px; background-image: none;  width: 100%; font-size: .70em; color: #333; }
#catBody ul.modelThumb { display: block; width: 100%; background-color: transparent; }
#catBody ul.modelThumb li { overflow: hidden; display: block; width: 21.75%; margin-left: 1%; margin-right: 1%; text-align: center; margin-bottom: 15px; float: left; }
#catBody ul.modelThumb li a:hover { background-color: transparent; }
#catBody ul.modelThumb li:hover { border: 2px solid rgb(255, 90, 0); color: rgb(255, 90, 0); background-color: rgb(255, 90, 0); }
#catBody ul.modelThumb li:hover p { color: #FFF; background-color: rgb(255, 90, 0); }
#catBody ul.modelThumb li img { width: 100%; }
#catBody ul.modelThumb li p { padding: 6px; background-image: url();  width: 100%; font-size: .8em; color: #666; height: 2.3em; }
#catBody ul li img.imgHD {position: absolute; top: 5px; left: 80%; width: 17%; z-index: 5;}
#catBody ul.catColumn { display: block; width: 30%; float: left; margin: 0px 10px; margin-bottom: 5px; } 

/* Downloads */
#downloads { display: block; width: 100%; margin-top: 10px;  padding-top: 10px; background-color: #fff; font-size: 1.25em; }
#downloads blockquote { font-size: .6em; margin: 15px 25px 15px 10px; width: 90%; color: #333; }
#downloads blockquote span { font-size: 1em;}
#downloads blockquote a {font-size: 1em; color: #666; }
#downloads blockquote a:hover { color: rgb(255, 90, 0);  }
#downloads p {margin: 10px; font-size: .8em; color: #ababab; }
#downloads p a { }
#downloads p a:hover {color: rgb(255, 90, 0); }
#downloads ul { display: block; list-style-type: none; width: 100%; }
#downloads ul li.infoBlock { width: 95%; margin: 0px 1%; margin-bottom: 10px; background-color: #fff; border-radius: 5px; border: 2px solid #fff; display: block; height: auto; float: left;}
#downloads ul li.infoBlock label { width: 100%; font-size: 1em; color: #333; margin: 5px 10px;}
#downloads ul li.infoBlock p {width: 95%; font-size: .7em; color: #333; margin: 2px 10px; font-style: italic;}
#downloads ul li.thumb { overflow: hidden; list-style-type: none; position: relative; overflow: hidden;  display: block; width: 29.75%; height: auto; margin-left: 1%; margin-right: 1%; text-align: center; margin-bottom: 20px; float: left; border: 2px solid #fff; }
#downloads ul li.thumb img { top: 0px; left: 0px; width: 100%; }
#downloads ul li.thumb img.playButton { width: 40px; height: 40px; position: absolute; top: 60%; left:60%; margin-top: -45px; margin-left: -45px; opacity:.7;}
#downloads ul li.thumb img.hdLogo { width: 33px; height: 15px; position: absolute; top: 5px; left: 5px; }
#downloads ul li.thumb p { bottom: 10px; padding: 0px; background-image: url();  width: 100%; font-size: .70em; }
#downloads ul li.thumb p { display: none; }
#downloads downloadInfo { display: none; }

/* General Error Page */
#errorPage { width: 100%; margin-top: 10px;  padding-top: 10px; background-color: #232323; font-size: 1.25em; background: #000 url(http://www.titanstatic.com/websites/img/TitanMen/bg-left.jpg) no-repeat right top; }
#errorPage label { color: rgb(255, 90, 0); font-size: 1.5em; }
#errorPage p { color: #ababab; font-size: .8em; width: 75%; }
#videoContainer#errorPage img { float: right; width: 75%; }

/* Page Navigation for sections */
#paging { width: 100%; height: 28px; overflow: hidden; margin-bottom: 10px; background-color: #dcdcdc;}
#paging div { float: right; margin-bottom: 5px; }
#paging div ul { padding: 3px 5px; list-style-type: none; display: block; width: 100%; font-size: 16px; }
#paging div ul li { list-style-type: none; padding: 3px 5px; font-size: .8em; color: #232323; float: left; }
#paging div ul li a { font-size: 1em; color: #333; }
#paging div ul li span { font-size: 1em; }
#paging div ul li a:hover { color: #333; text-decoration: underline; }
.currentPage { color: #ff5a00; margin: 0px 3px; font-weight: bold; }

/* dashOffers */
#dashOffers { display: block; background-color: #cdcdcd; font-size: 1em; padding-top: 2px; margin-top: 5px; padding-left: 4px; padding-right: 4px; }

/* PlayerCTA for non-members */
#videoContainer { width: 69%; float: left;}
#playerCTA { overflow: hidden; width: 29%; float: left;  background-color: #464646; }
#playerCTA div { margin: 2% 4%; }
#playerCTA div label { color: #ababab; font-weight: bold; display: block; text-align: center; margin-bottom: 10px;  }
#playerCTA div span { display: block; text-align: center; color: rgb(255, 90, 0); font-weight: bold; font-size: 1em; }
#playerCTA div form#ctaJoin { margin: 0px 5% 5% 5% }
#playerCTA div form#ctaJoin span { font-size: .7em; margin: 10px 0px; font-weight: normal; color: #ababab; }
#playerCTA div form#ctaJoin p { font-size: .7em; margin: 10px 0px; }
#playerCTA div form#ctaJoin label { display: block; font-size: .6em; }
#playerCTA div form#ctaJoin label input#uName { background-color: #252525; border: 1px solid #666; padding: 2px 5px; float:right; width: 100px; }
#playerCTA div form#ctaJoin label input#eMail { background-color: #252525; border: 1px solid #666; padding: 2px 5px; float:right; width: 100px; }
#playerCTA div form#ctaJoin label input#pWord { background-color: #252525; border: 1px solid #666; padding: 2px 5px; float:right; width: 100px; }
#playerCTA div form#ctaJoin label.showpw { text-align: center; display: block; font-size: .6em; }
#playerCTA div form#ctaJoin p:last-child { font-size: .6em; margin: 10px 0px; }
#playerCTA div form#ctaJoin button#joinStep2 { display: block; margin: 0px auto; }


#mainNavBar ul li div.wideSubMenu > ul li { display: inline-block; width: auto; float: left; margin: 0px 5px; border: 0px; }
#slider ul.rslides_tabs p { color: #f8f6f4; padding-left: 10px; text-align: left; font-size: .7em; float: left; width: 65%; overflow: hidden; height: 1em; }
#slider ul.rslides1_tabs p { color: #f8f6f4; padding-left: 10px; text-align: left; font-size: .7em; float: left; width: 65%; overflow: hidden; height: 1em; }


/*Thumbnail Fix For FireFox*/
.thumbActualImageRequired { position: absolute;top: 0px; left: 0px; }
.thumbPlaceHolderRequired { position: relative; top: 0px; left: 0px; }

/*New Color Changes For Site*/
label.mediumFont { font-size: 1em; }
#titanDVDs label.sectionHeader { font-size: 1em; margin-left: 0px; padding-left: 10px; }
#titanDVDs article { margin: 0% 1%; font-size: .8em; }
#titanDVDs hr:first-child { margin: 0% 1%; }
#titanDVDs article span { padding: 3px 10px; }
#titanDVDs article p { padding: 3px 10px; margin: 0px; }
#downloads blockquote { color: #666; }
#downloads ul li.infoBlock label { color: #232323; }
#downloads ul li.infoBlock p { color: #666; }
#userViewedClips label { color: #232323; }
#userViewedClips article label:first-child { color: #666; }
#userViewedClips article.builtHistoryList div.history article.viewClipsLineItemBlock label { color: #333; }
#userViewedClips article.builtHistoryList div.history article.viewClipsLineItemBlock label a:hover { color: #333; }
#userViewedClips article.builtHistoryList aside label i { color: #232323; }
#userViewedClips article.builtHistoryList aside p { color: #666; }
#userViewedClips article.builtHistoryList aside a p { color: #666; }
#myDashboard div#myContent mainContent div#dashTabs div p a label { color: #666; }
#myDashboard div#myContent mainContent div#dashTabs div p a:hover label { color: #333; text-decoration: underline; }
#myDashboard div#myContent mainContent div#dashScenes ul li a p { color: #666; }
#myDashboard div#myContent mainContent div#dashScenes ul li a:hover p { color: #333; text-decoration: underline; }
#myDashboard div#myContent mainContent div#dashFavs ul li a p { color: #666; }
#myDashboard div#myContent mainContent div#dashFavs ul li a:hover p { color: #333; text-decoration: underline; }
#myDashboard div#myContent maincontent div#dashModels ul div div p a { color: #666; }
#myDashboard div#myContent maincontent div#dashModels ul div div p { color: #666; }
#myDashboard div#myContent maincontent div#dashModels ul div div p a:hover { color: #333; text-decoration: underline; }
#myDashboard div#myContent maincontent div#dashDownloads ol li label { color: #666; }
#myDashboard div#myContent maincontent div#dashDownloads ol li a:hover label { color: #333; text-decoration: underline; }
#paging div ul li a { color: #666; }
label.sectionHeader a { color: #232323; }
label.sectionHeader a:hover { color: #333; text-decoration: underline; }
#featuredMen div.download_zip label { color: #232323; }
#catBody ul.thumb li:hover a div.movieTitle { color: #232323; text-decoration: underline; }
#catBody ul.thumb li a div.movieTitle { height: 2.3em; overflow: hidden; text-align: left; font-size: .9em; color: #666; }
#latestMen label.sectionHeader ul.thumb li a div.movieTitle { height: 3em; overflow: hidden; text-align: left; font-size: .9em; color: #666; }
#latestMen label.sectionHeader ul.thumb li:hover a div.movieTitle { color: #333; text-decoration: underline; }
#latestMen ul.thumb li a div.movieTitle { height: 2.3em; overflow: hidden; text-align: left; font-size: .75em; color: #666; }
#latestMen ul.thumb li:hover a div.movieTitle { color: #333; text-decoration: underline; }
#catBody ul.thumb li div.movieTitle { height: 2.3em; overflow: hidden; text-align: left; font-size: .75em; color: #666; }
#catBody ul.thumb li:hover div.movieTitle { color: #232323; text-decoration: underline; }
#videoMeta viewAll:hover { color: #232323; text-decoration: underline; padding-right: 20px; font-size: .8em; }
#videoMeta viewAll{ color: #666; }
#videoMeta ul li a:hover { color: #333;text-decoration: underline;	 }
#latestMen viewAll a { color: #666; }
#latestMen viewAll a:hover { color: #232323;  text-decoration: underline; }
#featuredMen viewAll a:hover { color: #232323;  text-decoration: underline; }
#featuredMen viewAll a { color: #666; }
#featuredMen ul li:hover p { background-color: transparent; color: #232323; padding-bottom: 5px; text-decoration: underline;}
#featuredMen div.download_zip a:hover { color: #333; text-decoration: underline;}
#titanDVDs viewAll a:hover { color: #232323;  text-decoration: underline; }
#titanDVDs viewAll a { color: #666; }
#titanDVDs ul li:hover { border: 0px; color: #666; background-color: transparent }
#titanDVDs ul li:hover p { color: #232323; background-color: transparent;  text-decoration:underline;}
#featuredMen viewAll a:hover { color: #232323;  text-decoration: underline; }
#featuredMen viewAll a { color: #666; }
#titanDVDs viewAll a:hover { color: #232323;  text-decoration: underline; }
#titanDVDs viewAll a { color: #666; }
#titanDVDs ul li:hover { border: 0px; color: #666; background-color: transparent }
#titanDVDs ul li:hover p { color: #232323; background-color: transparent;  text-decoration:underline;}
#titanDVDs ul.videoMetaBlock li ul li a:hover { color: #333; }
#titanDVDs ul.videoMetaBlock li a:hover { color: #333; }
#titanDVDs article p:hover { background-color: #333; margin: 0px; padding: 3px 10px; }
#modelInfo article.exclDetails ul li a:hover  { color: #333; }
#featuredMen ul li:hover p { background-color: transparent; color: #232323; padding-bottom: 5px; text-decoration: underline;}
#videoMeta ul li.previewDescription { font-size: .8em; color: #666; list-style-type: none; margin-bottom: 2px; }
span.ratings { color: #333; }
#latestMen ul.thumb li.movieResults a div.movieTitle { font-size: .75em }
#latestMen ul.thumb li.movieScenes a div.movieTitle { font-size: .75em }
#latestMen ul.thumb li.modelResults a div.movieTitle { font-size: .85em }
.siteList { margin: 10px 0px 10px 0px; }
.siteList hr { margin: 0px 15px 0px 15px; }
.siteList ul { margin-left: 20px; list-style-type: none; margin-top: 10px; }
.siteList ul li { line-height: 2em; }
.siteList ul li a { color: #666; font-size: 1em; }
.siteList ul li a:hover { color: #333; text-decoration: underline; }
#myDashboard article#myConfig div.configSettings { background-color: #f8f6f4; }
#catBody section label.miniSelect { background-image: none; margin-left: 0px; padding-left: 15px; font-size: 1em; color: #232323; }
#faqpage barheader { color: #ababab; }





