@charset "UTF-8";
/* CSS Document */

*,* {
	margin: 0;
	padding: 0;
}

body {
	background:url(../UserMods/images/ci-bg-main-sides.png) top repeat-x #FFFFFF;
}

#wrapper {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background: url(../UserMods/images/ci-bg-main.png) top repeat-x;
}

#wrapper h1{
	background: url(../UserMods/images/ci-bg-logo.png) top left no-repeat;
	width: 160px;
	text-align: center;
	float: left;
}

#wrapper h1 .clarus{
margin:8px 0 0 3px;
}

#top {
	display: block;
	width: 960px;
	height: 160px;
}

#headnavigation {
	display: block;
	float: left;
	width: 640px;
	height: 49px;
	background: url(../UserMods/images/ci-bg-nav.png) repeat-x top center;
	z-index: 10;
}

#headnavication .current {
}

#headnavigation ul{
	list-style-type: none;
	display: inline-block;
	z-index: 10;
}

#headnavigation li{
	
	display: inline-block;
	z-index: 10;	
}

.mainnavigation {
	/*background: url(../UserMods/images/ci-bg-nav.png) repeat-x top center;*/
	z-index: 10;
}

.mainnavigation li {
	list-style-type: none;
	display: inline-block;
	float: left;
	height: 50px;
	padding: 10px 20px;
	z-index: 500; 
}

.mainnavigation .current{
	z-index: 500; 
	background: url(../UserMods/images/ci-bg-nav-current.png) top left repeat-x #ffffe8;
	background-position: -20px 0px;
}


.mainnavigation li img{
	border: none;
	z-index: 10;
}

.mainnavigation li:first-child {
	padding-left: 22px;
	z-index: 10;
}

.mainnavigation li:last-child {
	padding-right: 23px;
	z-index: 10;
}

/* START - TOP */

/* sub navigation */

#sub {
	position: relative;
	float: left;
	list-style-type: none;
	width: 550px;
	top: -30px;
}

#sub li {
	display: inline-block;
	float: left;
	font-size: 12px;
	letter-spacing: -.1em;
	padding: 0 5px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../UserMods/images/ci-nav-seperator.jpg) left center no-repeat;
}

#sub li:first-child {
	background: none;
}

#sub li a {
	color: #3a2f1f;
	text-decoration: none;
}

#sub li a:visited {
	color: #3a2f1f;
	text-decoration: none;
}

#sub li a:hover {
	color: #3a2f1f;
	text-decoration: underline;
}

/* quick icons */

.quickicons {
	display: inline;
	float: left;
	background: url(../UserMods/images/ci-bg-nav.png) top center repeat-x;
	text-align: center;
	width: 160px;
	height: 120px;
}

.quickicons ul {
	display: inline;
	margin-top: 10px;
}

.quickicons ul li {
	margin-top: 10px;
	list-style: none;
	display: inline;
	padding: 20px 5px 5px;
}

.quicklist{
	top: 60px;
	list-style: none;
	display: inline;
}

.quicklist ul{
	top: 60px;
	list-style: none;
	display: inline;
}

.quicklist ul li{
	top: 60px;
	list-style: none;
	display: inline;
}

.quicklist ul li div{
	top: 60px;
	list-style: none;
	display: inline;
}


.quickicons .seal {
	margin: 8px;
	padding-top: 10px;
}

div .quicklist ul li img{
	padding-top: 12px;
}

/* END - TOP */


/* START - LEFT */

#left {
	display: block;
	float: left;
	margin-top: -43px;
	width: 256px;
}

/* quicklinks */

#quicklinks {
	display: block;
	margin-bottom: 5px;
}

#quicklinks ul {
	margin-top: -5px;
	list-style-type: none;
}

#quicklinks ul li{
	height: 30px;
	line-height: 30px;
	padding: 0 0 0 30px;
	/*background: url(../UserMods/images/ci-bg-quicklinksdivider.png) 25px bottom no-repeat;*/
}

#quicklinks ul li:last-child {
	background: none;
}

#quicklinks ul li img{
	vertical-align: middle;
}

/* how qlink works */

#youtube {
	display: block;
	text-align: center;
	font-size: 11px;
	letter-spacing: -.1em;
	font-family: Arial, Helvetica, sans-serif;
}
#youtube a {
	color: #3a2f1f;
	text-decoration: none;
}

