/***************************  Copyrights 2008 for Therubberclinic.com  ***************************

This sites, text, coding, CSS and programming belongs and is copyrighted to "RE Productions Ltd" 
Any one found copying, using or cloning this material will be prosecuted in their own country 
to the fullest extent of the law!

*********************************** YOU HAVE BEEN WARNED!!! *************************************/
@charset "utf-8";

:active, :focus { outline-style: none; -moz-outline-style:none; }

@font-face {
	font-family: "BankGothic Md BT";
	font-style: normal;
	font-weight: normal;
	src: url("http://www.therubberclinic.com/images/BANKGOT0.eot");
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background: #000;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
	color: #fff;
}

img,object {
	border: 0;
	margin: 0;
	padding: 0;
}

div {
	border: 0px solid red;
}

.clear {
	height: 0px;
	clear: both;
}

p {
	font-size: 12px;
	color: #fff;
}

p a {
	color: #fff;
}

.object_border {
	border: 1px #fff solid;
}

.normal {
	padding: 0 0 20px 0;
	margin: 0;
	text-align: center;
}

.normal a {
	color: #fff;
}

#wrapper {
	width: 1210px;
	margin: 0 auto;
	border: 0px solid red;
	text-align: left;
	background: url("../images/top_background.jpg") 0 0 no-repeat;
}

#login_box {
	height: 406px;
	width: 835px;
	padding: 0 0 0 220px;
	background: url("../images/login_background.jpg") 0 0 no-repeat;
}

#enter_wrapper #lang_selection {
	float: left;
	padding: 0 0 0 250px;
}

#logo {
	padding: 314px 0 0 199px;
}

#header {
	height: 103px;
	padding: 45px 10px 0 124px;
}

#header span {
	display: none;
}

#cross_left,#cross_right {
	float: left;
}

#second_background {
	margin: 0 auto 0 auto;
	text-align: left;
	width: 1210px;
	background: url("../images/second_background.png") 0px 350px repeat-y;
}

#content {
	background: url("../images/content_background_middle.png") repeat-y;
	width: 967px;
	margin: 0 0 0 129px;
	padding: 0;
	zoom: 1;
}

#content_background_fix {
	height: 6px;
	background: url("../images/content_background_top.png") no-repeat;
}

#title {
	margin: 0 0 0 5px;
}

#right_pane {
	margin: 4px 10px 0 0 !important;
	margin: 4px 5px 0 0;
	padding: 20px 15px 15px 15px !important;
	padding: 20px 0 15px 10px;
	background: #000000;
	width: 746px;
	border: 1px #fff solid;
	float: right;
}

#right_pane h1 {
	font-family: "BankGothic Md BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0;
	color: #fff;
	text-align: center;
}
#right_pane h1 a, #right_pane h2 a {
    color: #970000;
}
#right_pane #updates .description .textbox h1 a {
    color: #ffffff;
}
#broadband,#dialup {
	font-size: 12px;
	color: #fff;
	padding: 0 0 0px 0;
}

#broadband h1 {
	margin: 0 0 0 90px;
	padding: 0;
	width: 550px;
	height: 57px;
	background: url("../images/fullsize_videoclips.jpg") no-repeat;
	display: block;
}

#broadband h1 span {
	display: none;
}

#broadband p {
	font-weight: normal;
}

.video_selection_right {
	width: 310px;
	padding: 0 0 0 10px;
	float: left;
}

.video_selection_left {
	width: 420px;
	float: left;
}

#dialup h1 {
	margin: 0 0 0 90px;
	width: 550px;
	height: 57px;
	background: url("../images/dialup_videoclips.jpg") no-repeat;
	display: block;
}

#dialup h1 span {
	display: none;
}

#dialup p {
	font-weight: normal;
}

#left_pane {
	margin: 4px 0 0 5px !important;
	margin: 4px 0 0 3px;
	width: 170px;
	padding: 0;
	border: 0px #fff solid;
	float: left;
}
#left_pane #dvds h2 {
   font-size: 11px;
   font-weight: bold;
}

.beep {
	margin: 10px 0 8px 0;
}

#footer {
	width: 967px;
	height: 15px;
	margin: 0 0 0 129px;
	background: url("../images/content_background_bottom.png") 0 0 no-repeat
		;
}

#footer p {
	text-align: center;
	color: #FFFFFF;
	padding: 0 0 20px 0;
	font-size: 10px;
}

#updates .thumbnail {
	width: 760px;
	height: 500px;
	position: relative;
}

#updates .thumbnail span a {
	width: 106px;
	height: 110px;
	left: bottom;
	background: url("../images/play_small.png") no-repeat;
	top: 320px;
	left: 310px;
	display: block;
	position: absolute;
}

