/* CDN Address */
/* //static.myitworks.com */


/* Resets */
h1, h2, h3, h4 {font-weight:normal;}
h1 {font:normal 2.5em/2em "Century Gothic","Lucida Grande",sans-serif;}
h2 {font-weight:bold;font-size:1.2em;}
h3 {font-weight:bold;font-size:1em;}
h4 {font-size:12px;}

a {color:#000;}  

body {
	font:normal .75em/1.5em "Century Gothic", "Lucida Grande", sans-serif;
	color:#000;
	
	/*background:#222;*/
	background-color:#000;
	
}

.center {text-align: center;}
.overflow {overflow:hidden;}
.uppercase{text-transform: uppercase;}


.padit25{padding:0 25px 20px 25px;}
.padit20{padding:0 20px 20px 20px;}

.padit25 p a {text-decoration:underline;}


blockquote {
	background: url('//static.myitworks.com/images/quotes.png') no-repeat left top;
	border:0;
	padding-left:50px;
    min-height:33px;
}






.APIError{position:fixed;display:block;font-size:16px;color:#660000;text-align: center;margin:auto 0;padding:30px;}





#header {
	background:url('//static.myitworks.com/images/header.jpg') no-repeat right 0;
/*	width:960px;*/
	margin:0 auto;

/*	height:200px;*/


border:0px solid #ff0000;

}



/* upper site links */
#upperlinks {
	float:right;
	margin:10px 20px 0 0;
	height:15px;	
}

#upperlinks a{
	color:#bfbfbf !important;
}

#upperlinks ul {}
#upperlinks li {float:left;list-style-type:none;padding:0 0 0 30px;}




/* header logo */
#Logo {
	float:left;	
	margin:24px 0 0 20px;
}






/* Shopping Cart */
#ShoppingCart {
 
	background:url('//static.myitworks.com/images/frames.png') no-repeat;
	float:right;
	margin:20px 10px 0 0;
	width:231px;
	height:81px;
	font-weight: bold;
}

#ShoppingCart a {
	color:#000;
}

#ShoppingCart #carticon {
	display:block;
	float:left;
	background-image: url('//static.myitworks.com/images/UI-icons-general.png');background-repeat:no-repeat;
	background-position:15px 15px;
	width:60px;height:60px;
	padding:0 5px 0 0;
}

#ShoppingCart{border:0px solid #ff0000;}








/* Navigation Bar */
#SiteNav {
	float:right;
	background:url('//static.myitworks.com/images/nav-bar.png') no-repeat right 0;
	height:76px;
	margin:-29px 0 0 0;
	width:940px;
}

#SiteNav ul {float:right;margin:18px 0 0;}
#SiteNav li {float:left;list-style-type:none;}

#SiteNav a {
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	color:#fff;
	overflow:hidden;
	font-size:16px;
	height:50px;
	line-height:50px;
	padding:0 15px 0 0;
	margin-left:15px;
}

#SiteNav li a:hover, #SiteNav li.current a {color:#9c3;}






/* Main Container */
.container.main{
	background-color: #fff;
	padding-top:12px;
}







/* Section Bars */
.UI-bars {
	background-image:url('//static.myitworks.com/images/UI-bars.png');background-repeat:no-repeat;
	background-color:transparent !important;
}

.bg-bar-title { background-position: center -398px; width: 273px; height: 35px; margin: 0 auto; } 
.bg-bar-title {font-weight:bold;line-height:34px;text-align:center;}
.bg-bar-nav { background-position: 0 -461px; } 





/* Icons */
.UI-icon {
	background-image: url('//static.myitworks.com/images/UI-icons-general.png');background-repeat:no-repeat;
}

