/**************************************************************
TwoZero Stylesheet
Author: MP

STYLESHEET CONTENTS
0. Browser Reset
1. Fonts
2. HTML Tags
3. Layour Divs
4. Specific formatting
      a. Header
	  b. Footer
	  c. Navigation
	  d. Homepage
	  e. Product page
	  f. Contact page
	  g. About page

5. General Formatting Classes
6. Clearfix

***************************************************************/

/********************* Browser Reset ********************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, ul {
	list-style: none;
}*/
	
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/********************* End Browser Reset ********************/

/********************* Fonts ********************/
body, input, a, textarea {	
	font-family: Arial, Helvetica, sans-serif;}	
	
/********************* End Fonts ********************/

/********************* HTML Tags ********************/

html {	min-height:100%;
		margin-bottom:1px;}	

body {		
	font-size: 0.625em;
	background: #000;
	color: #999;}
	
p {	
	font-size: 1.3em;
	line-height: 145%;
	margin-bottom: 1em;
	color: #646464;}
	
#content-inner p, #content-inner p.trans {
	background: url(../images/black-trans-bg.png) no-repeat;
	line-height: 175%;
	padding: 14px 24px 14px 0;}	
		
li {
	}

a {	
	cursor: pointer;}

h1, h2, h3, h4 {
	}

h1 {
	font-family: Helvetica, sans-serif;
	font-size: 3.6em;
	color: #dadada;
	font-weight: lighter;
	letter-spacing:-1px;
	margin: 0 0 20px 0;}
	
h1 span.header-tag {
	color: #6c6361;
}

h2 {
	font-family: Helvetica, sans-serif;
	font-size: 2.3em;
	color: #999;
	letter-spacing:-1px;
	margin: 0 0 20px 0;}

h3 {
	font-size: 1em;
	margin: 0 0 10px 0;}
	
h4 {
	font-size: 1em;
	margin: 0 0 10px 0;}
	
/********************* End HTML Tags *********************/
			
/********************* Layout Divs *********************/

#container, #header-inner, #features-inner, #lower-inner {	
	margin: 0 auto;
	width: 976px;
	position: relative;}
			
#header-wrap {
	width: 100%;
	border-bottom: 1px solid #333;}	
	
#header {
	background: url(../images/header.jpg) top left no-repeat;
	margin-left: -171px;
	/*width: 1147;*/
	height: 119px;
	overflow: visible;}		
				
#content {	
	margin: 0 auto;
	width: 976px;
	padding-top: 35px;
	position: relative;
	z-index: 1000;
	min-height: 400px;}
	
#content-inner {
	width: 630px;}

#footer {	
	margin: 0 auto;
	width: 976px;
	text-align: center;
	font-size: 1.1em;
	line-height: 200%;
	position: relative;}
#footer, #footer a {	
	color: #666;
	text-decoration: none;}
#footer a:hover {	
	color: #fff;}	
				
#mainNav {	}
			
#subNav {	}

/********************* End Layout Divs *********************/
	
/********************* Specific formatting *********************/

/* -------- Header -------- */

#logo {
	position: absolute;	
	margin: 38px 0 0 171px;}

#logo a {
	display: block;
	width: 254px;
	height: 33px;
	text-indent: -9999px;}

/* -------- End Header -------- */

/* -------- Footer -------- */

.home #footer-wraps {
	margin-top: -100px;
	position: relative;
	z-index: 1000;
}

.home #footer-wrap {
	clear: both;
	margin-top: 50px;
	padding-bottom: 100px;
	width: 100%;
	border-top: 1px solid #181818;}
	
.home #footer-inner {
	padding-top: 25px;}	


/* -------- End Footer -------- */

/* -------- Navigation -------- */

#mainNav{
	margin: 0 auto;
	width: 976px;
	position: relative;
	height: 38px;}

#mainNav ul{
	padding: 0;
	margin: 0;}

#mainNav li{
	font-size: 18px;
	line-height: 30px;
	float: left;
	padding: 0 20px 0 0;
	list-style-type: none;
	margin: 0 3px 0 0;}

#mainNav a {
	text-decoration: none;
	color: #666;
	margin: 0 0 0 20px;}
	
#mainNav li.active {
	background: url(../images/nav.gif) top right no-repeat;
	margin: -4px -5px 0 0;
	line-height: 38px;
	padding-right: 28px;}

