/* =========================================================
	header
*/



/* =========================================================
	index item classes
*/
#indexContent {
	padding-top: 10px;
	margin: 0 0 0 240px;
	width: 460px;

}

/* =========================================================
	steps classes
*/
#steps {
	position: absolute;
	height: 223px;
	top: 100px;
	z-index: 2;
	padding-left: 30px;
}

#steps #step1 {
	margin-left: 0px;
	padding-top: 37px;	
}
#steps #step2 {
	padding-top: 10px;
}
#steps #step3 {
	padding-top: 18px;	
}
#steps #step4 {

}

#steps #step1 img.displayImg {
	margin-bottom: 7px;
}
#steps #step2 img.displayImg {
	margin-bottom: 8px;
}
#steps #step3 img.displayImg {
	margin-bottom: 6px;
}
#steps #step4 img.displayImg {
	margin-bottom: 0px;
}

#steps #step1 .formArrow {
	margin-top: 10px;
}
#steps #step2 .moreButton {
	margin-top: 17px;
}
#steps #step3 .moreButton {
	margin-top: 1px;
}
#steps #step4 .moreButton {
	margin-top: 1px;
}


#steps div.stepColumn {
	float: left;
	margin: 0px;	
	width: 200px;
	text-align: center;
}
#steps div.stepColumn h3 {
	padding: 0 5px 0 5px;
	font-size: 13px !important;
	line-height: 1.2em;
}

#steps div.infoHolder {
	width: 181px;
	background: url(../images/helptip-background.png) no-repeat bottom;
	display: none;
	padding: 12px 7px 12px 7px;
	text-align: left;
}
#steps div.infoHolder h4 {
	border-bottom: 1px dotted #ccc;
	margin: 0px 5px;
}
#steps div.infoHolder p {
	margin: 10px 5px;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: bold;	
}

/* =========================================================
	reasons classes
*/
#reasonsHolder {
	position: relative;
}
#reasonsHeader {
	position: absolute;
	height: 100px;
	margin: 10px 0 0 10px;
	padding: 0;
}
#reasonsHeader h2 {

}
#reasonsHeader div {
	margin: 0 0 0 10px;
	float: left;
	width: 270px;
}
#reasonsHeader div.watchVideo {
	padding: 0 0 0 65px;
	margin: 7px 0;	
	font-weight: bold;		
}


#reasonsHolder ul#theSteps {
	margin: 0;
	padding: 120px 0 0 0;
	list-style: none;
}


#reasonsHolder ul#theSteps li.step {
	position: relative;
	font-size: 1.2em;
	font-weight: bold;
	padding: 19px 0 10px 35px;
	background: url(../images/bullet-background.gif) no-repeat;
	width: 422px;
}
#reasonsHolder ul#theSteps li.step a.extraInfoLink {
	position: absolute;
	right: 0px;
	top: 13px;
	font-size: 0.8em;
	width: 50px;
	text-align: center;
	color: #999;
}
#reasonsHolder ul#theSteps li.extraInfo {
	background: none;
	font-size: 1em;
	line-height: 1.4em;
	margin: 5px;
	padding: 0 0 0 10px;
}
#reasonsHolder ul#theSteps li ul li {
	font-size: 1.2em;
	font-weight: bold;
	margin: 4px 0px;
}
/* =========================================================
	testimonial classes
*/
#testimonialHeader {
	height: 60px;
	background: url(../images/anne-diamond-thumb.jpg) no-repeat top left;
	margin: 0 0 0 15px;
}
#testimonialHeader h2 {
	padding: 30px 0 0 65px;
}
#testimonials ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#testimonials ul li {
	float: left;
	width: 180px;
	margin: 0 0 0 5px;	
	padding: 0 0 0 80px;
	}
#testimonials ul li div.quote {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 0 15px;
	line-height: 1.3em;
}
#testimonials ul li div.quote img {
	padding: 2px;
}
#testimonials ul li div.quoter {
	font-size: 1.1em;
	font-weight: bold;	
	color: #8e0610;
	text-align: center;
	padding: 3px 0;	
}
#testimonials ul li div.watchVideo {
	font-size: 1.1em;
	font-weight: bold;	
	text-align: center;		
	margin-top: 5px;	
}
.moreTestimonials {
	float: left;
	margin: 60px 0 0 15px;
}

.internalPage #content .testimonialMiddle p{
    font-size: 1em;
}
div.watchVideo a {
	background: url(../images/icon-video.png) no-repeat left;
	padding: 15px 3px 6px 25px;
}


