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

/* CONSTANT ELEMENTS */

* { padding: 0; margin: 0; }

html {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	color: #666666;
}

.popup { 
	padding:10px; border:2px solid #ccc;
	background:#eee; width:400px; font-size:13px; font-weight:100; text-align:center;
	z-index:1;
}

#outline {
	width:300px;
	height:200px;
	left:650px; 
	top:340px; 
	position:absolute;
	
}

#follow {
	width:60px;
	font-size:10px;
	color:#000;
	font-weight:bold;
	float:left;
	top:155px;
	height:200px;
	background-image:url(../global-images/follow-back.png);
	background-repeat:no-repeat;
	position:absolute;
}
	
#right-60day {
	left:760px; 
	top:260px; 
	position:absolute;
}

#right-60day-prod {
	left:-130px; 
	top:0px; 
	position:absolute;
	z-index:1000;
}

#payment-terms-prod {
	left:-130px; 
	top:100px; 
	position:absolute;
	z-index:1001;
}

#deli-prod {
	left:-130px; 
	top:200px; 
	position:absolute;
	z-index:1002;
}

#warr-prod {
	left:-130px; 
	top:300px; 
	position:absolute;
	z-index:1002;
}

#god-prod {
	left:-130px; 
	top:400px; 
	position:absolute;
	z-index:1002;
}

#right-60day-index {
	display:block;
	top:0px;
	z-index:1000;
}

#payment-terms-index {
	display:block;
	top:100px; 
	z-index:1001;
}

#deli-index {
	display:block;
	top:200px; 
	z-index:1002;
}

#warr-index {
	display:block;
	left:-100px; 
	top:300px; 
	z-index:1002;
}

#god-index {
	display:block;
	left:-100px; 
	top:400px; 
	z-index:1002;
}

#card-info {
	left:50px; 
	top:440px; 
	position:absolute;
}

#payment-terms {
	left:650px; 
	top:190px; 
	position:absolute;
}
	
#info-foll {
	padding-left:42px;
	
}

#contentfollow {
	padding-left:3px;
	
}

.link-re {
	width:30%;
	text-align:left;
	float:left;
}

.link-re a{
	color:#f07b05;
	font-size: 0.75em;
	line-height: 1.2em;
}

.link-re a:hover {
	color: #666666;
	font-size: 0.75em;
	line-height: 1.2em;
}

#link-cont {
	width:90%;
	height:130px;
	clear:both;
	margin-left:30px;
}

#call-us {
	float: right;
	width: 120px;
}
	
#wrapper {
	margin: 0px auto;
	padding: 0px;
	width: 1100px;
	height: auto;
	border: 0;
}

#wrapper1 {
	margin: 0px auto;
	padding: 0px;
	width: 1100px;
	height:800px;
	border: 0;
}

#wrapper-base {
	margin: 0px auto;
	padding: 0px;
	width: 100%;
	height: auto;
	background-image: url(../global-images/footer.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	text-align: center;
	border: 0;	
	clear: both;
}

#header {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	height: 55px;
}

#main {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	height: 650px;
	min-height: 650px;
	margin-top: 60px;
}

#imageholder {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	height: 387px;
	margin-top: 100px;
	position: relative;
}

#imageholder-home {
	margin: 0px auto;
	padding: 0px;
	padding-top: 10px;
	width: 1010px;
	height: 454px;
	margin-top: 40px;
	position: relative;
}

.sadhome {
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(../global-images/home/sad.jpg);
	width: 195px;
	height: 387px;
	cursor: pointer;
	z-index: 0;
}

.sad-highlighted {
	background-image: url(../global-images/home/sad-big.jpg);
	width: 416px;
	height: 500px;
	top: 0px;
	left: 0px;
	position: absolute;
	cursor: pointer;
	z-index: 1000;
}

.acne {
	position: absolute;
	top: 0px;
	left: 200px;
	background-image: url(../global-images/home/acne.jpg);
	width: 195px;
	height: 387px;
	cursor: pointer;
	z-index: 0;
}

.acne-highlighted {
	z-index: 1000;
	background-image: url(../global-images/home/acne-big.jpg);
	position: absolute;
	top: 0px;
	left: 200px;
	width: 416px;
	height: 500px;
	cursor: pointer;
}

.skin-rejuvenation {
	position: absolute;
	top: 0px;
	left: 400px;
	background-image: url(../global-images/home/skin-rejuvenation.jpg);
	width: 195px;
	height: 387px;
	cursor: pointer;
	z-index: 0;
}

.skin-rejuvenation-highlighted {
	position: absolute;
	top: 0px;
	left: 400px;
	background-image: url(../global-images/home/skin-rejuvenation-big.jpg);
	width: 416px;
	height: 500px;
	cursor: pointer;
	z-index: 1000;
}