.bag-large{ background-position: 0 0; width: 34px; height: 40px; } 
.icon-addToCart-hover{ background-position: 0 -140px; width: 26px; height: 26px; } 
.icon-addToCart{ background-position: 0 -266px; width: 26px; height: 26px; } 
.icon-arrowDown-hover{ background-position: 0 -392px; width: 26px; height: 26px; } 
.icon-arrowDown{ background-position: 0 -518px; width: 26px; height: 26px; } 
.icon-arrowNext-hover{ background-position: 0 -644px; width: 26px; height: 26px; } 
.icon-arrowNext{ background-position: 0 -770px; width: 26px; height: 26px; } 
.icon-arrowPrev-hover{ background-position: 0 -896px; width: 26px; height: 26px; } 
.icon-arrowPrev{ background-position: 0 -1022px; width: 26px; height: 26px; } 
.icon-arrowUp-hover{ background-position: 0 -1148px; width: 26px; height: 26px; } 
.icon-arrowUp{ background-position: 0 -1274px; width: 26px; height: 26px; } 
.icon-bag-small{ background-position: 0 -1400px; width: 26px; height: 26px; } 
.icon-check-hover{ background-position: 0 -1526px; width: 26px; height: 26px; } 
.icon-check{ background-position: 0 -1652px; width: 26px; height: 26px; } 
.icon-delete-hover{ background-position: 0 -1778px; width: 26px; height: 26px; } 
.icon-delete{ background-position: -334px 0; width: 26px; height: 26px; } 
.icon-edit-hover{ background-position: -334px -126px; width: 26px; height: 26px; } 
.icon-edit{ background-position: -334px -252px; width: 26px; height: 26px; } 
.icon-editAlt-hover{ background-position: -334px -378px; width: 26px; height: 26px; } 
.icon-editAlt{ background-position: -334px -504px; width: 26px; height: 26px; } 
.icon-email-hover{ background-position: -334px -630px; width: 17px; height: 11px; } 
.icon-email{ background-position: -334px -741px; width: 17px; height: 11px; } 
.icon-emailBio-hover{ background-position: -334px -852px; width: 17px; height: 11px; } 
.icon-emailBio{ background-position: -334px -963px; width: 17px; height: 11px; } 
.icon-emblem{ background-position: -334px -1074px; width: 16px; height: 16px; margin:0 0 -3px; }
.icon-goToCart-hover{ background-position: -334px -1190px; width: 26px; height: 26px; } 
.icon-goToCart{ background-position: -334px -1316px; width: 26px; height: 26px; } 
.icon-help-hover{ background-position: -334px -1442px; width: 26px; height: 26px; } 
.icon-help{ background-position: -334px -1568px; width: 26px; height: 26px; } 
.icon-info-hover{ background-position: -334px -1694px; width: 26px; height: 26px; } 
.icon-info{ background-position: -334px -1820px; width: 26px; height: 26px; } 
.icon-phoneBio-hover{ background-position: -668px 0; width: 26px; height: 26px; } 
.icon-phoneBio{ background-position: -668px -126px; width: 26px; height: 26px; } 
.icon-plus-hover{ background-position: -668px -252px; width: 26px; height: 26px; } 
.icon-plus{ background-position: -668px -378px; width: 26px; height: 26px; } 
.icon-refresh-hover{ background-position: -668px -504px; width: 26px; height: 26px; } 
.icon-refresh{ background-position: -668px -630px; width: 26px; height: 26px; } 
.icon-search-hover{ background-position: -668px -756px; width: 26px; height: 26px; } 
.icon-search{ background-position: -668px -882px; width: 26px; height: 26px; } 
.icon-x-hover{ background-position: -668px -1008px; width: 26px; height: 26px; } 
.icon-x{ background-position: -668px -1134px; width: 26px; height: 26px; } 


.icon-gbp {background-image:url('//static.myitworks.com/images/gbp.png');width:16px;height:16px;margin:0 0 -3px;}




/* Footer */
#Footer {
	background:url('//static.myitworks.com/images/footer.jpg') no-repeat center 0;
	margin:0 auto;
	min-height:250px;
	padding-top:25px;
		
}

#Footer a {
	color:#fff;
}

#Footer .eventlink{border:0px solid #ff0000;
	float:left;
	margin-top: 10px;
	width:350px;
}

#Footer .eventlink IMG {
	float: left;
	margin-right:10px;
}


#Footer li {float:left;list-style-type:none;padding:0 4px 0 4px;}








/* Social Media */
#Footer .socialicons{
	float:right;
	margin:5px 30px 0 0;
	
}

.UI-social-icon {background:url('//static.myitworks.com/images/UI-social-icons.png') no-repeat;display:block;width:49px;height:49px;}

.icon-facebook {background-position:0 0;}
.icon-twitter {background-position:0 -87px;}
.icon-rss {background-position:0 -174px;}


#Footer .sosumi{margin-top:-30px;}
#Footer .sosumi, #Footer .sosumi a {
	color:#ddd;
	font-size:0.9em;
}



 
  
/* Secondary Nav */

#SecondaryNav {height:325px;margin-top:10px;}
#SecondaryNav ul {
	padding: 15px 0 0 60px;    
}

#SecondaryNav li{
	list-style-type:none;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.5em;
}

#SecondaryNav li a.current, #SecondaryNav li a:hover {color:#9c3;}

.bg-OurStory-History {background:url('//static.myitworks.com/images/Slide1.jpg') no-repeat;}
.bg-OurStory-ItWorksWay {background:url('//static.myitworks.com/images/Slide2.jpg') no-repeat;}
.bg-OurStory-News {background:url('//static.myitworks.com/images/Slide3.jpg') no-repeat;}
.bg-OurStory-PhotoGallery {background:url('//static.myitworks.com/images/Slide4.jpg') no-repeat;}
.bg-OurStory-GivesBack {background:url('//static.myitworks.com/images/Slide15.jpg') no-repeat;}