div.pageContent {
	/*padding: 0 30px 0 10px;*/
}
div.pageContent ul {
	
}
div.pageContent ul li {
	margin: 5px 0 0 0;
	font-size: 1.2em;		
	line-height: 1.4em;
}
div.pageContent ol li {
	margin: 5px 0 0 0;
	font-size: 1.2em;		
	line-height: 1.4em;	
}

div#channelHolder {
	margin-top: 10px;
	height: 100px;
}
div#channelHolder ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
div#channelHolder ul li {
	float: left;
	margin: 0px 8px;
}


#questionsHolder ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#questionsHolder ul li {
	position: relative;
	font-size: 0.8em;
	line-height: 1em;
	font-weight: bold;
	padding: 2px 0 10px 35px;
	background: url(../images/question-background.gif) no-repeat;
	width: 422px;
}
#questionsHolder ul li a.extraInfoLink {
	position: absolute;
	right: 0px;
	top: 13px;
	font-size: 0.8em;
	width: 50px;
	text-align: center;
	color: #999;
}
#questionsHolder ul li.extraInfo {
	background: none;
	font-size: 1em;
	line-height: 1.4em;
	margin: 5px;
	padding: 0 0 0 10px;
}


#detailsConfirmation {
	height: 300px;

}
#detailsConfirmation div#addressDetails {
	margin: 0 100px 0 0;
	float: left;
}
#detailsConfirmation div#contactForm {
	float: left;
	width: 250px;
}	




#leagueTable {
	border: 1px solid #ccc;
	width: 100%;
	margin-top: 5px;
	zoom:1;
}

#leagueTable td {
	font-size: 1.2em;
	border-top: 1px solid #ccc;
	text-align: center;
	padding: 4px 0 0 0;
}
#leagueTable .count {
	text-align: center;
	width: 100px;
	font-size: 1.2em;
	padding: 10px 0px;
	border-top: 1px solid #ccc;		
}
#leagueTable .price {
	width: 140px;
	text-align: center;
	padding-right: 20px;
	font-size: 1.2em;
	padding: 10px 0px;	
	border-top: 1px solid #ccc;	
}
#leagueTable .complogo {
	padding: 10px 0px;	
	border-top: 1px solid #ccc;	
}
#leagueTable .top {
	font-size: 17px;
	font-weight: bold;
}
#leagueTable .tableheader {
	font-size: 12px !important;
	padding: 4px 0 4px 0;	
}

.jobTable {
	margin: 20px 0;
}
.jobTable td {
	padding-bottom: 10px;
	font-size: 1.2em;
	vertical-align: top;
}
.ticker-holder {
	width: 450px;
	height: 80px;
	margin: 0px 0 8px 4px;
}
.news-holder {
	width: 445px;
	height: 79px;
	margin: 4px 0 0 4px;
	background: url(../images/news-background.gif) no-repeat;		
	padding: 13px 0px 5px 5px;
}
.news-container ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.news-container li {
	height: 60px;
	width: 440px;
}
.news-container div {
	padding: 5px;
}
.news-container h4 {
	font-size: 1.1em;
	margin: 3px 0px;
	padding: 0px;
	line-height: 1em;
	color: #8e0610;
}
.news-container p {
	font-size: 1.1em;	
	margin: 0px;
	padding: 0px;
	line-height: 1.1em;	
}
.news-container a {
	text-decoration: none;
	color: #0445b4;
	font-weight: bold;
}

#newsHolder {
	margin: 15px 0;
}
#newsHolder h3 {
	font-size: 1.2em;
}
#newsHolder div.newsitem {
	padding: 5px 0px;
}
#newsHolder div.date {
	margin: 3px 0;
	font-style: italic;
	color: #999;
}
#newsHolder hr {
	color: #8b0610;
	border: 1px solid #8b0610;
}

.boughtItems img{
	float: left;
	margin: 0px 15px 0 0;
}

/**
CALCULATOR STYLES
=========================
**/
#calculator {
	background: url(../images/calculator-background.jpg) no-repeat;
	width: 136px;
	height: 225px;
	text-align: left;
}
#calculator form {
margin: 0;
}
#calculator h4 {
	text-align: left;
	padding: 9px 7px 0 7px;
	font-size: 1.2em;	
}
#calculator p {
	text-align: left;
	margin: 5px 7px 0px 7px;
	font-size: 0.9em;
}
#calculator input[type="text"] {
	border: none;
	padding: 3px 7px 3px 7px;
	margin: 3px 0px;	
	width: 103px !important;
	border: 2px solid #8e0610;	
}
#calculator select {
	border: none;
	height: 25px;
	padding: 3px 7px 3px 7px;
	margin: 3px 0px;	
	width: 120px !important;
	border: 2px solid #8e0610;
}
#calculator .input {
	margin: 5px 7px 5px 7px;	
}
#calculator #submit {

}
#calculator #result {
	font-size: 1.4em;
	margin: 5px 7px;
	text-align: center;		
}