#mainNav li.active a, #mainNav li.active a:hover {
	color: #000;
	background: url(../images/nav.gif) top left no-repeat;
	display: block;
	margin: 0;
	padding-left: 20px;}
	
#mainNav a:hover{
	color: #fff;}
	
	
	
	
/* -------- End Navigation -------- */

/* -------- Home Page -------- */

#h1-home {
	background: url(../images/titles/h1-home.gif);
	display: block;
	width: 466px;
	height: 40px;
	text-indent: -9999px;
	position: relative;
	z-index: 1000;
	margin: 0;
	padding: 0;}

#h2-just-add {
	background: url(../images/titles/h2-just-add.gif);
	display: block;
	width: 72px;
	height: 20px;
	text-indent: -9999px;
	margin: 0 0 6px 0;
	padding: 0;}

#features-wrap {
	width: 100%;
	/*border-bottom: 1px solid #131313;*/
	min-height: 429px;
	overflow: visible;}

#features-inner {
	padding-top: 95px;
	padding-top: 35px;
}

#features-inner a {
	font-size: 18px;
	line-height: 30px;
	text-decoration: none;
	color: #c6411e;
}

#features-inner a:hover {
	color: white;
}

/* Features List */
#features {
	position: relative;
	z-index: 1000;
	margin-top: 20px;
	margin-bottom: 20px;}

#features li {
	font-size: 1.7em;
	color: #646464;
	list-style-type: none;
	background: url(../images/bullet-feat-off.gif) left no-repeat;
	padding-left: 16px;
	margin-bottom: 12px;
	cursor: default;
	position: relative;
	width: 500px;}

#features li.highlight {
	color: #fff;
	background: url(../images/bullet-feat-on.gif) left no-repeat;}
	
#features li div.info{
	display: inline;
	font-size: 0.8em;}
	
#features li .info {}
    
li .tooltip {
    padding-bottom: 18px;
    position: absolute;
    z-index: 9999;
    background: url(../images/tooltip-bottom.gif) bottom left no-repeat;
    left: -9999px;}
	
li .tt-right {
    padding-bottom: 18px;
    position: absolute;
    z-index: 2000;
    background: url(../images/tooltip-bottom-right.gif) bottom right no-repeat;
    left: -9999px;}
    
li .tooltip .image {    
    border: 1px solid #6f6f6f;
    border-bottom: none;
    padding: 6px;
    background: #fff;
    position: relative;
    z-index: 1100;}
    
li#feat1 { width: 420px;}	
li#feat2 { width: 420px;}
li#feat3 { width: 420px;}
li#feat4 { width: 420px;}
li#feat5 { width: 420px;}
li#feat6 { width: 420px;}

/* People */
#people {
	background: url(../images/girl_profile.jpg) no-repeat;
	width: 568px;
	height: 588px;
	
	width: 572px;
	height: 659px;
	
	position: absolute;
	top: -154px;
	top: 0;
	right: 0;}
	
#people3 {
	background: url(../images/sex_bg.png) no-repeat;
	width: 568px;
	height: 588px;
	
	width: 572px;
	height: 659px;
	
	position: absolute;
	top: -154px;
	top: 0;
	right: 0;}
	
#people4 {
	background: url(../images/labor_bg.png) no-repeat;
	width: 568px;
	height: 588px;
	
	width: 572px;
	height: 659px;
	
	position: absolute;
	top: -154px;
	top: 0;
	right: 0;}
	
#people5 {
	background: url(../images/porn_bg2.png) no-repeat;
	width: 568px;
	height: 588px;
	
	width: 572px;
	height: 659px;
	
	position: absolute;
	top: -154px;
	top: 0;
	right: 0;}
	
#people6 {
	background: url(../images/ht_bg.png) no-repeat;
	width: 568px;
	height: 588px;
	
	width: 572px;
	height: 659px;
	
	position: absolute;
	top: -154px;
	top: 0;
	right: 0;}
	
#people7 {
	background: url(../images/victims_bg.png) no-repeat;
	width: 568px;
	height: 588px;
	
	width: 572px;
	height: 659px;
	
	position: absolute;
	top: -154px;
	top: 0;
	right: 0;}
	
#people8 {
	background: url(../images/advocacy_bg.png) no-repeat;
	width: 568px;
	height: 588px;
	
	width: 572px;
	height: 659px;
	
	position: absolute;
	top: -154px;
	top: 0;
	right: 0;}
	
	#people9 {
	background: url(../images/action-bg.jpg) no-repeat;
	width: 568px;
	height: 588px;
	
	width: 572px;
	height: 659px;
	
	position: absolute;
	top: -154px;
	top: 0;
	right: 0;}
	