#updates .thumbnail span a:hover {
	background-position: right bottom;
}

#updates .thumbnail img {
	border: 0;
}

#updates .description {
	margin: 0;
}

#updates .description h1 {
	padding: 0 0 0 0;
	margin: 15px 0 0 0;
	color: #FFFFFF;
	font-family: "BankGothic Md BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: left;
}

#updates .description p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 10px 0 0 0;
	color: #d30e0e;
}

#updates .textbox {
	
}

.view_gallery_button span,.gallery_index_button span,.small_video_button span,.large_video_button span,.enter_here span,.subscribe span,.members_here span,.no_cc span,.members_here_odd span,.no_cc_odd span,.back_to_video_list span,.back_to_gallery_list span,.back_to_gallery span,.subscribe_small span,.subscribe_small_odd span, .pay_per_view span, .pay_per_view_odd span
	{
	visibility: hidden;
}

.view_gallery_button,.gallery_index_button,.small_video_button,.large_video_button,.subscribe
	{
	float: left;
}

.subscribe {
	margin: 10px 5px 0 -10px;
}

.view_gallery_button,.gallery_index_button,.small_video_button,.large_video_button
	{
	margin: 10px 32px 0 -5px;
}

.small_video_button {
	margin: 10px 32px 0 -10px;
}

.gallery_index_button {
	margin: 10px 32px 0 -15px;
}

#videos {
	padding: 15px 0 0 0;
}

#videos .thumbnail {
	width: 497px;
	height: 363px;
	position: relative;
	float: left;
}

#videos .thumbnail span a {
	width: 106px;
	height: 110px;
	left: bottom;
	background: url("../images/play_small.png") no-repeat;
	top: 200px;
	left: 210px;
	display: block;
	position: absolute;
	float: left;
}

#videos .thumbnail span a:hover {
	background-position: right bottom;
}

#videos .thumbnail img,#galleries .thumbnail img {
	border: 1px #7e0501 solid;
}

#videos .description,.description_odd {
	margin: 0;
	width: 245px;
	height: 363px;
	float: left;
}

#videos .description_odd p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 10px 0 0;
	margin: 0 0 0 0;
	color: #d30e0e;
}

#videos .description p,#galleries .description p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 10px;
	margin: 0;
	color: #d30e0e;
}

#videos .textbox {
	height: 230px;
}

.textbox h1 a,.description h1 a {
	text-decoration: none;
	color: #ffffff;
}

.textbox h1 span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}

#galleries .description {
	margin: 0;
	width: 180px;
	float: left;
}

#galleries .description p {
	padding: 5px 0 0 8px;
	font-size: 11px;
	text-align: center;
}

#galleries .thumbnail {
	width: 150px;
	height: 202px;
	float: left;
}

#galleries .description h1 {
	padding: 0 0 0 8px;
	margin: 0;
	color: #FFFFFF;
	font-family: "BankGothic Md BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

#galleries td {
	padding: 0 20px 0 20px;
}

#galleries table {
	margin: 10px 0 0 0;
}

#gallery_list a img {
	border: 1px #7e0501 solid;
}

.members_here,.no_cc,.subscribe_small, .pay_per_view {
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

.members_here_odd,.no_cc_odd,.subscribe_small_odd, .pay_per_view_odd {
	margin: 0 0 0 0;
	bottom: 0px;
	left: 0px;
}

.no_cc a,.no_cc_odd a {
	display: block;
	width: 230px;
	height: 46px;
	background: url("../images/no_cc.png") no-repeat;
	text-decoration: none;
}

.pay_per_view a,.pay_per_view_odd a {
	display: block;
	width: 230px;
	height: 46px;
	background: url("../images/pay_per_view.png") no-repeat;
	text-decoration: none;
}

.back_to_video_list,.back_to_gallery_list {
	text-align: center;
	padding: 0 0 10px 0;
}

#members p {
	color: #d30e0e;
}

#members #thumbnail {
	text-align: center;
}

#members #download,#members #download a {
	text-align: center;
	font-size: 14px;
	color: #fff;
}

#friends {
	width: 158px;
	height: 2607px;
	overflow: scroll;
	overflow-x: hidden;
	scrollbar-face-color: #d30e0e;
	scrollbar-base-color: #d30e0e;
	background: #000;
	border: 1px #fff solid;
	color: #fff;
	text-align: center;
	padding: 10px 5px 10px 5px;
	margin: 10px auto 0 auto;
}
#reshop_prods {
	width: 158px;
	background: #000;
	border: 1px #fff solid;
	color: #fff;
	text-align: center;
	padding: 10px 5px 10px 5px;
	margin: 10px auto 10px auto;
}
#friends h1, #reshop_prods h1 {
	font-family: "BankGothic Md BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0;
}