#youtube a:visited {
	color: #3a2f1f;
	text-decoration: none;
}

#youtube a:hover {
	color: #3a2f1f;
	text-decoration: underline;
}

/* END - LEFT */


/* START - RIGHT */
#right {
	display: block;
	float: right;
	width: 704px;
	margin-top: -35px;
}

/* shopping bag */

#shopbar {
	display: block;
	background: url(../UserMods/images/ci-bg-shopping.png) top right no-repeat;
	height: 47px;
}

#phonenumber {
	display: block;
	float: left;
	margin-left: 63px;
}

#shopbar h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #a89b83;
}

#shopbar h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #a89b83;
}

#quantity {
	display: block;
	width: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: -.1em;
	margin-left: 62px;
	margin-top: 15px;
	float: left;
	color:#FFF;
}

#mybag {
	display: block;
	width: 150px;
	height:40px;
	line-height:40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: -.1em;
	margin-left: 60px;
	float: left;
	color:#FFF;
	text-decoration:none;
}


#amount {
	display: block;
	width: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: -.1em;
	margin-left: 75px;
	margin-top: 15px;
	float: left;
	color:#FFF;
}

#shoplinks {
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 12px;
	margin-left: 5px;
	letter-spacing: -.1em;
	color: #ffffe8;
}


/* main banner */

#banner {
	display: block;
	float: left;
	/*background: url(../UserMods/images/ci-bg-banner-slide1.png) center center no-repeat;*/
	height: 222px;
	width: 482px;
	margin-top: -3px;
	margin-left: 63px;
}

#previous {
	display: block;
	position: absolute;
	margin-top: 68px;
	margin-left: -25px;
	width: 59px;
	height: 66px;
	z-index: 20;
}

#slide {
	display: block;
	position: absolute;
	height: 222px;
	width: 482px;
	margin-left: 0px;
	z-index: 10;
}
/*
#slide h2.slide1{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	color: #172e32;
	font-weight: bold;
	padding-top: 20px;
}

#slide h3.slide1{
	width: 350px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #f0fafb;
	font-weight: normal;
	padding-top: 40px;
}*/

#next {
	display: block;
	position: absolute;
	margin-top: 68px;
	margin-left: 447px;
	width: 59px;
	height: 66px;
	z-index: 20;
}

/* featured products */

#featured {
	display: block;
	float: right;
	width: 159px;
	margin-top: -3px;
}

#featured h2 {
	margin-top: 5px;
}


#featured h3 {
	margin-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
}

#featured h3.left {
	margin-left: 15px;
	float: left;
}

#featured h3.right {
	margin-left: 130px;
	float: left;
}

/* shop qlink */

#qlink {
	display: block;
	float: right;
	width: 152px;
	height: 102px;
	background:url(../UserMods/images/ci-bg-shop-qlink.png) top right no-repeat;
	text-align: center;
}

#qlink .product{
	margin: -20px;
}

#qlink h3{
	color: #00a8ff;
}


/* shop equilibrio */

#equilibrio {
	display: block;
	float: right;
	width: 152px;
	height: 112px;
	margin-top: 8px;
	background:url(../UserMods/images/ci-bg-shop-equilibrio.png) top right no-repeat;
	text-align: center;
}

#equilibrio .product {
	margin: -10px;
}

#equilibrio h3 {
	color: #ffe61c;
}

/* qlive */

#qlive {
	clear: both;
	display: block;
	width: 568px;
	height: 50px;
	line-height: 50px;
	margin-left: 63px;
	background:url(../UserMods/images/ci-bg-qlive.png) top left no-repeat;
}

#qlive img {
	margin-top: 18px;
	margin-right: 28px;
	float: right;
}

#ticker {
	float: left;
	margin-left: 115px;
	display: block;
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing:  -.08em;
	color: #ffffe8;
	font-weight: normal;
	overflow: hidden;
}
#ticker a {
	float: left;
	display: block;
	width: 360px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing:  -.08em;
	color: #ffffe8;
	font-weight: normal;
	overflow: hidden;
	text-decoration:none;
}

/* inlet tabs */

#inlettabs {
	display: block;
	float: left;
	margin-left: 63px;
	width: 340px;
	height: 210px;
	left: 50px;
}

