body { background: #f4f8d5 url("images/bg.gif") repeat-x left top; margin: 0; font-family: georgia, times, arial, monospace; color: #335500; font-size: small; } #flourish { width:100%; background-image:url(images/flourish.gif); background-repeat:no-repeat; background-position: center top; } #nav { float:left; height:20px; font-family: "arial", Trebuchet MS, Tahoma, Arial; font-size: 14px; font-weight: bold; font-style: normal; line-height:100%; } #nav a{ text-decoration:none; color:#FFFFFF; } #nav a:hover{ text-decoration:underline; color: #f3f5d2; } #nav ul{ margin:0px; padding:0px 0 0 10px; float:left; } #nav li{ margin:0px 0px 0px 0px; padding-top:6px; list-style:none; float:left; height:20px; } #nav li#home{ } #nav li#about{ background-image: url(images/MenuDivider.gif); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 16px; } #nav li#samples{ background-image: url(images/MenuDivider.gif); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 16px; } #nav li#contact{ background-image: url(images/MenuDivider.gif); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 16px; } #nav li#tailored{ background-image: url(images/MenuDivider.gif); background-repeat: no-repeat; background-position: 8px 5px; padding-left: 16px; } img {border-width:0} FooterShadowContainer { padding: 0; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #aae237; position: relative; width: 992px; height:100%;} sup { font-size: 9px; font-weight: bold; color: red; text-decoration: none} a.faq {font-family:arial; font-style:normal; } a.faq:link { font-weight: bold; color: #086102; text-decoration: none} /* unvisited link */ a.faq:visited { font-weight: bold; color: red; text-decoration: none} a.faq:hover { font-weight: bold; color: #086102; text-decoration: underline} a.faq:active { font-weight: bold; color: #086102; text-decoration: underline} a.faqdead {font-family:arial; font-style:normal; cursor:default} a.faqdead:link { font-weight: bold; color: grey; text-decoration: none} /* unvisited link */ a.faqdead:visited { font-weight: bold; color: red; text-decoration: none} a.faqdead:hover { font-weight: bold; color: grey; cursor:default; text-decoration: none} a.faqdead:active { font-weight: bold; color: grey; text-decoration: none} a.info { position:relative; /*this is the key*/ z-index:1500; color:#666; font-style:oblique; text-decoration:none; display:block; float:none; } a.info .ttip { display: none; float:left; } a.info:hover{ z-index:1000; background-color:#fff; z-index:1500; } a.info:hover .ttip { display:block; position:absolute; top:20px; z-index:1500; left:40px; width:120px; border:3px double #0cf; background-color:#cff; color:#099; font-size:10px; font-style:normal; padding:1px; } #pic { background-image:url(images/questionMark.gif); z-index:1500;background-repeat: no-repeat; background-position: 0px 4px; border:0px solid #060; width:15px; height:20px; } a.info:hover #questionTip { top:7px; left:15px; width:350px; z-index:1500; border:1px solid #6C9E03; background-color:#FAFF87; color:#066101; font-size:12px; text-align:left; padding:5px; } .OuterPageContainer { margin: auto; padding: 0; background: url("images/x") no-repeat top; width: 980px; height:100%; background-color:#FCFEE4 } .InnerPageContainer { padding: 0; border-style: solid; border-width: 0px 6px 0px 6px; border-color: #d4d7af; position: relative; width: 980px; height:100%;} .header-girls { background: #f4f8d5 url("images/header-girls.jpg") no-repeat left top; width:980px; height:200px; border-color:blue; border-style:solid; border-width:0px} .header-girls-song { background: #f4f8d5 url("images/header-girls-song.jpg") no-repeat left top; width:980px; height:150px; border-color:blue; border-style:solid; border-width:0px} .header-guys { background: #f4f8d5 url("images/header-guys.jpg") no-repeat left top; width:980px; height:200px; border-color:blue; border-style:solid; border-width:0px} .header-guys-song { background: #f4f8d5 url("images/header-guys-song.jpg") no-repeat left top; width:980px; height:150px; border-color:blue; border-style:solid; border-width:0px} .header { background: #f4f8d5 url("images/header.jpg") no-repeat left top; width:980px; height:200px; border-color:blue; border-style:solid; border-width:0px} .row { background: #ebefcd url("images/row-1-background.gif") repeat-x left top; width:980px; height:auto; border-color:blue; border-style:solid; border-width:0px;} .row2 { background: #f4f8d5 url("images/row-2-background.jpg") repeat-x left top; width:980px; border-color:blue; border-style:solid; border-width:0px; padding:0px;} .BottomContentLeft {float:left;} .BottomContentRight {float:left; margin:10px 10px 10px 10px; line-height:18px; font-family: arial; font-size:12px; font-style:normal; width: 700px; border-color:red; border-style:solid; border-width:0px; } .FreeDelivery { width:180px; height: 38px; position:absolute; right:70px; top:209px; clear: left } .FreeDeliveryHome { width:180px; height: 38px; position:absolute; right:70px; top:250px; clear: left } .logo {position: absolute; top: 32px; left: 20px;} .strapline {position: absolute; top: 93px; left: 138px; font-family: arial, monospace; color: #eeeeee; font-size: 14px; font-style:normal; font-weight:bold} .navigation {position: absolute; top: 6px; left: 22px; color:white; font-size: 14px; font-family: arial, monospace; font-style:normal; font-weight:bold} .text1a { position: absolute; top: 158px; left: 23px; color: #f1f4c9; font-size: 15pt;} .text1b {font-style: italic; position: absolute; top: 160px; left: 53px; color: #f1f4c9; font-size: 26px;} .promotext2 {position: absolute; top: 248px; left: 15px; color: black; font-size: 23px } .promotext3 { font-size: 18px; line-height: 22px; font-style: italic; font-weight: lighter; position: absolute; top: 485px; left: 15px; width: 240px; height: 200px } .ChooseBox1Container { float:left; margin-left:7px; width: 310px; height: auto; border-color:red; border-style:solid; border-width:0px;} .ChooseBoxTop1 {background-image: url("images/chooseBoxTop1.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px 5px 0px 7px; width: 310; height: 60px; color: white; } .ChooseBoxTop2 {background-image: url("images/chooseBoxTop2.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px 5px 0px 7px; width: 310; height: 60px; color: white; } .ChooseBoxTop3 {background-image: url("images/chooseBoxTop3.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px 5px 0px 7px; width: 310; height: 60px; color: white; } .ChooseBoxTop4 {background-image: url("images/chooseBoxTop4.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px 5px 0px 7px; width: 310; height: 60px; color: white; } .ChooseBoxTop5 {background-image: url("images/chooseBoxTop5.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px 5px 0px 7px; width: 310; height: 60px; color: white; } .ChooseBoxTop6 {background-image: url("images/chooseBoxTop6.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px 5px 0px 7px; width: 310; height: 60px; color: white; } .ChooseBoxTop7 {background-image: url("images/chooseBoxTop7.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px 5px 0px 7px; width: 310; height: 60px; color: white; } .ChooseBoxContent { min-height: 0px; background-image: url("images/chooseBoxBackground.gif"); background-repeat: repeat-y; background-position: top left; padding: 1px 5px 0px 10px; font-weight:bold; font-size:11px; } .ChooseBoxContentGold { min-height: 0px; background-image: url("images/chooseBoxBackgroundGold.gif"); background-repeat: repeat-y; background-position: top left; padding: 1px 5px 0px 10px; font-weight:bold; font-size:11px; } .ChooseBoxContentDivider { min-height: 0px; background-image: url("images/chooseBoxBackground.gif"); background-repeat: repeat-y; background-position: top left; padding: 3px 15px 2px 10px; height:1px} .ChooseHeaderText { left: 2px; position: relative; top: 10px; font-weight: normal; color:#4f0000; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 13px;} .ChooseHeaderTextStyle { font-family: Georgia, Helvetica, Verdana, Arial, sans-serif;font-style: italic; font-size: 20px; } .pricetag { font-weight: bold; color: red; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; position:relative; top:-4px} .songLink { margin-left: 3px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; font-weight: normal; color: red; font-family: Helvetica, Verdana, Arial, sans-serif; text-align: left; font-size: 16px; text-decoration:none } a.songLink {font-family:arial; font-style:normal; text-decoration: none} a.songLink:link { font-weight: bold; color: red; text-decoration: none} /* unvisited link */ a.songLink:visited { font-weight: bold; color: red; text-decoration: none} a.songLink:hover { font-weight: bold; color: black; text-decoration: underline} a.songLink:active { font-weight: bold; color: black; text-decoration: underline} .songButtons {margin-left: 0px; margimargin-left: 0px;margin-bottom: 0;margin-right: 2px;margin-top: 3px; position:relative;top:2px} .radiorow { background: #545454; width:980px; height:45px; padding:10px border-color:blue; border-style:solid; border-width:0px; font-family: "arial", Trebuchet MS, Tahoma, Arial; font-size: 14px; color:white; font-weight: normal; font-style: normal; line-height:125%; text-decoration:none;} a.radio1link {font-family:arial; color: white; font-style:normal} a.radio1link:link { font-weight: bold; color: white; text-decoration: none} /* unvisited link */ a.radio1link:visited { font-weight: bold; color: white; text-decoration: none} a.radio1link:hover { font-weight: bold; color: red; text-decoration: underline} a.radio1link:active { font-weight: bold; color: #086102; text-decoration: underline} .DotsHolder { margin: 0px 0px 0px 0px;} .ChooseBoxBottom {background-image: url("images/chooseBoxBottom.gif"); background-repeat: no-repeat; background-position: left top; padding: 7px 7px 0 7px; width: 234; height: 10px; font-size:30px; color:white } .SubHeaderContainer { float:left; margin: 0 5px 8px 0; width:720px; height: 48px; padding:0px;border-color:red; border-style:solid; border-width:0px;} .StepGuideContainer { float:left; margin-right:5px; margin-bottom:8px; width:720px; height: 48px; background-image: url("images/HomeCircle.gif"); background-repeat: no-repeat; background-position:8px 0px; padding:0px;border-color:red; border-style:solid; border-width:0px;} .heart { width:10px; height: 10px; background-image: url("images/heart.gif"); background-repeat: no-repeat; background-position:0px 0px; padding:0px;border-color:red; border-style:solid; border-width:1px;} .footerLeft {float:left;} .footerRight {float:right;} .clear { position: relative; clear: both;} .HomeBottomContent { float:left; margin-right:5px; margin-bottom:8px; height: auto; padding:0px } .Footer { background: #f1f7cb; height:100%; width:960px; padding: 10px;font-family: arial, monospace; font-style:normal; font-weight:normal; font-size:11px;border-color: #4b0d08; border-style:s #c3c6a2order-width:0 0 6px 0 ;} .Footer a:link { color: #67A04D; text-decoration: none;} /* unvisited link */ .Footer a:visited { color: #67A04D; text-decoration: none} .Footer a:hover { color: #67A04D; text-decoration: underline} .Footer a:active { color: #67A04D; text-decoration: underline} span { } .title { padding-top: 20px; margin-left: 0; margin-bottom: 10px; margin-right: 0; margin-top: 10px; color: #ff1300; font-size: 20px; position:relative; top:3px; } .HeaderGreen {color: green; font-size: 20px; margin:0 0 10px 0 } .subtext {color: black; font-size: 12px; } .price {color: #c9bc78; font-size: #78160d } .HeaderTextBox { float:left; margin:0 0 20px 10px; width:680px; height: 38px; font-size: 28px; color: #c9bc78; font-weight: bold; position:relative; top:5px} a.FooterLink:link { color: white; text-decoration: none;} /* unvisited link */ a.FooterLink:visited { color: white; text-decne} a.FooterLink:hover { color: white; text-decoration: underline} a.FooterLink:active { color: white; text-decoration: underline} .CustomName {background-color:#F9FE9F;color:red;margin:0 2px 0 2px} .CustomMeet {background-color:#F9FE9F;color:red} a.listenlink:link { font-size: 10px; padding: 0 0 0 12px; font-family: sans-serif, Arial; color: black; background: url("images/icon-headphones.gif") no-repeat 0px; text-decoration: none; background-position: 0px 0px; font-style: normal; font-weight: bold} a.listenlink:visited { font-size: 10px; padding: 0 0 0 12px; font-family: sans-serif, Arial; color: gray; background: url("images/icon-headphones.gif") no-repeat 0px; text-decoration: none; background-position: 0px -28px; font-style: normal;} a.listenlink:hover { font-size: 10px; padding: 0 0 0 12px; font-family: sans-serif, Arial; color: red; background: url("images/icon-headphones.gif") no-repeat 0px; text-decoration: underline; background-position: 0px -14px; font-style: normal;} a.listenlink:active { font-size: 10px; padding: 0 0 0 12px; font-family: sans-serif, Arial; color: gray; background: url("images/icon-headphones.gif") no-repeat 0px; text-decoration: underline; background-position: 0px -28px; font-style: normal;} .p2_nameErrorBox { position: absolute; top: 308px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p2_liveErrorBox { position: absolute; top: 333px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p2_descrelErrorBox { position: absolute; top: 355px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p2_hobby1ErrorBox { position: absolute; top: 385px; left: 388px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p2_relationshipErrorBox{ position: absolute; top: 410px; left: 505px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p2_metErrorBox { position: absolute; top: 433px; left: 505px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p2_hairErrorBox { position: absolute; top: 458px; left: 376px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p2_eyesErrorBox { position: absolute; top: 458px; left: 521px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p2_desc1ErrorBox { position: absolute; top: 485px; left: 365px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p2_desc2ErrorBox { position: absolute; top: 485px; left: 450px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p2_desc3ErrorBox { position: absolute; top: 485px; left: 535px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p2_futureErrorBox { position: absolute; top: 510px; left: 505px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p2_loveErrorBox { position: absolute; top: 536px; left: 505px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p1_nameErrorBox { position: absolute; top: 560px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p1_emailErrorBox { position: absolute; top: 585px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p1_phoneErrorBox { position: absolute; top: 610px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .emailnotErrorBox { position: absolute; top: 585px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-notemail-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .emailnotErrorBoxChristmas { position: absolute; top: 400px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-notemail-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p1_emailErrorBoxChristmas { position: absolute; top: 400px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p1_nameErrorBox { position: absolute; top: 560px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p1_emailErrorBox { position: absolute; top: 585px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p1_phoneErrorBox { position: absolute; top: 610px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p1_phoneErrorBoxChristmas { position: absolute; top: 430px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .p1_nameErrorBoxChristmas { position: absolute; top: 375px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .emailnotErrorBox { position: absolute; top: 585px; left: 465px; width: 195px; height: 45px;z-index: 500; background-image: url("images/hover-notemail-bubble.gif"); background-repeat: no-repeat; background-position: left top; padding: 0px; } .errorBox {background-image: url("images/warning-icon.gif"); background-repeat: no-repeat; background-position: left top;padding:3px 3px 3px 25px;background-color:#F44900;color:white;font-family:arial;font-style:normal; margin-bottom:10px;} .filled {color: #FFFEF1; background: #FFFEF1;border: 1px solid #c0c0c0} .unfilled {color: #000; background: #FFFEF1;} .InputBoxPosition {position:absolute; left:350px; width:300px; z-index:1} .TipPosition {position:absolute; left:335px; width:20px; z-index:2000} .FilledInputBoxPosition {position:absolute; left:760px; width:300px} .containerX { margin-right: auto; margin-left: auto; padding: 0; width: 992px; border: 1px; border-color:red; border-style: solid } .container2 { background: url("images/SFS-bg-extendable.gif") repeat-y 50% top; margin-right: auto; margin-left: auto; padding: 0; width: 992px; border: 0; } .sideText1 { font-size: 18px; color: #93C548; line-height: 22px; font-style: italic; font-weight: lighter; position: absolute; top: 187px; left: 25px; width: 200px; height: 200px } .titletext {position: absolute; top: 105px; left: 22px; font-style: italic; font-size: 24px; color: #93C548 } .titletextred {color: #F03D14 } .topText {position: absolute; top: 157px; left: 25px; font-style: italic; font-size: 18px; } .songbird {position: absolute; top: 288px; left: 830px;} .headerText {color: black; font-style: italic; font-size: 20px; position: absolute; top: 20px; left: -1px;} .FormColLyriccontainer { margin: 0 0 0px 20px; padding-right:0px; width:620px;float:left; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #93C548 } .FormColWidecontainer { margin: 0 0 0px 20px; padding-right:0px; width:610px;float:left; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #93C548 } .xFormColXcontainer { margin: 0 0 0px 10px; padding-right:10px; width:300px;float:left; border-style: solid; border-width: 0px 1px 0px 0px; border-color: #93C548 } .xFormCol1container { margin: 0 0 0px 10px; padding-right:10px; width:335px;float:left; border-style: solid; border-width: 0px 1px 0px 0px; border-color: #93C548 } .xFormCol3container { margin: 0px 0 20px 20px; padding-right:0px; width:760px;float:left; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #93C548 } .FormColPaycontainer { margin: 0px 0 20px 20px; padding-right:0px; width:280px;float:left; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #93C548 } .xFormColWidecontainer { margin: 0 0 0px 5px; padding-right:10px; width:560px;float:left; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #93C548 } .FormColXcontainer { margin: 0 0 0px 10px; padding-right:10px; width:300px;float:left; border-style: solid; border-width: 0px 1px 0px 0px; border-color: #93C548 } .FormCol1container { margin: 0 0 0px 10px; padding-right:10px; width:335px;float:left; border-style: solid; border-width: 0px 1px 0px 0px; border-color: #93C548 } .FormCol3container { margin: 40px 0 0px 20px; padding-right:0px; width:300px;float:left; border-style: solid; border-width: 0px 0px 0px 0px; border-color: #93C548;z-index:1500 } .bulletBox { border-style:dotted; border-width:0px 0px 1px 0px;border-color:lightgreen;margin: 0 0 1px 0; line-height: 23px !important; padding: 0px 0px 0px 20px; font-size:12px;font-family:arial;font-style:normal; background-image: url("images/bullet.gif"); background-repeat: no-repeat; background-position: 1px 5px;} .fbl {background: url(images/CornerBottomLeft.gif) 0 100% no-repeat #E7FF7A; } .fbr {background: url(images/CornerBottomRight.gif) 100% 100% no-repeat} .ftl {background: url(images/CornerTopLeft.gif) 0 0 no-repeat} .ftr {background: url(images/CornerTopRight.gif) 100% 0 no-repeat; padding:10px} .TEMPfiller {background-color:grey; width: 200px;height:500px}