@charset "utf-8";







/* Landing Page */

#controls a  {

      display: block;	

      height: 12px;

      width: 14px;

      background-image: url(../images/liveintheand/lp/controls.gif);
      overflow: hidden;

}                              



#controls a#play   {

	background-position: 0px 13px;

}



#controls a#pause  { 

      background-position: 14px 0px;

}

#controls a.play  {

     background-position: 0px 13px; 

}



#controls a.pause span.selected {

     background-position: 14px 14px;

}





#controls a {

float: left;

}

.play, .pause {cursor:pointer;}



/* CSS Document */







#pageBody {padding-bottom:115px;}

#pageBody h3 {font-weight:bold;}



#pageContent {position: absolute;	left: 130px; padding-top: 100px;z-index: 500;	width: 802px;overflow: visible;zoom: 1;	/*top: -9999px;*/ line-height:1.8em;}



#pageContentUnderlay {position: absolute;background: none;opacity: 1;filter: alpha(opacity=100);border-left: none;border-right: none;}



#content {width:762px;}

#content h2, #leftContent h2 {font-variant:small-caps;text-transform:none;font-size:24px;font-family:"Trajan Pro", "Times New Roman", Times, serif;}

#content h2 img {margin:0;padding:4px 0 0 4px;height:29px;width:32px;display:inline;}



button {border:none;margin:0;padding:0;background:none;cursor:pointer;}







/* Two column Styles */



#rightContent {width:361px;float:right;padding:0 0 0 0px;margin:0 0 20px 0;overflow:visible;position:relative;}

#rightContent h3 {color:#B39850;font-family:"Trajan Pro", "Times New Roman",Times,serif;font-size:1.4em;font-weight:normal;line-height:1.5em;margin-bottom:2px;font-variant:small-caps;text-transform:none;z-index:100;letter-spacing:0.04em;}

#rightContent img.liveImage {margin-left:-20px;margin-top:-100px;position:relative;z-index:10;}

#rightContent .odd {clear:both; display:block;}

#rightContent a.odd ,#rightContent a.even{ text-decoration: none;}

#rightContent a.odd span ,#rightContent a.even span {text-decoration: underline;}

#rightContent .odd img {float:left;margin-right:20px;width:100px;height:70px;margin-bottom:25px;}

#rightContent .even {clear:both;display:block;}

#rightContent .even img {float:right;margin-left:20px;width:100px;height:70px;margin-bottom:25px;}



#leftContent {float:left;width:361px;padding:0 20px 0 0px;margin:0;}

.leftContent {float:left;width:361px;padding:0 20px 0 0px;margin:0;}



/* Wallpaper Styles */



#pageContent .wallpaper {padding-top:20px;padding-bottom:20px;width:360px;}

#pageContent table#downloads {width:360px; }

#pageContent table#downloads td {width:360px;padding:0px; padding-bottom: 20px;}

#pageContent table#downloads td img {float:left;margin-right:10px;/*border:1px solid #e0d3b3;*/}

#pageContent table#downloads td ul {float:left;width:85px;margin:0;padding:0;line-height:1.8em;}

#pageContent table#downloads td li {list-style-type:none;margin:0;padding:0;}



/* Your Story Styles */



#storySubmitError .errors {color:#990000;font-size:1.3em;background:#000;padding:10px;margin:4px;}



#enterToWin, #submitYourStory, #featuredStory, #storyRater {border:1px solid #a39058;padding:17px;margin:0 auto 20px auto;width:264px;}

#submitYourStory h3 {font-size: 22px;}

#enterToWin img,#submitYourStory img {margin:0 auto;border:0;}

#featuredStory .storyItem img {width:250px;height:180px;margin:0 auto 12px auto;text-align:center;}

#featuredStory h3 {	font-size: 22px; text-align:center;margin-top: 0px;	margin-bottom:0px;}

#featuredStory .storyItem h4 {clear:both;}

#submitStoryButton img {text-align:center;margin:0 auto 10px auto;width:auto;}

#storyImage {padding:10px 0 10px 0;}

#storyImage img {width:360px;height:240px;}

#storyRater {width:358px;text-align:center;padding:17px 0px 17px 0px;}

#storyRater .leaves {text-align:center;width:125px;margin:0 auto;}