#tabs {
	display: block;
	background: url(../UserMods/images/ci-bg-tabs.png) top center no-repeat;
	width: 322px;
	height: 32px;
	margin: 0 10px;
	text-align: center;
}

#tabs ul {
	list-style-type: none;
}

#tabs ul li{
	display: inline;
}

#tabs ul li img{
		margin-top: 12px;
}

ul.nav {
	list-style-type: none;
	background: url(../UserMods/images/ci-bg-tabs.png) top center no-repeat;
	z-index: 10;
}

ul.nav li{
	display: inline;
}

ul.nav li img{
	margin-top: 12px;
}

#qmedia ul{
	list-style-type: none;
	margin-top: 10px;
}

#qmedia ul li{
	display: inline;
	margin: 0 -5px;
}

#scroller {
	display: block;
	width: 322px;
	height: 12px;
	background: url(../UserMods/images/ci-bg-scroller-track.png) top center no-repeat;
	margin: 20px 10px 0;
}

#scroller img{
	margin-top: -18px;
}

/* newsletter */

#newsletter {
	display: block;
	float: right;
	width: 253px;
}

#newsletter h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #665e50;
}

#newsletter h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3a2f1f;
	letter-spacing: -.02em;
}

#newsletter h2 strong {
	color: #851e00;
}

#email {
	display: block;
	margin-top: 20px;
	float: right;
	height: 42px;
	width: 252px;
	padding: 10px;
	background: url(../UserMods/images/ci-bg-newsletter-textbox.png) top center no-repeat;
}
#name {
	display: block;
	margin-top: 10px;
	float: right;
	height: 42px;
	padding: 10px;
	width: 252px;
	background: url(../UserMods/images/ci-bg-newsletter-textbox.png) top center no-repeat;
}

#signup {
	display: block;
	margin-top: 10px;
	float: right;
	height: 40px;
	width: 110px;
}

/* END - RIGHT */

/* START - BOTTOM */

#bottom {
	clear: both;
	/*
	position:fixed;
	bottom: 0;
	 */
	margin-top:15px;
	display: block;
	width: 100%;
	height: 51px;
	background: url(../UserMods/images/ci-bg-bottom.png);
}

#footer {
	display: block;
	margin: 0 auto;
	width: 480px;
	height: 20px;
	background: url(../UserMods/images/ci-bg-footer.png) top center no-repeat;
	text-align: center;
}

#footer ul {
	list-style-type: none;
}

#footer ul li {
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 12px;
	color: #d4cbb9;
	background: url(../UserMods/images/ci-bg-footer-seperator.png) left center no-repeat;
}

#footer ul li a {color: #d4cbb9; font-family: Arial, Helvetica, sans-serif; font-weight:normal;	font-size: 10px; text-decoration:none}
#footer ul li a:hover {text-decoration:underline;}

#footer ul li:first-child{
	background: none;
}

#copyright {
    width:600px;
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-left:-4.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #a99a87;
}

.tooltip{
   position: absolute;
   padding: 2px 20px;
   z-index: 2;
   
   color: #303030;
   background: url(../UserMods/images/ci-bg-bubble.png) top center no-repeat;
   /*background-color: #f5f5b5;*/
   /*border: 1px solid #DECA7E;*/
   width: 160px;
   height: 100px;
  
   font-family: sans-serif;
   font-size: 8px;
   line-height: 18px;
   text-align: left;
}

#qmedia.tabcontent{
	width: 400px;
}

.tabcontent{
	width: 400px;
}

.tabcontent ul {
	list-style: none;
}

.tabcontent ul li {
	list-style: none;
	display: inline;
}

.scroll {
	height: 150px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	width: 320px;
	margin-right: 20px;
}

/* Container DIV - automatically generated */
.simply-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */

/* Container DIV */
.simply-scroll { 
	width: 300px;
	height: 110px;
	margin-bottom: 1em;
	left: 20px;
}

/* Clip DIV */
.simply-scroll .simply-scroll-clip {
	width: 300px;
	height: 110px;
}
	
/* Explicitly set height/width of each list item */	
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 89px;
	height: 108px;
}

.topcontent ul {
	list-style: none;
}

.topcontent ul li {
	list-style: none;
	display: inline;
}

.topcontainer { clear: both; float: left; padding: 10px; top: -30px; display: inline;}
.topcontainer div.topcontent {display: none; top: -30px;}
.topcontainer div.current {border: none; top: -30px; display: inline; width: 120px;}