#friends table {
	margin: 0 auto 0 auto;
	padding: 0;
}

#dvds {
	width: 158px;
	background: #000;
	border: 1px #fff solid;
	color: #fff;
	text-align: center;
	padding: 10px 5px 0 5px;
}

#dvds h2 {
	padding: 7px 2px 9px 2px;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	color: #d30e0e;
}

#dvds h1 {
	font-family: "BankGothic Md BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 11px 0;
	margin: 0;
}

#dvds p {
	padding: 0 0 17px 0;
	margin: 0;
	font-size: 9px;
}

#dvds img,#dvds object {
	border: 1px #fff solid;
}

#dvds object {
	margin: 0 0 3px 0;
}

.wmv_logo {
	padding: 20px;
	text-align: center;
}

.wmv_logo img {
	border: 0;
}

.small,.small a {
	font-size: 10px;
	color: #fff;
	padding: 5px;
	margin: 0;
	text-decoration: none;
}

.hr {
	clear: both;
	width: 754px;
	height: 59px;
	background: url("../images/hr.png") 0 0 no-repeat;
}

.hr_updates {
	clear: both;
	width: 754px;
	height: 42px;
	background: url("../images/hr.png") 0px -11px no-repeat;
}

#galleries .hr {
	width: 724px;
	background: url("../images/hr.png") 30px 0 no-repeat;
}

ul#navMain {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#navMain a {
	display: block;
	width: 170px;
	height: 25px;
	color: #000;
	text-decoration: none;
	text-indent: 50px;
	margin: 0 0 5px 0;
}

#navMain span {
	visibility: hidden;
}

#pager {
	margin: -30px 0 0 0;
	padding: 0;
}

#pager a,#pager b {
	font-size: 14px;
	font-weight: bold;
	color: #7e0501;
}

#pager .page_no {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

#pager .position {
	color: #fff;
}

#thumbnail_list img {
	border: 1px #fff solid;
}

#full_image table {
	text-align: center;
}

#full_image {
	margin: 0 auto 0 auto;
	border: 0px solid #000000;
	text-align: center;
}

#full_image a {
	color: #fff;
}

#full_image h1 {
	background: url("../images/image_header.png") no-repeat;
	width: 802px;
	height: 74px;
	margin: 0 auto 0 auto;
}

#full_image span {
	display: none;
}

#full_image td {
	padding: 10px;
	border: 1px #7e0501 solid;
}

#full_image img {
	border: 1px #fff solid;
}

#full_image p {
	padding: 0 10px 0 0;
	color: #fff;
}

#full_image #nav {
	padding: 10px 10px 0 0;
	margin: 0 auto 0 auto;
}

#patients {
	color: #fff;
}

#patients td {
	vertical-align: top;
	width: 160px;
	font-size: 11px;
}

#patients h1 {
	text-align: left;
	color: #d30e0e;
}

#patients img {
	border: 1px #fff solid;
}

#enter_wrapper span {
	visibility: hidden;
}

#enter_wrapper p {
	color: #fff;
	font-family: "BankGothic Md BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	padding: 0;
	margin: 0;
}

#enter_wrapper h2 {
	padding: 45px 0 0 0;
	color: #fff;
	font-family: "BankGothic Md BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align: center;
	margin: 0 auto 0 auto;
	font-weight: normal;
}

#enter_wrapper h3 {
	padding: 55px 0 0 0;
	color: #fff;
	font-family: "BankGothic Md BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	margin: 0 auto 0 auto;
	color: #fff;
	font-weight: normal;
}

#enter_wrapper h4 {
	padding: 34px 0 0 0;
	color: #fff;
	font-family: "BankGothic Md BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	margin: 0 auto 0 auto;
	color: #fff;
	font-weight: normal;
}

#enter_wrapper h5 {
	padding: 34px 0 0 0;
	color: #fff;
	font-family: "BankGothic Md BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	text-align: center;
	margin: 0 auto 0 auto;
	color: #fff;
	font-weight: normal;
}

#enter_wrapper h3 a,#footer p a,#enter_wrapper h4 a,#enter_wrapper h5 a
	{
	color: #fff;
}

#enter_wrapper h5 a {
	text-decoration: none;
}

#banners {
	margin: 4px 10px 0 0 !important;
	margin: 4px 5px 0 0;
	padding: 10px;
	background: #000000;
	width: 756px;
	height: 289px;
	border: 1px #fff solid;
	float: right;
}

#banners a {
	padding: 0 11px 0 11px;
}