.yourStory h4 {color:#d0cab2;text-transform:uppercase;margin:0px 0 2px 0;padding:10px 0 0 0;clear:both;font-weight:bold;font-size:1.2em}

.yourStory h5 {color:#d0cab2;margin:0 0 2px 0;padding:0;font-size:1.1em;}

.storyRating {display:block;width:125px;}

.storyItem {clear:both;padding-top:18px;}

.storyItem img {float:left;width:120px;height:80px;padding:0 18px 20px 0;}

.storyItem h4 {text-transform:uppercase;font-weight:bold;color:#d2c6ac;}

.storyItem h5 {font-weight:bold;color:#d2c6ac;text-transform:capitalize;width:auto;}

.storyItem p {display: block; margin-left: 138px;}



#storySelect h4 {color:#d2c6ac;text-transform:uppercase;font-weight:bold;float:left;font-size:1.3em;}

#storySelect select {width:196px;float:right;padding:2px;}



#featuredStory .storyItem {padding-top: 8px;}

#featuredStory .storyItem p {display: block; margin-left: 0px;}

#featuredStory img {padding:0 0px 9px 0;float: none;margin-left: auto;margin-right: auto;}



.ditto_pages a { margin-left: 3px; margin-right: 3px; text-decoration: none; padding: 3px;}



.left {float:left;}

.right {float:right;}



.PrevNextMenu {width: 361px;margin-bottom:10px;}

.prevProduct {color: #fff; white-space: nowrap; text-decoration: underline; font-size: 12px;line-height:14px;text-transform: uppercase;float: left;display: block;width: 100px;}

.prevProduct img {float: left;margin-right: 5px;display: inline;}

.nextProduct {color: #fff; white-space: nowrap; text-decoration: underline; font-size: 12px;line-height:14px;text-transform: uppercase;float: right;display: block;width: 100px;text-align: right;}

.nextProduct img {float: right;margin-left: 5px;display: inline;}



#fdmForm textarea {width:292px;padding:4px;margin:4px;}

#fdmForm input, #fdmForm select {padding:2px;margin:2px;}

#fdmForm label {float:left;display:block;}

#fdmForm li {display:block;float:left;width:130px;}

#fdmForm li input {float:left;;}

#fdmForm p {clear:both;}

#fdmForm table {width:320px;}

#fdmForm table#storyPersonalInfo {width:auto;}

#fdmForm table#storyPersonalInfo input {width:168px;float:right;}

#fdmForm table#storyPersonalInfo label {width:92px;float:left;}

#fdmForm table#storyPersonalInfo td {width:160px;padding:5px 0 5px 0;}

#fdmForm table#storyStory label {width:70px;}

#fdmForm table#storyStory input {width:230px;}

#fdmForm table#storyStory input#pagetitle {width:215px;}

#fdmForm table#storyStory textarea {height:190px;}

#fdmForm table#storyMarketing input {margin:0px 10px 0 0;padding:0 10px 0 0;}

#fdmForm table#storyMarketing td {margin:0;padding:0;}



ul#storyImages {width:300px;margin:0;padding:0;}

ul#storyImages li {float:left;display:block;padding:5px 5px 0px 5px;margin:0px;width:126px;}

ul#storyImages li img {padding:0px;margin:0px;border:1px solid #B2974F;}



/* IE6 Exception to the following two lines in the IE6 css file */

ul#storyImages li a.Selected {border:1px solid #d1c7a4;padding:5px;height:84px;width:126px;display:block;}

ul#storyImages li a {border:1px solid transparent;padding:5px;height:84px;width:126px;display:block;}



.center {clear:both;width:auto;text-align:center;}







/***************** Perfect Match styles *******************/







#main { margin-left: auto; margin-right: auto; text-align: left; width: 680px; overflow: hidden;padding:0px;}



#main li { cursor: pointer; }



button.green_prev,button.black_prev {filter:alpha(opacity=60);opacity:0.6;padding-top:20px;}

button.green_next,button.black_next {filter:alpha(opacity=60);opacity:0.6;padding-left:20px;padding-top:20px;}

button.green_prev:hover,button.black_prev:hover {filter:alpha(opacity=100);opacity:1;}

button.green_next:hover,button.black_next:hover {filter:alpha(opacity=100);opacity:1;}



#green_error, #black_error {font-size:1.4em;font-weight:bold;color:#fff;}



.yourMatchSubmit {margin-left: 30px;}



table.yourMatchTable {width:auto;}

.yourMatchTable td input {padding-top:20px;}

.yourMatchTable td {vertical-align:top;}



h4 {color:#d0cab2;text-transform:uppercase;margin:0px 0 2px 0;font-weight:bold;font-size:1.2em}



ul#green_images, ul#black_images  {list-style-type: none; overflow: hidden; width: 500px;height:170px;} 



ul#green_images li img, ul#black_images li img {width:120px;}



ul#green_images li img, ul#black_images li img.Selected {border:1px solid #;}



ul#green_images li, ul#black_images li {float:left;width:120px;padding:20px;min-height:130px;display:block;line-height:110%;text-align:center;}



.yourMatchTable li {padding:5px 5px 0px 5px;margin:0px;width:120px;}



.yourMatchTable li img {cursor: pointer; width:120px;padding:0px;margin:0px; margin-bottom: 5px;/*border:1px solid #B2974F;*/}



.yourMatchTable li a.Selected {/*border:1px solid #d1c7a4;*/border:1px solid #B2974F; padding:5px;height:130px;width:120px;display:block;}



.yourMatchTable li a {border:1px solid transparent;padding:5px;height:130px;width:120px;display:block;text-decoration:none;color:#B39850;}



/* selection css */



#greenSelected, #blackSelected { position: absolute; top:0;left:0;z-index: 20; font-weight: bold; font-size: 13px; }



#matchSubmit { float: right; width: 120px;}



#matchSelection { float: left; width: 560px;}



/* match results */



.yourMatchResults table {padding-top: 20px; width: 680px;}

.yourMatchResults  td { padding: 15px 0px; vertical-align: top;}

.yourMatchResults td table {width:360px;}

.yourMatchResults td table td {width:180px;}



.matchResultImg {}



.matchResultImgCopy {text-align: center; padding-top: 30px;}



#matchResults {margin-left: 41px; width: 680px;}





#matchResults h3, #matchResults h4, #matchResults b { color: #fff; }



#greenHeader, #blackHeader { float: left; width: 325px; }



#greenHeader img {  float: right; margin-left: 15px;}               



/*#blackHeader img, #greenMatchResults img, #blackMatchResults img { float: left; margin-right: 15px;}*/



#greenMatchResults, #blackMatchResults{ border: solid 1px #CC9900; background-color: #000000; padding: 15px; margin-bottom: 25px; width: 648px; overflow: auto;} 



.match_img {float: left;}



.match_content {float: right; width: 500px;}



#matchSubmit {position:absolute;top:490px;left:680px;}