#lower-wrap {
	background: url(../images/lower-home-bg-wide.png) center 6px no-repeat #000;
	padding: 28px 0 100px;	
	border-top: 1px solid #131313;
	position: relative;
	clear: both;}
	
.home #lower-wrap {
	padding: 28px 0 0;}

#lower-inner {}	

#just-add {
	/*background: url(../images/lower-home-bg.png) left 6px no-repeat;
	padding: 28px 0 150px 223px;
	margin-left: -223px;*/}

#just-add h2 {
	font-size: 2em;
	color: #fff;
	margin-bottom: 6px;
	font-weight:400;
}
	
#just-add-items {
	margin-left: -1px;}

#just-add-items li {
	float: left;
	list-style-type: none;
	margin:0 11px 0 0;}	

#just-add-items li .img {
	display: block;
	width: 153px;
	height: 94px;
	overflow: hidden;}
	
#just-add-items li.victims .img {
	background: url(../images/victims_button.jpg) 0 0 no-repeat;}
#just-add-items li.labor .img {
	background: url(../images/labor_button.jpg) 0 0 no-repeat;}
#just-add-items li.sex_trafficking .img {
	background: url(../images/sex_trif_button.jpg) 0 0 no-repeat;}
#just-add-items li.porn .img {
	background: url(../images/porn_button.jpg) 0 0 no-repeat;}
#just-add-items li.boots .img {
	background: url(../images/child_porn_button.jpg) 0 0 no-repeat;}
#just-add-items li.acdvocacy .img {
	background: url(../images/advocacy_button.jpg) 0 0 no-repeat;}

#just-add-items li.highlight .img {
	background-position: 0 -93px;
	}

#just-add-items li.alt{
	margin-right: 12px;}	
	
#just-add-items li.last {
	margin: 0;}	

#just-add-items li p {
	color: #646464;
	padding-left: 1px;}
	
#just-add-items li.highlight p {
	color: #ccc;}

#people2 li {
	float: left;
	list-style-type: none;
	margin:0 11px 0 0;}	
	}
#people2 a {
	display: block;
	padding: 10px;
	color: #444;
	text-decoration: none;
	}
#people2 img {
	display: block;
	width: 145px;
	height: 94px;
	overflow: hidden;}
	}
#people2 span {
	display: block;
	}
#people2 strong {
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	}
.cards {
	margin: 0;
	color: #666;
	overflow: hidden;



/* -------- End Home Page -------- */

/* -------- Product Page -------- */

#products {}

.product {
	width: 478px;
	position: relative;
	padding: 0;}
	
.product h2 {
	margin-bottom: 60px;}

#TZ1 {
	float: left;}
	
#TZ2 {
	float: right;}
	
.model {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;}

#TZ1 .model{
	width: 306px;
	height: 420px;
	background: url(../images/woman-trans.png) no-repeat;}

#TZ2 .model{
	width: 332px;
	height: 420px;
	background: url(../images/man-trans.png) no-repeat;}	
	
ul.specs {
	display: block;
	min-height: 270px;
	padding: 0;
	margin: 0;}

ul.specs li {
	list-style-type: none;
	border-bottom: 1px solid #4d4d4d;
	padding: 9px 0 9px 3px;
	margin: 0;
	width: 340px;
	font-size: 1.3em;
	line-height: 150%;}

.colours {
	position: relative;
	background: url(../images/box-trans-smaller.png) no-repeat;
	height: 85px;
	padding: 25px 20px 0 20px;
	margin-top: 40px;}
	
.colours-top {}

.colours ul {
	width: 445px;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;}

.colours ul li {
	list-style-type: none;
	width: 100px;
	float: left;
	margin: 0 11px 21px 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 120%;
	color: #dadada;
	position: relative;}

.colours ul li .info {
	height: 38px;
	border: 1px solid #4d4d4d;
}
	
