﻿/* Global Settings */
html, body, p, h1, h2, h3, img, ol, ul, li, fieldset, legend, form { margin: 0; padding: 0 }
html { height: 100% }
body { font: 12pt Arial; background: #FFF; color: #333; text-align: center; padding-top: 0px }
p, h1, h2, h3, ul, li { margin: 0; padding: 0; font-size: 12pt; text-align: left; font-family: Arial; }

form{text-align: center; padding-top: 20px }

/* Tools */
.discreet, h1 a, #browse-actors span, #details-block div input, #details-block label span { position: absolute; top: -9999em; left: -9999em }
strong { color: #F16E04 }
strong.plain { color:#FFFFFF }
strong.blue { color:#3399CC; }
strong.black { color:#000000; font-weight:600 }
.button { width: auto !important }
.clear, .clear-both { clear: both }
.spacer { height: 12px }
.no-margin { margin: 0 }
.top-margin { margin-top: 12px; padding-top: 12px }
span.clear-both { display: block; clear: both }
.red-highlight-text { color:Red }
.hidden { visibility:hidden }
.visible{ visibility:visible }
hr { color:#99CCFF }
hr.order{ width:400px; color:#09F; border:1px solid;}
hr.order-shot-type{ width:470px;}
h4 { margin:0;  padding: 0 12px 0 32px;  text-align: left; font-family: Arial; color:#3399CC; font-size:12pt }
h5 { margin:0 0 10px 20px; padding: 0; text-align: left; font-family: Arial; color:#3399CC; font-size:12pt }
a.about { color:#3399CC; }

/* Link Behavior */
a:link:focus, a:visited:focus { font-weight: bold; color: #000; border-bottom: 1px #000 solid; text-decoration: none }
a:link { font-weight: bold; color: #000; border-bottom: 1px #000 dotted; text-decoration: none }
a:visited { font-weight: bold; color: #333; border-bottom: 1px #000 dotted; text-decoration: none }
a:link:hover, a:visited:hover { font-weight: bold; color: #000; border-bottom: 1px #000 solid; text-decoration: none }
a:link:active, a:visited:active { font-weight: bold; color: #000; border-bottom: 1px #000 solid; text-decoration: none; outline: none; -moz-outline-style: none }

/* Font Behavior */
h2, h3 { padding: 0 12px 0.4em 32px; font-size:12pt; }
h2 { padding-left: 32px; padding-bottom: 5px !important; font-size:12pt; color: #0386DA; background: url(../images/highlight.gif) no-repeat 14px 1px }
h3 { font-size: 1.2em }
p { padding: 0 32px 1em 32px; text-align: justify }
ol { margin: 0 32px 1em 32px; padding-left: 32px }
form p { padding: 0; margin: 0 32px 1em 32px }
p, ul, ol { font-family: Arial; }
h3 span { margin: 0; font-weight: normal; display: block; font-size: 90% }
.center { text-align: center }
.note { font-size: 85%; color: #666666; margin: 0; padding: 0 }
dfn { padding-right: 14px; background: url(../images/help.jpg) no-repeat 100% 50%; cursor: help }
img { border:none }

/* Site Structure */
#page-structure { width: 720px; margin: 0 auto; text-align: left; position: relative }

h1 { background: url(../images/real-video-people-logo.jpg) no-repeat 14px 0; height: 71px; width: 100% }

#contact-list { list-style: none; position: absolute; top: 12px; right: 6px }
#contact-list a { border-bottom: 1px #000 dotted }
#contact-list a:focus, #contact-list a:hover { border-bottom: 1px #000 solid }

#navigation { list-style: none; height: 39px }
#navigation li {  display: inline; float:left   }
#navigation img {border:none }

#header-homepage { height: 17px; background: url(../images/flash-placeholder.jpg) no-repeat }
#header { height: 18px; background: url(../images/rvp-banner.jpg) no-repeat }

#previewFormContainer { padding: 0; margin: 0 32px 1em 32px }
#preview-form { height: 63px; background: url(../images/video-preview-background.jpg) no-repeat; text-transform: uppercase }
#preview-form p { text-align: left; margin: 0 0 0 400px; font-size: 12pt; font-weight: bold; position: relative; top: 5px }
#preview-form .submit, #newsletter-sub .submit { width: 24px; height:24px; padding: 2px; background-color:#FFFFFF; border:solid 1px #000000; cursor:hand }
#preview-form input { width: 234px; padding:2px; background-color:#FFFFFF; border:solid 1px #000000 }
#newsletter-sub { font-weight:bold; text-transform:uppercase; padding:30px; font-size:9pt; }
#newsletter-sub span{ font-weight:normal; }

#page-body { background: url(../images/main-content-background.gif) repeat-y }
#page-right { margin-left:0px; width: 330px; float: right; position: relative; border-right: 1px #999 solid; top:0px;}

#page-home #page-right { border-left: 1px #666 solid; text-align: center; }
#browse-actors { display: block; background: url(../images/browse-actors.jpg) no-repeat; width: 293px; height: 160px; border: none; margin: 0 auto }
#page-right h3 { margin: 38px 0 0 0 }

#newsletter-sub input { width: 230px; margin: 0 }
#text-content { clear: both }

#testimonials {  margin: 40px 0 0 20px; }
#testimonials-order {  margin: 0 0 0 20px; }

#live-examples { height: 343px; width: 205px; margin:20px 0 0 12px; display:block; float:left }
#live-examples a { text-decoration:none; border:none }

#content-area, #page-body { padding-bottom: 12px }
#content-area h2 { padding-top: 20px; background-position: 14px 19px }

#footer { clear: both; height: 85px; background: url(../images/rvp-footer.jpg) no-repeat; position: relative; text-transform: uppercase }
#footer-content { position: absolute; bottom: 6px; right: 32px }
#footer-content p { color: #FFF }
#footer-content ul { list-style: none }
#footer-content ul, #footer-content p { text-align: right; font-size: 0.9em; margin: 2px 0 2px 0; padding: 0 }
#footer-content ul li { font-size:10pt; display: inline; margin: 0 0 0 28px }
#footer-content ul li a { font-family: Arial; color: #FFF; border: none; font-weight: normal }
#footer-content ul li a:focus, #footer-content ul li a:hover { color: #CCC }

.vcard { margin-top: 12px; text-align: left !important; font-size: 1.4em }
.vcard div { margin-bottom: 0.5em }

#portfolio-block { margin: 0 10px 12px 10px }
#portfolio-block  td { text-align:center }
#portfolio-block img { border:none;}
#portfolio-block a { border:none;color:#0099CC; text-align:center; font-size:10pt; font-weight:normal;  line-height:40px; }
#portfolio-block a:hover { text-decoration:underline; }

#presenter-block { padding: 0 0 12px 42px }
#presenter-block div { position: relative; display: block; border: 1px #000 solid; float: left; position: relative; margin: 12px 20px 12px 0 }
#presenter-block .no-margin { margin-right: 0 }
#presenter-block a, #presenter-block strong { display: block; text-align: center; border: none; font-size: 1.2em; background: #FFF4E6 }

#choose-gender { padding-bottom: 12px; text-align: center }
#choose-gender a { display: block; margin: 0 36px 0 158px; border: none; float: left; position: relative; width: 170px }
#choose-gender img { border: none }
#choose-gender a strong { display: block; text-align: center; font-size: 1.8em; margin-bottom: 12px }
#choose-gender .no-margin { margin: 0 !important }

#malePresenterLink { margin: 0 12px 0 168px }
#malePresenterLink, #femalePresenterLink { width: 176px; height: 345px; display: block; float: left; position: relative; display: inline; border: none !important; text-indent: -9999em }
#malePresenterLink:focus, #femalePresenterLink:focus, #malePresenterLink:hover, #femalePresenterLink:hover { background-position: -176px 0; cursor:hand }
#malePresenterLink { background: url(../images/male-base.jpg) no-repeat }
#femalePresenterLink { background: url(../images/female-base.jpg) no-repeat }
.gender-select-button, #femalePresenterLink {  margin: 0 12px 0 168px ; width: 176px; height: 345px; display: block; position: relative; display: inline; }


.selectPerformer { width: 167px; text-align: center; position: relative  }
.selectPerformer a, .selectPerformer img { border: none !important; display: block }
.launchMovie { position: absolute; bottom: 8px; right: 8px; background: red; padding: 6px; z-index: 1000 }

#details-block { height: 100%; padding-left: 110px !important }
#details-block, #details-block p, #details-block div { border: none } 
#longShotdiv, #mediumShotdiv, #headShotdiv, #smallSizediv, #mediumSizediv, #largeSizediv { position: relative; float: left; width: 135px; margin-right: 30px; margin-top: 12px }
#longShotdiv label, #mediumShotdiv label, #headShotdiv label { padding-top: 200px; display: block }
#smallSizediv label, #mediumSizediv label, #largeSizediv label { padding-top: 150px; display: block }

#details-block .submit { position: relative; float: right; margin-right: 40px; margin-top: 18px }

/* Order Process */
.liquid-box-inner, .liquid-box-inner p { text-align: center }
.liquid-box { padding: 0px 0 18px 0; position: relative; background: url(../images/bottom-background.jpg) 12px 100% no-repeat }
.liquid-box-spacer { background: url(../images/liquid-spacer.jpg); height:20px}
.liquid-box-inner { background: url(../images/inner-background.jpg) repeat-y; margin-left: 12px }
.liquid-box-inner p { margin: 0 50px 0 50px }
.liquid-box-header { position: relative; height: 59px; background: url(../images/liquid-header.jpg) no-repeat; margin: 0 0 0 12px }
.liquid-box h2 { letter-spacing: 1px; background: none; color: #FFF !important; font-size:12pt; text-transform: uppercase; font-weight: normal; margin: 0 !important; padding: 10px 0 0 20px !important }
.liquid-box h2 em { color: #90D2EC; font-style: normal }
.liquid-box h2 span { position: absolute; top: 10px; right: 26px }
.liquid-box-inner h4 { color: #FFF; background: #5CBEE3; padding: 6px 20px 6px 20px ; font-size:12pt; margin: 0 235px 28px 235px; text-transform: uppercase; font-family: Arial; font-weight: normal }


.contact-form { text-align: left;  margin: 0 32px 1em 32px  }
.contact-form div { text-align: left; background: #FFFFF; width:423px }
.contact-form div label { display: block; margin: 0 0 3px 0; font-size: 1.2em }
.contact-form div textarea { width:415px }
.contact-form-input{ border:inset 1px #CCCCCC;}
.contact-form div input, contact-form div select, contact-form div textarea { text-transform: none; font-size: 1.2em } 
textarea { height: 80px; overflow: auto; font-size: 1.3em }
select { width: auto }
.submitbutton  { border:none;  background:url(../images/contact-submit-backing.gif) no-repeat; height:54px; width:423px; cursor:hand; margin:0 0 0 0 }

.resellers-submitbutton  { border:none;  background:url(../images/resellers-submit-backing.gif) no-repeat; height:54px; width:423px; cursor:hand } 
.resellers-contact-backing-centre{ background:url(../images/contact-backing-middle.gif) repeat-y; width:400px; height:300px; margin:0 0 0 3.5%}

/* Contact*/
.contact-introduction-text { width:630px;  margin-left:15px}
.contact-backing-top { background:url(../images/contact-backing-top.gif) no-repeat; width:675px; height:22px; margin:0 0 0 3.5%}
.contact-backing-centre { background:url(../images/contact-backing-middle.gif) repeat-y; width:675px; margin:0 0 0 3.5%}
.contact-backing-bottom { background:url(../images/contact-backing-bottom.gif) no-repeat; width:675px; height:22px; margin:0 0 0 3.5%; }
.contact-sales-box { width:158px; height:108px; background:url(../images/contact-sales-backing.gif) no-repeat; float:left; margin-right:8px; display:block }
.contact-sales-box p{ font-size:small; margin-left:-20px; text-align:justify}
.contact-sales-box-container { margin-left:34px; width:680px }
.contact-backing-centre-respond { background:url(../images/contact-backing-middle.gif) repeat-y; width:675px; height:280px; margin:0 0 0 3.5%}
.contact-address { width:230px; float:right; margin-right:40px; font-size:8pt; height: 250px}
#contact-respond { font-size:16pt; }
.contact-respond-text{ font-size:10pt; }

#page-viewer { height: 100%; position: relative; margin: 0; padding: 0; overflow: hidden }
#popup { border: 1px red solid; position: absolute; bottom: 30px; right: 30px; height: 100px; width: 70px; z-index: 100; background: #FFF; color: red }
#popup p { margin: 0 0 1em 0; padding: 2px; text-align: left }
#fullscreen_preview { position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; overflow: auto; z-index: 50; margin: 0; padding: 0; border: 0 }

#page-holder h2 { color: #000; font-size: 2.6em; margin: 0; margin-top: 22px; padding-bottom: 12px; background: url(../images/temp-top.gif) no-repeat; border: none !important; padding-top: 12px }
#page-holder h2 span { color: #2C97C5 }
#page-holder #main-content { border: none !important; background: none !important }
#page-holder p { font-size: 1.3em; background: url(../images/temp-bottom.gif) no-repeat bottom left;  border: none !important; padding-bottom: 22px  }


#resellers { width:331px; height:66px; margin:20px auto 30px; }
#resellers a { text-decoration:none; border:none }

#exclusive-offer { width:308px; height:66px; margin:0 0 20px 15px; }
#exclusive-offer img { border:none; height:66px; }
#exclusive-offer  a { text-decoration:none; border:none }

#index-maintext { width:230px; float:left; margin:0 auto 0 10px; font-size:12pt; }
#index-maintext td { padding-bottom:15px }
#index-maintext-top { width:365px; margin: 0 0 50px 0 }

#shoppingCart { width:80%; background-color:#003366; text-align:left; padding-left:40px; margin:0 5% 0 5%; }
#shoppingCart h2 { color:#FFFFFF; font-weight:bold; font-size:12pt; }
#shoppingCart dl { font-weight:bold; font-size:12pt; line-height:20px; letter-spacing:1px; margin-left:10%;  }
#shoppingCart dt { color:#99CC33; margin-left:0px; }
#shoppingCart dd { color:#FFFFFF; margin-left:15px; }
#shoppingCart dd.step { color:#FF0000; margin-left:15px; }
#shoppingCart hr { color:#FFFFFF; margin-left:20px; }
.shoppingCartImage { margin-left:10%;}
#shopppingCart-title { width:80% }

#noScript textarea { border:solid #999999 1px; width:430px; font-size:10pt; height:300px; text-transform:none; font-family: Arial;}
#yesScript { padding:20px 0 0 0; font-family:Arial; font-weight: normal }
#yesScript ul { text-align:left; width:430px; }
#yesScript input { border:solid #999999 1px; width:430px; margin-bottom:10px; }
#order-select-length {  font-size:small; }
#order-select-length td.pad { padding-right:15px; }
#order-select-length td.pad2 { padding-right:10px; }
#order-select-length input{ border:none }
#order-select-length em { color:#3399CC; font-style:normal; }
#order-script-type-list  { margin-left:30% }
#order-script-type-list em { color:#3399CC; font-style:normal; }
#order-script-type-list li{ list-style:none }
#order-script-type-list  input{ border:none; padding-right:20px; }
#yesScript input { text-transform:none }
#yesScript textarea { border:solid #999999 1px; font-size:10pt; width:430px; height:35px; font-family: Arial;  }

.order-shopping-breakdown { font-size:9pt; text-align:left; width:600px }
.order-shopping-breakdown td{  border:#cccccc 1px solid; vertical-align:top }

#shoppping-cart {text-align:center; padding:0 0 0 60px; width:650px;}
#shoppping-cart ul{  font-size:8pt; font-weight:bold; padding:10px 0 10px 55px; }
#shoppping-cart td.large-text{ font-size:12pt; font-weight:bold; }
#shoppping-cart td.large-text-title{ font-size:12pt; font-weight:bold; }
#shoppping-cart span.blue-text{ font-size:12pt; font-weight:bold; color:#09F; }

#payment-section{  background-color:#D2EDF6; padding:4px 0 4px 0;  }
.review-title { padding:20px 0 20px; }
#payment-container { border:solid 1px #0099CC; width:85%;  }
.payment-container-liquid-box-inner { text-align:left; margin:0 10% 0 10%; }
.pay-and-finish-button { width:250px; height:100px; background-color:#103545; color:#FFF; font-size:14pt; font-weight:bold; }

.order-shopping-breakdown-blue { background-color:#0099CC;  color:#FFFFFF; width:200px; font-size:9pt}
.order-shopping-breakdown-navy { background-color:#006699; color:#FFFFFF; }

#back-forward-buttons img{ width:226px; height:44px;  padding:20px 0 20px 0 }
#back-forward-buttons.select-length { padding:30px;}

.rvpPlayButton { display:inline; border-style:None; width:141px; height:21px;  cursor:hand }
.rvpPlayFlag { display:inline; border-style:None; width:70px; height:21px;  cursor:hand }
.rvpPlayForeign { display:inline; border-style:None; width:71px; height:21px;  cursor:hand }
.rvpSelectButton { display:inline; border-style:None; width:141px; height:47px; }
.rvpImageSelect {display:inline; height:179px; border:none; width:141px; display:inline }

table.about { margin: 0 12px 0 32px; }
td.about { padding-left:40px }

.coupon-code { padding:0 0 10px 0; font-family: Arial; color:#3399CC; font-size:large }

#thank-you-page { background-color:#FBFBFB; font-size:12pt; color:#3399CC; font-family: Arial; width:90%; padding:50px 0 50px 50px; margin-left:5px; }
#thank-you-page img{ padding-right:40px; }

#preview-page { font-family: Arial; text-align:center; }
#preview-page p{ font-size:16pt; color:#3399CC; font-family: Arial; font-weight:bold; text-align:center; padding-top:10px }
#preview-page .blue-backing { background-color:#5CBEE3; color:#FFFFFF; font-weight:normal; font-size:10pt; width:60%; padding:5px 0 5px 0; }
#preview-page .formsection1 td{ font-size:10pt; color:#000000; font-weight:normal; }
#preview-page .formsection1{ width:80%;  }
#preview-page span{ font-size:16pt; color:#000000; }
.BUTTONpreviewview { padding:30px 5px;}

#preview-form-location-info .wide td { width:450px; }

.total-cost{ font-family: Arial; color:#3399CC; font-size:large }

#site-map div{ margin-left:10%;height:300px; float:left; }
#site-map ul { list-style:none; }
#site-map li { padding-bottom:10px; }
#site-map a{ color:#3399CC; text-decoration:none; }
#site-map a:link:active{ text-decoration:none;}
#site-map a:hover { color:#339999; text-decoration:none; }


#bullets ul { margin:0 0 30px 70px;  }
#bullets li { list-style-image:url(/images/bullet-blue.gif); margin:10px 0 0 30px; padding:0 0 0 10px;  }