.homebaseClass{
   position: absolute;
   z-index: 2;
   color: #303030;
   background: url(../UserMods/images/ci-bg-bubble.png) top center no-repeat;
   /*background-color: #f5f5b5;*/
   /*border: 1px solid #DECA7E;*/
   width: 180px;
   height: 100px;
   font-size: 10px;
   line-height: 10px;
   font-family: Arial, Helvetica, sans-serif;
   text-align: center;
}

.globebaseClass{
   position: absolute;
   z-index: 2;
   color: #303030;
   background: url(../UserMods/images/ci-bg-bubble.png) top center no-repeat;
   /*background-color: #f5f5b5;*/
   /*border: 1px solid #DECA7E;*/
   width: 180px;
   height: 100px;
   font-size: 10px;
   line-height: 10px;
   font-family: Arial, Helvetica, sans-serif;
   text-align: left;
}

.homeicondiv{
	position: relative;
}

div#rotator {
	/*position:relative;*/
	height:78px;
	margin:0 auto;
	/*margin-left: 15px;*/
}
/* rotator css */
div#rotator ul li {
	/*float:left;*/
	position:absolute;
	list-style: none;
}
/* rotator image style */	
div#rotator ul li img {
	/*border:1px solid #ccc;*/
	/*padding: 4px;*/
	/*background: #FFF;*/
}
div#rotator ul li.show {
	z-index:500
}

ul.bottomnav { float: left; list-style: none; width: 100%; background:url(../UserMods/images/ci-bg-tabs.png) top center no-repeat; }
ul.bottomnav li { float: left; margin: 0 1px 0 0; padding: 6px 0 0; }
ul.bottomnav li.current {}
ul.bottomnav a {display: block; padding: 4px 4px 5px 4px; text-decoration: none; }
ul.bottomnav li.current a { background: url(../UserMods/images/ci-img-qmediatab-on.png) bottom center no-repeat;}
div.tabcontainer { clear: both; float: left; width: 100%; }
div.tabcontainer div.tab {display: none; }
div.tabcontainer div.current { display: block; }

/* END - BOTTOM */


.qmedliston{
	background: url(../UserMods/images/ci-img-qmediatab-on.png) bottom center no-repeat;
}

.qmedlistoff{
	background: url(../UserMods/images/ci-img-qmediatab-off.png) bottom center no-repeat;
}

.qclipliston{
	background: url(../UserMods/images/ci-img-qclipstab-on.png) bottom center no-repeat;
}

.qcliplistoff{
	background: url(../UserMods/images/ci-img-qclipstab-off.png) bottom center no-repeat;
}

.qamliston{
	background: url(../UserMods/images/ci-img-qambassadorstab-on.png) bottom center no-repeat;
}

.qamlistoff{
	background: url(../UserMods/images/ci-img-qambassadorstab-off.png) bottom center no-repeat;
}
.qseal{
	clear:both;
	padding-top:20px;
}

#qambassadors ul{display: inline;}
#qambassadors ul li{display: inline;}
#qambassadors ul li img{display: inline;}

#aclips ul{display: inline;}
#aclips ul li{display: inline;}
#aclips ul li img{display: inline;}
#bbblogo {
float:left;
margin-left:50px;
margin-right:auto;
padding-top:5px;}
#right2{
display:block;
float:right;
margin-top:-35px;
width:960px;
}
.quickicons{
width:100px !important;
}
#headnavigation {
width:700px !important;
}
#minibg{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../UserMods/images/ci-bg-shop-mini.png) no-repeat scroll right top;
display:block;
float:right;
height:112px;
margin-top:8px;
text-align:center;
width:152px;
}
#minileft{
margin-bottom:0px;
}
#minibg h2{
margin-bottom:-15px;
margin-top:15px;
}
#shmain{
}
#shintro{
}
#shyoutube{
}
#shimg{
clear:left;
}
#shmos{
clear:left;
}
#shamb{
clear:left;
}
#shbottom{
}
#shterms{
}
#shtos{
}

#shintro h2{
color:#FF9D03;
}
#shyoutube h2{
}
#shimg h2{
margin-top:35px;
}
#shmos h2{
margin-top:35px;
}
#shamb h2{
}
#shbottom h2{
}
#shterms h2{
}
#shtos h2{
}