/**
END Calculator Styles
**/


.wwbItem {
background:url("../images/item-background.png") no-repeat scroll 0 0 transparent;
float:left;
height:188px;
margin:0 5px 5px 0;
position:relative;
width:200px;
}

.bookend {
    margin-right: 0 !important;
}
.wwbItem h3 {
	position: absolute;
	top: 12px;
	left: 15px;
	width: 200px;
}
.wwbItem p {
	position: absolute;
	top: 20px;
	left: 15px;
	width: 170px;
	margin: 13px 0;
	line-height: 1.2em;
}
img.ringsItem {
	position: absolute;
	top: 70px;
	left: 22px;
}
img.braceletItem {
	position: absolute;
	top: 90px;
	left: 12px;
}
img.chainItem {
	position: absolute;
	top: 70px;
	left: 18px;
}
img.broochItem {
	position: absolute;
	top: 60px;
	left: 40px;
}
img.necklaceItem {
	position: absolute;
	top: 60px;
	left: 40px;
}
img.pendentItem {
	position: absolute;
	top: 60px;
	left: 40px;
}

#gemstonesItem {
	background: url(../images/item-gemstones.jpg) no-repeat;

	height: 115px;
	position: relative;
	margin: 7px 3px;	
	clear: both;
}
#gemstonesItem h3 {
	color: #fff;
	position: absolute;
	top: 22px;
	left: 160px;
	width: 270px;
	font-size: 2.3em;
}
#gemstonesItem p {
	color: #fff !important;
	position: absolute;
	top: 40px;
	left: 160px;

	margin: 13px 0;
	line-height: 1.2em;

}

.exampleItem {
    float:left;
    height:97px;
    margin:2px 13px;
    position:relative;
    width:125px;
}
.exampleItem a {
	position: absolute;
	top: 0px;
	left: 0px;
}

.exampleItem br {
    margin-bottom: 10px;
}
.exampleItem p {
	font-size: 1.1em;
	position: absolute;
	top: 0px;
	left: 52px;	
	width: 78px;
	margin: 0;
        line-height:1;
}
.itembreak {
	height: 3px;
	color: #b0b0b0;
	background: #b0b0b0;
	clear: both;
	margin: 20px 0;
}

/* =========================================================
	Testimonials
*/

#allTestimonials {
	/*padding: 0 35px 0 10px;*/
        margin:auto;
width:454px;
}

ul.testimonialBubbles {
  margin:0;
overflow:hidden;
padding:0;
width:427px;
    
}

ul li.testimonialBubble {
    
    list-style-type:none;
    margin-bottom:7px;
    
    width:428px;
}

.testimonialMiddle{
    padding:0 20px;
    background:url("../images/testimonials/testimonial-middle.gif") repeat-y scroll 0 0 transparent;
}

.testimonialMiddle p {
    margin: 0;
    padding: 0;
    color: #666;
}

.testimonialTop{
    width: 100%;
    height: 14px;
    background:url("../images/testimonials/testimonial-top.gif") repeat-y scroll 0 0 transparent;
}

.testimonialBottom{
    width: 100%;
    height: 29px;
    background:url("../images/testimonials/testimonial-bottom.gif") no-repeat scroll 0 0 transparent;
}

.whoSaidThat{
  float:right;
margin-bottom:7px;
margin-top:3px;
text-align:right;
width:119px;
}


.testimonialName{
    font-size: 1.4em;
}

.testImage {
    float: right;
    margin-left: 10px;
}

/* =========================================================
	Internal Page
*/

.internalPage {
    /*display: none;*/
}
.internalPage h1 {
    font-size: 3em;
    margin-bottom: 10px;
    letter-spacing: -1px;

 

}

.internalPage #landingFormHolder {
   
    position: static;
    width:200px;
}
#content {
    padding: 15px;
    background:url("../../images/layout/content-background.png") repeat-x scroll center bottom #FFFFFF;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}
.internalPage #content li {
    font-size: 1.4em;
    margin-bottom: 10px;
}
.internalPage #content p {
    font-size: 1.4em;
    color: #333;
}