.bg-OurPeople-CorporateTeam {background:url('//static.myitworks.com/images/Slide6.jpg') no-repeat;}
.bg-OurPeople-ProductFormulators {background:url('//static.myitworks.com/images/Slide7.jpg') no-repeat;}
.bg-OurPeople-HealthExperts {background:url('//static.myitworks.com/images/Slide8.jpg') no-repeat;}
.bg-OurPeople-Distributors {background:url('//static.myitworks.com/images/Slide9.jpg') no-repeat;}
.bg-OurPeople-Blog {background:url('//static.myitworks.com/images/Slide10.jpg') no-repeat;}

.bg-OurOpportunity-OpportunityOverview {background:url('//static.myitworks.com/images/Slide11.jpg') no-repeat;}
.bg-OurOpportunity-EarnMoney {background:url('//static.myitworks.com/images/Slide12.jpg') no-repeat;}
.bg-OurOpportunity-WrapParty {background:url('//static.myitworks.com/images/Slide13.jpg') no-repeat;}
.bg-OurOpportunity-DistributorStories {background:url('//static.myitworks.com/images/Slide14.jpg') no-repeat;}








/* Modal windows */

/*
.modal {background-color:#000;color:#fff;padding:20px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.modal h3 {color:#9c3;line-height: 1.3em;}
.modal-header {padding:10px 0;}
.modal-body {max-height:500px;overflow-y:auto;}
.modal-body input {width:44%;margin:0 20px 10px 0;}
.modal-body textarea {width:100%;height:100px;}
.modal-outer-glow {box-shadow:0 0 8px 0 #999;-moz-box-shadow:0 0 8px 0 #999;-webkit-box-shadow:0 0 8px 0 #999;}
.modal-body h1 {font-size:24px;}
.modal-body h3 {font-weight:bold;margin:20px 0 0;}  
*/





/* Side Nav */
.sidenav h4{
	text-transform: uppercase;
	font-weight: bold;
	padding:5px 0;	
	margin-bottom:15px;
}

.sidenav a {text-decoration: underline;}
.sidenav ul{}
.sidenav li{
	list-style: none;
	line-height: 2em;
}



/* Shopping */


.prodBox {
    float:left;
    width: 145px;

    margin:0 5px 10px;
    padding:5px;
    border:solid 1px #d2d2d2;
    box-shadow:1px 2px 2px 1px #ccc;
  	border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
}
  
.prodBox .name {
	text-decoration: underline;
	text-align:left;
	margin:2px 0 8px 0;	
	overflow:hidden;
	white-space:nowrap;	
}
.prodBox .image {display:block;border:0px solid #eee;width:85%;margin:0 auto;min-height:170px;}

.prodBox .RCprice, .prodBox .LCprice, .prodBox .DTprice{padding:3px 0;}
.prodBox .RCprice{float:left;}
.prodBox .LCprice{float:right;font-weight: bold;}
.prodBox .DTprice{}



.prodHeader {float:left;margin-bottom: 30px;}
.prodHeader .image {
	float:left;
	border:solid 1px #d2d2d2;
	width:260px;
	height:343px;
	box-shadow:1px 2px 8px 0px #ccc;
	margin:0 20px 0 0;
}
.prodHeader .name {float:left;font-size:1.5em;text-transform: uppercase;width:375px;}
.prodHeader .LCnote{float:left;width:375px;padding:10px 0;}
.prodHeader .LCnote a{text-decoration: underline;}

.prodHeader .RCprice, .prodHeader .LCprice, .prodHeader .DTprice{padding:5px 5px;}
.prodHeader .RCprice{float:left;}
.prodHeader .LCprice{float:right;font-weight: bold;text-align: right;padding-right:15px;}
.prodHeader .DTprice{}

.prodHeader .buyBtn{float:right;margin-top:15px;}

.prodHeader .related {
border:0px solid #ff0000;
	float:left;
	width:375px;
	margin-top:35px;
}
.prodHeader .related .relitem{
	position: relative;
	float:left;
	border:solid 1px #d2d2d2;
	height:170px;
	width:100px;
	box-shadow:1px 2px 8px 0px #ccc;
	margin:0 15px 0 0;	
	text-align: center;

}

.prodHeader .related .relitem .relimage{
	width:100px;
	max-height: 130px;
	min-height: 130px;
	overflow: hidden;
}

.prodHeader .related .relitem .relname {
	font-size: 0.8em;
	line-height: 1.5em;
	position: absolute;
	bottom: 3px;
	left:0;	
	/*
	text-align: center;
	border: 1px solid #ff0000;
	display:block;
	margin: auto;
	*/
	width:100%;

}
	


.prodDesc {clear:both;}
.prodDesc a {text-decoration: underline;}





/* Pagenation */
.pagination.pagesizer{display: none;}
.pagination .info{
	text-transform:uppercase;
	font-size:11px;
	padding: 2px 8px 2px 8px;
	color:#888888;
	float:right;
	list-style: none;
}
.pagination .current{
	float:left;
	padding:2px 13px;
/*	line-height:34px;*/
	line-height:24px;
	text-decoration:none;
	border:1px solid #ddd;
	border-left-width:0;
	color:#777;
	background-color: #f8f8f8;
}