#banners h1 {
	font-family: "BankGothic Md BT", Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: normal;
	color: #fff;
	text-align: center;
	margin: 20px auto 20px auto;
}

//
Forms

form h2 {
	font: 18px verdana, arial, sans-serif;
}

form {
	/* set width in form, not fieldset (still takes up more room w/ fieldset width */
	font: 12px verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
}

form fieldset { 
	clear: both;
    border-color : #000;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin: 0;
}

form fieldset legend {
	font-size: 1.1em;
}

p.radio {
	padding-left: 10px;
	margin-top: -10px;
}

form fieldset label:first-letter {
	text-decoration: underline;
}

form input,form textarea,form select {
	width: auto;
	margin: 10px 0 0 10px;
}

form input#reset {
	margin-left: 0px;
}

textarea {
	overflow: auto;
}

form small {
	display: block;
	margin: 0 0 5px 160px;
	padding: 1px 3px;
	font-size: 88%;
}

form .required {
	font-weight: bold;
}

form br {
	clear: left;
}

form #country {
	width: 250px;
}

.form_error {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #d8732f;
}

#download {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0 auto 0 auto;
	color: #d30e0e;
}

#download  p {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
}

#download  h1 { 
	font-size: 20px;
	color: #d30e0e;
	font-weight: normal;
	font-family: Arial, Verdana, sans-serif;
}

#image_footer {
	padding: 0;
	margin: 10px 0 10px 0;
}

#links_page a,img {
	border: 0;
}

.container {
	text-align: center;
}

.container #next a {
	position: absolute;
	width: 427px;
	height: 101px;
	right: 0;
	float: left;
}

.container #box {
	padding: 10px;
	border: 1px solid #FF0000;
	background-color: #000000;
	float: left;
}

#our_websites h3 {
	color: #cfc9c9;
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

#our_websites {
	margin: 40px 0 0 0;
}

#signup  form h2 {
	font: 18px verdana, arial, sans-serif;
}

#join form {
	font: 12px verdana, arial, sans-serif;
	margin: 0;
	padding: 0;
}

#join form fieldset {
	clear: both;
	border-color: #000;
	border-width: 1px;
	border-style: solid;
	padding: 10px; /* padding in fieldset support spotty in IE */
	margin: 0;
}

#join form fieldset legend {
	font-size: 1.1em;
}

#join form label {
	display: block;
	float: left;
	width: 140px;
	padding: 0;
	margin: 5px 0 0;
	text-align: right;
	color: #fff;
}

#join .radio label {
	display: block;
	float: left;
	width: 280px;
	padding: 0;
	margin: 5px 0 0 0px;
	text-align: left;
}

#join .radio {
	padding-left: 30px;
	margin: 10px 0 0 0;
}

#join form fieldset label:first-letter {
	text-decoration: underline;
}

#join form input,form textarea,form select {
	width: auto;
	margin: 5px 0 0 10px;
}

#join form input#reset {
	margin-left: 0px;
}

#join textarea {
	overflow: auto;
}

#join form small {
	display: block;
	margin: 0 0 5px 160px;
	padding: 1px 3px;
	font-size: 88%;
}

#join form .required {
	font-weight: bold;
}
#join form br {
	clear: left;
}

#join form #country {
	width: 250px;
}

#signup #form_content {
	width: 627px;
	text-align: left;
	color: #ffffff;
	background: url("../images/signup_background.jpg") no-repeat;
}

#signup #form_background {
	margin: 0 auto 0 auto;
	text-align: center;
	width: 627px;
	background: url("../images/main_background.jpg") repeat-y center;
}

#join .form_error {
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #d8732f;
	padding: 5px 0 0 150px;
}
#join {
   width: 950px;
   padding: 68px 0 0 1px;
   margin: 0 0 0 6px;
   border: 1px solid #cacaca;
   background: url("../images/join_background.jpg") no-repeat;
   background-color: #000000;

}
#demo {
  width: 675px;
  height: 387px;
  background: url("../images/demo_frame.png") no-repeat;
  padding: 13px 0 0 20px;
  border: 0px;
  margin: 0 0 10px 35px;
}
.switch_lo a, .switch_hi a {
   margin: -10px 0 0 75px;
   display: block;
   width: 584px;
   height: 56px;
}
.switch_lo a { 
   background: url("../images/switch_lo.png") no-repeat;
}
.switch_hi a {
   background: url("../images/switch_hi.png") no-repeat;
}

#right_pane h2 {
   font-family: "BankGothic Md BT", Verdana, Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 19px;
   margin: 0 0 -5px 0;
   padding: 0;
   text-align: center;
}