.trim1 { /* Orange */
	background-color: #c6411e;}
.trim2 { /* Pink */
	background-color: #620035;}
.trim3 { /* Light blue */
	background-color: #a3accf;}
.trim4 { /* Blue */
	background-color: #0b2848;}
.trim5 { /* Black */
		background-color: #000;}	
.trim6 { /* Red */
	background-color: #790629;}	
.halftrim {
	width: 50%;
	height: 38px;}

.photos {
	position: relative;
	/*z-index: 800;*/
	background: url(../images/box-trans-small.png) no-repeat;
	height: 110px;
	padding: 25px 20px 0 20px;
	margin-top: 20px;}

.photos-top {}

.photos ul {
	width: 445px;
	display: block;
	clear: both;
	margin: 0;
	padding: 0;}

.photos ul li {
	list-style-type: none;
	width: 100px;
	float: left;
	margin: 0 11px 21px 0;
	padding: 0;
	font-size: 1.1em;
	line-height: 120%;
	color: #dadada;
	position: relative;}
	
.photos li.highlight {
	color: #f7931d;}	

/*
.photos ul li a {
	text-decoration: none;
	color: #dadada;}
	
.photos ul li a:hover {
	color: #f7931d;}
*/	
.photos ul li .info {
	cursor: default;}
	
.photos ul li .info img {
	display: block;
	width: 100px;
	height: 40px;}

#quote {
	clear: both;
	color: #a6a6a6;
	padding: 30px 0 20px 0;}

#quote blockquote {
	margin: 28px 0 0 0;}

#quote blockquote p {
	font-size: 1.3em;
	line-height: 155%;}

#quote blockquote p.morag {
	font-size: 1.1em;
	margin-top: 10px;}

#quote blockquote p.morag strong {
	font-size: 1.272727em;}

#quote img {
	float: left;}

#quote img#morag-signature {
	float: none;}
/* -------- End Product Page -------- */

/* -------- Contact Page -------- */

#contact-form {
	width: 485px;
	padding-bottom: 30px;}

#contact-form fieldset {
	padding-top: 20px;}

#contact-form label {
	font-size: 2em;
	float: left;
	clear: both;
	margin-bottom: 12px;
	padding-top: 4px;
	width: 120px;}

#cust-type-radio,
#contact-form input.text,
#contact-form textarea.text{
	float: right;
	width: 350px;}
	
#cust-type-radio {
	float: right;
	width: 363px;}

#cust-type-radio label {
	font-size: 1.4em;
	font-weight: bold;
	float: none;
	display: inline;
	clear:none;
	margin: 0;}
	
#contact-form .text {
	margin-bottom: 12px;
	background: #dadada;
	border: none;
	font-size: 1.6em;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;}

#contact-form input.button {
	float: right;
	width: 70px;
	height: 28px;
	display: block;
	background:url(../images/btn-send.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	padding-top: 28px;
	border: none;
	cursor: pointer;}
	
#signup {
	float: left;
	margin-left: 123px;}

#signup label {
	width:auto;
	clear: none;	
	float: left;
	font-size: 1.4em;
	font-weight: normal;}

#signup input {
	float: left;}

/* -------- End Contact Page -------- */

img.morag-about {
	border: 1px solid gray;
	margin-bottom: 20px;
}

/********************* End Specific formatting *********************/

/********************* General Formatting *********************/



.left {
	float:left;}
p img.left {
	margin-right: 26px;}

.right {
	float:left;}
	
.clear {
	clear:both;}	

.no-line {
	border: none;}

.no-show {
	display: none;}

/********************* End General Formatting *********************/

/********************* Clearfix *********************/

/* slightly enhanced, universal clearfix hack */
.clearfix:after,
#mainNav:after,
#just-add-items:after,
#products:after,
#quote:after,
.photos:after
{    visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;}
	 
.clearfix,
#mainNav,
#just-add-items,
#products,
#quote,
.photos
{ display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix,
* html #mainNav,
* html #just-add-items,
* html #products,
* html #quote,
* html .photos
{ height: 1%; }

.clearfix,
#mainNav,
#just-add-items,
#products,
#quote,
.photos
{ display: block; }
/* close commented backslash hack */
	
/********************* End Clearfix *********************/


ul.terms {
	margin: 2em;
}

ul.terms li {
	font-size: 1.3em;
	color: #646464;
	margin-bottom: 0.5em;
	line-height: 1.3em;
}

div.errors {
	background-color: #d72600;
	padding: 10px;
	color: white;
	font-weight: bold;
}

div.errors h2 {
	color: white;
}

div.errors ul {
	margin: 0em 2em;
}

.about-highlight {
	font-size: 1.4em;
	color: #c6411e;
}