#shintro img{
}
#shyoutube img{
float:left;
padding:20px 20px 30px 0;
}
#shimg img{
float:left;
padding:0 20px 0 0;
}
#shmos img{
float:left;
padding:0 20px 0 0;
}
#shamb img{
}
#shbottom img{
}
#shterms img{
}
#shtos img{
}
#socialicons{
padding-top:15px;
}
/* CSS Document */
#topchat{
float:right;
margin-top:30px;
}
#resellerdes{
}
#headnavigation {
width:800px !important;
}
#headnavigation ul {
display:inline-block;
list-style-type:none;
width:700px !important;
z-index:10;
float:left !important;
}
#quicklist ul {
width:100px !important;
}
.quicklist ul li{
float:left !important;
margin: 0 10px 0 10px;
}
.qseal{
float:right;
clear:none !important;
padding-top:0px !important;
margin-top:5px;
}
.rarrow{
float:right;
margin:10px 10px 0 120px;
}
.rarrow img{
border:none;
}
#right{
margin-top:-40px;
}
#ambassador {
	width: 700px;
	font-family: Verdana,Arial,Helvetica !important;
	margin:0px;
	padding:0px;
}
#ambtop {
float:left;
height:300px;
margin:0;
padding:0 0 20px;
position:relative;
width:700px;
}
.ambtoprc{
padding:10px;
}
#ambtopl {
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 475px;
	float:left;
	background-image: url(http://www.qlinkproducts.com/UserMods/ambassador/anneFeatured.jpg);
}
#ambtopr {
	float:left;
	color:#fff;
	height:300px;
	width:225px;
	background-color:#333333;
}
#ambtopldes {
	position:absolute;
	height:30px;
	width:475px;
	background-image: url(ambassador/bg.png);
	background-repeat: repeat-x;
	border: none 0px !important;
	bottom:30px;
	}
#ambtopldes p{
color:#FFFFFF;
font-size:1.2em;
padding:5px 0 5px 20px;
}
#ambbottom{
width:700px;
padding:0px;
margin:0px;
}
#ambottomc{
width:700px;
padding:0 0 10px 0;
margin:0px;
}
.ambind{
border:1px solid #333333;
float:left;
height:210px;
margin:0 10px 10px 0;
padding:0 5px;
width:150px;
}
.ambind img{
padding:0 0 0 5px;
}
.ambind h2{
font-size:1.2em;
padding-top:5px;
}
.ambtoprc h2{
padding-bottom:10px;
}
.ambtoprcr{
padding:10px 0 0;
text-align:right;
}
.ambtoprcr a:link{
color:#FFFFFF !important;
padding:0 15px 0 0;
}
.ambtoprcr a:visited{
color:#FFFFFF !important;
padding:0 15px 0 0;
}
.ambhead{
padding:10px 0;
}
.ambhead h2{
color:#FF9D03;
font-weight:bold;
font-size:medium;
}
#aindmain{
	width: 700px;
	font-family: Verdana,Arial,Helvetica !important;
	margin:0px;
	padding:0px;
}
#aindtop{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 300px;
	width: 700px;
	position:relative;
}
#aindtopl{
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 475px;
	float:left;
	background-image: url(http://www.qlinkproducts.com/UserMods/ambassador/annePage.jpg);
}
#ajindtopl{
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 475px;
	float:left;
	background-image: url(http://www.qlinkproducts.com/UserMods/ambassador/ajaliPage.jpg);
}
#aindtopr{
	float:left;
	color:#ccc;
	height:300px;
	width:225px;
}
.aindtoprc1{
text-align:center;
}
.aindtoprc1 img{
border:0px;
}
.aindtoprc2{
}
.aindtoprc3{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.qlinkproducts.com/UserMods/ambassador/ambconbg.png) no-repeat scroll 0 0;
color:#333333;
height:125px;
margin-top:-6px;
padding:15px 20px;
text-align:center;
}
.aindtoprc3 a:link{
color:#333 !important;
}
.aindtoprc3 a:visited{
color:#333 !important;
}
#aindbottom{
float:left;
padding:20px 0;
}
.aindquote{
font-weight:800;
padding:0 0 20px;
}
.ainddes{
}
.ambfriends{
clear:left;
margin:0 0 240px;
}
.ambfriends .ambind{
border:1px solid #CCCCCC !important;
}
#ambbottom h2{
margin:10px 0;
}