.rosacea {
	position: absolute;
	top: 0px;
	left: 600px;
	background-image: url(../global-images/home/rosacea.jpg);
	width: 195px;
	height: 387px;
	cursor: pointer;
	z-index: 0;
}

.rosacea-highlighted {
	position: absolute;
	top: 0px;
	left: 600px;
	background-image: url(../global-images/home/rosacea-big.jpg);
	width: 195px;
	height: 387px;
	cursor: pointer;
	z-index: 1000;
}

.spider-veins {
	position: absolute;
	top: 0px;
	left: 800px;
	background-image: url(../global-images/home/spider-veins.jpg);
	width: 195px;
	height: 387px;
	cursor: pointer;
	z-index: 0;
}

.spider-veins-highlighted {
	position: absolute;
	top: 0px;
	left: 800px;
	background-image: url(../global-images/home/spider-veins-big.jpg);
	width: 416px;
	height: 500px;
	cursor: pointer;
	z-index: 0;
}

#logo {
	margin: 0px auto;
	padding: 0px;
	width: 237px;
	height: 89px;
	float: left;
	margin-top: -53px;
	background-image: url(../global-images/britebox-logo.png);
	background-position: left top;
	background-repeat: no-repeat;
}

#footer {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	float: right;
	margin-top: -40px;
	margin-right: 100px;
	clear: both;
	z-index: 9999;
}

#footerprod {
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	float: right;
	margin-top: -390px;
	margin-right: 100px;
	clear: both;
	z-index: 9999;
}

#footer ul, #footerprod ul {
	float: right;
}

#footer #sixty-day {
	float: left;
	left: 0px;
}

#left-col {
	margin: 0px auto;
	padding: 0px;
	width: 460px;
	margin-right: 40px;
	margin-left: 30px;
	float: left;
}

#right-col {
	margin: 0px auto;
	padding: 0px;
	width: 470px;
	float: right;
}

/* SUBNAV ELEMENTS */

#footer li, #footerprod li {
	float: left;
	list-style: none;
	height: 28px;
	padding-top: 6px;
	background-image: url(../global-images/product-menu-divider.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

#footer li a, #footerprod li a {
	font-size: 0.675em;
	color: #999;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
}

#footer li a:hover, , #footerprod li a:hover {
	color: #000;
}

/* PAGE NUMBERS */

#pages {
	margin: 0px auto;
	padding: 0px;
	clear: both;
	float: right;
	height: 16px;
}

.pno {
	width: 16px;
	height: 14px;
	border: 1px solid #999;
	color: #999;
	font-size: 0.875em;
	margin-left: 5px;
	float: right;
	padding-top: 2px;
	cursor: pointer;
}

.pno-current {
	width: 16px;
	height: 14px;
	border: 1px solid #333;
	color: #333;
	background-color: #eee;
	font-size: 0.875em;
	margin-left: 5px;
	float: right;
	padding-top: 2px;
	cursor: pointer;
}

.pno:hover {
	border: 1px solid #333;
	color: #333;
	cursor: pointer;
}

/* TYPOGRAPHY, FONTS, HEADERS AND PARAGRAPHS */

h1 {
	font-size: 1.2em;
	margin-bottom: 20px;
	text-align: left;
}

h2 {
	margin: 0px auto;
	padding: 0px;
	font-size: 1em;
	text-align: left;
	color: #333333;
	padding-left: 10px;
	margin-bottom: 8px;
}

h3 {
	font-size: 0.75em;
	font-weight: normal;
	color: #666666;
	line-height: 1.5em;
    width:800px;
    padding-left:65px;
}

p {
	color: #666666;
	font-size: 0.75em;
	line-height: 1.2em;
	text-align: left;
	margin-bottom: 15px;
}

.lightgrey {
	color: #666666;
	font-family: inherit;
}

.darkgrey {
	color: #333333;	
}

.white {
	color: #fff;	
}

.clear {
	clear: both;	
}

.blue {
	color: #5bb4e5;	
}

.orange {
	color: #f07b05;
	font-size:11px;
}

.green {
	color: #bed600;	
		font-size:11px;

}

.lightblue {
	color: #3399ff;
		font-size:11px;

}

.purple {
	color: #6c3197;
		font-size:11px;

}

.blue-link {
	color: #666666;
	text-decoration: none;
}

.blue-link:hover {
	color: #5bb4e5;	
	text-decoration: underline;
}

/* TOOLTIP STYLES */

.tooltip {
	display: none;
	background: transparent url(http://www.britebox-led.com/global-images/tooltip.png);
	font-size: 12px;
	height: 70px;
	width: 457px;
	padding: 10px;
	color: #000;
	z-index: 2000;
}

/* style the trigger elements */
.tooltip-title {
	margin: 0px;
	padding: 0px;
	font-size: 1.6em;
}

.tooltip-text {
	padding-top: 8px;
	color: #000;
	font-size: 0.9em;
}