/****************************************
/* ID's
/***************************************/
#container {
	width:615px;
}
#mainTitle {
	/* background-color:#FF0000; */
	padding: 0;
	margin: 0;
	top:0px;
	left:0px;
	overflow: hidden;
}

/* To fix IE float bug */
#calloutFlow {
	/* background-color:#00FF00; */
	float:right;
	width:157px;
	height:166px;
}
#callout {
	position:absolute;
	top:0px;
	left:455px;
	width:160px;
	height:166px;
	z-index:80;
	/* border:#3333FF 1px solid; */
}
#fpQMarks {
	position:absolute;
	top:188px;
	left:515px;
	height:95px;
	z-index:100;
}
#cotCameraArm {
	position:absolute;
	top:168px;
	left:447px;
	height:86px;
	z-index:110;
}
#cotCameraImg {
	position:absolute;
	top:167px;
	left:497px;
	width:106px;
	height:160px;
}
#pageTitle {
	margin-left:21px;
}
#pageBody {
	margin:34px 0 0 0;
}
#whiteColumn {
	margin:0 19px 0 24px;
	padding:0 0 20px 15px;
	background-color:#FFFFFF;
}
#whiteColumnVid {
	margin:0 19px 0 24px;
	padding:0 0 0 15px;
	background-color:#FFFFFF;
}
#whiteColumnVid_COT {
	margin:0 19px 0 24px;
	padding:0 0 0 15px;
	background:#FFFFFF url(http://resource.cottoninc.com/_images/mysteryFabric/camera_wedge.gif) no-repeat top right;
}



#vidNavColumn {
	width:175px;
	float:right;
}
#vidNavColumn .vidThumb {
	display:block;
	width:165px;
	height:64px;
	margin-bottom:4px;
}
/* For First Person */
#vidNavColumn .vidName {
	float:left;
	width:76px;
	padding-left:4px;
}
#vidNavColumn .vidName a {
	color:#E3006E;
	font-weight:bold;
}
/* For Caught on Tape */
#vidNavColumn .vidTitle {
	float:left;
	width:76px;
	padding-left:4px;
}
#vidNavColumn .vidTitle a {
	color:#B85DF2;
}

#vidNavColumn .thumbOutline {
	float:left;
	display:block;
	width:80px;
	border:#FFFFFF solid 2px;
}
#vidNavColumn .thumbOutline:hover {
	border:#F17FB6 solid 2px;
}
#vidNavColumn .thumbOutline_COT {
	float:left;
	display:block;
	width:80px;
	border:#FFFFFF solid 2px;
}
#vidNavColumn .thumbOutline_COT:hover {
	border:#DBAEF8 solid 2px;
}

#vidPageNav {
	width:80px;
}
#vidPageNav .prevPage{
	float:left;
	padding:4px 0 6px 10px;
}
#vidPageNav .nextPage{
	float:right;
	padding:4px 10px 6px 0;
}

#testimonialRecentComments {
	margin:4px 0 10px 0;
}


#columnContent {
	margin-right:62px;
}

#bodyFlashVid {
	width:360px;
	float:left;
}

#angleBottom {
	clear:both;
	margin:0 19px 10px 24px;
}

#topText_whatIs {
	height:110px;
	width:400px;
	margin:15px 20px 0 28px;	
}
#topText_firstPerson {
	height:130px;
	width:410px;
	margin:2px 20px 0 28px;	
}
#topText_firstPerson_v2 {
	height:90px;
	width:410px;
	margin:2px 20px 0 28px;	
}
#topText_testimonials {
	margin:2px 20px 0 28px;
}
#topText_caughtOnTape {
	height:106px;
	width:410px;
	margin:2px 20px 0 28px;	
}
/*
#topText_dubious {
	height:75px;
	width:420px;
	margin:2px 20px 0 28px;	
	border-bottom:#00CC00 solid 1px;
}
*/
#topText_dubious {
	height:100px;
	width:410px;
	margin:2px 20px 0 28px;	
}
#topText_dubious_v2 {
	height:74px;
	width:410px;
	margin:2px 20px 0 28px;	
}
#topText_funStuff {
	height:75px;
	width:420px;
	margin:2px 20px 0 28px;	
}
#topText_generator {
	height:75px;
	width:410px;
	margin:2px 0px 0 28px;
}
#topText_match {
	height:75px;
	width:420px;
	margin:2px 20px 0 28px;
}
#topText_shopping {
	height:80px;
	width:410px;
	margin:2px 20px 0 28px;
}
#topText_quiz {
	height:75px;
	width:420px;
	margin:2px 20px 0 28px;
}
#topText_fadlib {
	height:75px;
	width:420px;
	margin:2px 20px 0 28px;
}
#topText_submit {
	height:95px;
	width:422px;
	margin:2px 20px 0 28px;
}
#topText_submit .bolded{
	font-weight:bold;
	color:#A36CFA;
}
#topText_submit_v2 {
	height:52px;
	width:157px;
	margin:2px 0 0 28px;
}
#topText_downloads {
	height:75px;
	width:410px;
	margin:2px 20px 0 28px;
}
#topText_downloadCotton {
	height:75px;
	width:410px;
	margin:2px 20px 0 28px;
}
#topText_downloadMystery {
	height:75px;
	width:410px;
	margin:2px 20px 0 28px;
}

#topDivider {
	display:block;
	margin:10px 0 8px 21px;
	padding:0;
}
#bottomDivider {
	display:block;
	margin:10px 0 8px 0;
	padding:0;
	clear:both;
}
#topPagingNav {
	float:right;
	text-align:right;
	font-weight:bold;
}
#bottomPagingNav {
	font-weight:bold;
}
#footerLogo {
	float:right;
	margin:4px 24px 10px 0;
}
#footerLinks {
	text-align:center;
	color:#FFFFFF;
	font-size:10px;
}
#footerLinks a {
	color:#999999;
	text-decoration:none;
}
#footerLinks a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

/****************************************
/* Classes
/***************************************/

.subHead {
	display:block;
	margin-bottom:4px;
	font-size:14px;
	font-weight:bold;
}
.fashionVictimHeading {
	padding:2px 2px 2px 6px;
	font-weight:bolder;
	background-color:#F0B6D2;
}
.fashionVictimName {
	font-weight:bold;
	font-style:italic;
	color:#EC2381;
	padding:0 0 6px 0;
}
a.postLink {
	display:block;
	margin-bottom:10px;
	font-weight:bolder;
	color:#E3006E;
	text-decoration:none;
}
a:hover.postLink {
	text-decoration:underline;
}

.clearFloats {
	display:block;
	clear:both;
}
.para1Text {
	font-size:13px;
	font-weight:bold;
	line-height:18px;
}
.textBlock {
	margin:4px 6px 20px 6px;
}


/****************************************
/* HTML Tags
/***************************************/
body {
	margin: 0;
	background:#000000 url(http://resource.cottoninc.com/_images/mysteryFabric/contentBg.gif) no-repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
a {
	color:#CC0033;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
