@charset "UTF-8";
/* -------------------------------------------------------------
	Layout CSS code for Liquavista.com
	Version 1.0
	02 Oct 2008
	Copyright 2008 Liquavista BV
	Code by Isis Creative Marketing = www.isis-creative.com 
   ------------------------------------------------------------- */
   
   
/* Page Structure */

/* HTML Styles */
body {background-color: #FFFFFF; background-image: url(../images/css/defaultPageBg.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; 
	/*font-size: 13px;*/ margin: 0px; padding: 0px; height: auto; min-height: 100%; width: 100%; position: absolute; display: table;}
/*body {background-color: #FFFFFF; background-image: url(../images/css/defaultPageBg.jpg); background-repeat: repeat-x; font-family: Arial, Helvetica, sans-serif; 
	font-size: 80%; margin: 0px; padding: 0px;}*/
p, td, #pageContentText li {line-height: 16px; font-size: 12px; margin-bottom: 0px; margin-top: 9px;}
a {
	color:#0099FF;
	text-decoration:none;	
	}
a:hover {
	text-decoration: underline;
	}

td {color: #666666;}
/* End HTML STYLES */

/* Outer layout styles */
#pageWrapper {}
#pageBody {min-height: 740px; height: auto; display: table; margin: 0px auto 10px auto; width: 1000px;}
#pageBody.chameleon {/* adds the Chameleon image on the lower left hand side */
	background-image: url(../images/css/homeBg.jpg); background-repeat: no-repeat;}
/* End Outer layout styles */

/* Top banner styles (logo, top menu etc) */
#pageBanner {background-image: url(../images/css/bannerBg.jpg); background-repeat: no-repeat; width: 1000px; height: 116px; overflow: hidden; margin-bottom: 10px; margin-top: 10px;}
#pageBanner #pageLogo {width: 268px; height: 73px; overflow: hidden; margin: 28px 0px 0px 22px; float: left;}
#pageBanner #pageLogo h1 {margin: 0px; padding: 0px; font-size: 10px;}
#pageBanner #pageLogo a {display: block; width: 268px; height: 73px; background-image: url(../images/css/liquavistaLogo.jpg); background-repeat: no-repeat; text-indent: -100em;}
/*#pageBanner #topMenu {float: right; width: 708px; position: relative; top: 94px;}*/
#pageBanner #topMenu {float: right; width: 800px; position: relative; top: -7px; z-index: 9999;}
#pageBanner #topMenu ul {list-style: none; margin: 0px; padding: 0px; float: right; height: 20px;}
/*#pageBanner #topMenu ul li {float: left; list-style: none; font-size: 12px; text-transform: uppercase; padding: 0px 23px 0px 18px;}*/
#pageBanner #topMenu ul li {float: left; list-style: none; font-size: 12px; text-transform: uppercase; padding: 0px 16px 0px 4px;}
#pageBanner #topMenu ul li a {text-decoration: none; height: 100px; color: #6d7072;}
#pageBanner #topMenu ul li a:hover {border-bottom: 4px solid #0099ff; padding-bottom: 3px;}
#pageBanner #topMenu ul li a.menuOn {border-bottom: 4px solid #ff0099; padding-bottom: 3px;} /* sets the live section in the top menu */
/* End Top banner styles */

/* Main contents styles */	
#pageContent {float: right; width: 770px; min-height: 42px; margin-left: 10px;}
#pageContent.default {background-image: url(../images/css/contentBg.jpg); background-repeat: repeat-y;} /* sets the white background for the main content area in 2nd tier pages */
#pageContent.none #pageContentFooter {margin: 0px; margin-bottom: 10px;} /* hides the footer background when no background is required in the right hand text */
#pageContent p, ul, li {color: #6d7072;}
#pageContent #homeBanner {margin: 0px 0px 10px 0px;}
#pageContent #callOutLeft {width: 265px; height: 200px; float: left; padding: 0px 0px 5px 0px; margin: 0px;}
#pageContent #callOutCenter {width: 265px; padding: 0px 0px 5px 0px; margin: 0px 10px 0px 10px; float: left;}
#pageContent #callOutRight {width: 220px; float: left;}
/* End main contents styles */
	
/* Page content styles */
#pageContentText {background-image: url(../images/css/contentHeaderDefault.jpg); background-repeat:no-repeat; padding: 15px 10px 30px 20px; margin-bottom: 30px; min-height: 450px;}
#pageContentText.yellowFlower {background-image: url(../images/css/contentHeaderYellowFlower.jpg); background-repeat: no-repeat;} 
#pageContentText.yellowFishBg {background-image: url(../images/css/contentHeaderYellowFish.jpg); background-repeat: no-repeat;}
#pageContentText.blueFishBg {background-image: url(../images/css/contentHeaderBlueFish.jpg); background-repeat: no-repeat;}
#pageContentText.loveBird1 {background-image: url(../images/css/contentHeaderLoveBird01.jpg); background-repeat: no-repeat;}
#pageContentText.loveBird2 {background-image: url(../images/css/contentHeaderLoveBird02.jpg); background-repeat: no-repeat;}
#pageContentText.ant {background-image: url(../images/css/contentHeaderAnt.jpg); background-repeat: no-repeat;}
#pageContentText.ant2 {background-image: url(../images/css/contentHeaderAnt2.jpg); background-repeat: no-repeat;}
#pageContentText.butterfly1 {background-image: url(../images/css/contentHeaderButterfly1.jpg); background-repeat: no-repeat;}
#pageContentText.butterfly2 {background-image: url(../images/css/contentHeaderButterfly2.jpg); background-repeat: no-repeat;}
#pageContentText.butterfly3 {background-image: url(../images/css/contentHeaderButterfly3.jpg); background-repeat: no-repeat;}
#pageContentText.frogs {background-image: url(../images/css/contentHeaderFrogs.jpg); background-repeat: no-repeat;}
#pageContentText.colorBright {background-image: url(../images/css/contentHeaderColorBright.jpg); background-repeat: no-repeat;}
#pageContentText.colorFull {background-image: url(../images/css/contentHeaderColorFull.jpg); background-repeat: no-repeat;}


#pageContentText.productsLanding {background-image: url(../images/css/contentBannerCameleonAlt.jpg); background-repeat: no-repeat; min-height: 336px;
	margin-bottom: 0px; padding-bottom: 0px;}
#pageContentText.designCentral {background-image: url(../images/css/contentBannerCameleonAlt.jpg); background-repeat: no-repeat; min-height: 345px;
	margin-bottom: 0px; padding-bottom: 0px;}
	
#pageContentText.reader {
	background: url(../images/css/contentHeaderReader.jpg) no-repeat; 
	min-height: 345px;
	margin-bottom: 0px; 
	padding-bottom: 0px;
	}
	
#pageContentText.pdaMan {
	background: url(../images/css/contentHeaderPDAMan.jpg) no-repeat; 
	min-height: 345px;
	margin-bottom: 0px; 
	padding-bottom: 0px;
	}
	
#pageContentText.pdaGirl {
	background: url(../images/css/contentHeaderPDAGirl.jpg) no-repeat; 
	min-height: 345px;
	margin-bottom: 0px; 
	padding-bottom: 0px;
	}
	
#pageContentText.armChair {
	background: url(../images/css/contentHeaderChapInChair.jpg) no-repeat; 
	min-height: 345px;
	margin-bottom: 0px; 
	padding-bottom: 0px;
	}
	
#pageContentText.laptop {
	background: url(../images/css/contentHeaderlaptopChap.jpg) no-repeat; 
	min-height: 345px;
	margin-bottom: 0px; 
	padding-bottom: 0px;
	}
	
#pageContentText.myPda {
	background: url(../images/css/contentHeaderMyPda.jpg) no-repeat; 
	min-height: 345px;
	margin-bottom: 0px; 
	padding-bottom: 0px;
	}
	
#pageContentText h1 {color: #0099ff; font-weight: normal; margin-top: 30px; font-size: 30px; }
#pageContentText h2 {/*clear: both;*/ color: #66cc00; font-weight: normal; margin-top: 26px; font-size: 18px; }
#pageContentText h3 {color: #ff0099; font-weight: normal; padding-top: 20px; font-size: 14px; clear: left;}
#pageContentText td h3 {color: #ff0099; font-weight: normal; margin-top: 18px; font-size: 18px; margin-bottom: 0px; }
#pageContentText h5 {color: #0099ff; font-weight: bold; margin: 0px; font-size: 12px; padding: 0px; }
#pageContentText p, #pageContentText td {margin-top: 1.5em; line-height: 1.5em;}
#pageContentText a {text-decoration: none; color: #0099FF;}
#pageContentText a:hover {text-decoration: underline; color: #0099FF;}
#pageContentFooter {clear: left; height: 10px; background-image: url(../images/css/contentFooter.jpg); background-repeat: no-repeat;} 
/* End Page content styles */

/* Content elements */
#breadcrumbs {font-size: 11px; color: #0099ff;}
#breadcrumbs a {color: #0099ff; text-decoration: none;}
#breadcrumbs a:hover {text-decoration: underline;}
#bodyText {width: 500px; float: left; display: block; padding-bottom: 30px;}
#bodyText li {line-height: 14px; font-size: 12px; margin-bottom: 0px; margin-top: 8px;}

#contentCallOut {
	background-image: url(../images/css/contentCallOutBg.jpg); 
	background-repeat: repeat-y; 
	width: 220px; 
	float: right; 
	position: relative; 
	top: 150px; 
	color: #666666; 
	font-size: 11px;
	}
#contentCallOut h2 {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	background-image: url(../images/css/contentCallOutTitle.jpg);
	background-repeat: no-repeat;
	width: 210px;
	height: 36px;
	overflow: hidden;
	font-weight: normal;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 30px;
	font-size: 12px;
	}
#contentCallOut h3 {color: #ff0099; font-weight: normal; margin-top: 1em; font-size: 14px; }
#contentCallOut ul {
	margin: 0px 0px 0px 0px;
	padding-left: 25px;
	padding-right: 10px;
	}
#contentCallOut li {
	margin-top: 10px;
	margin-bottom: 10px;
	}
#contentCallOutFooter {
	/* adds the footer border to the callout box */
	background-image: url(../images/css/contentCallOutFooter.jpg);
	height: 10px;
	}
/* End content elements */


/* Home and landing page callouts */
.callOutTitle {
	height: 30px;
	overflow: hidden;
	margin: 0px 0px 10px 0px;
	}
	
.callOutTitle h1,
.callOutTitle h2,
.callOutTitle h3,
.callOutTitle h4,
.callOutTitle h5 {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 30px;
	}
	
.callOutTitle h1.asTyped,
.callOutTitle h2.asTyped,
.callOutTitle h3.asTyped,
.callOutTitle h4.asTyped,
.callOutTitle h5.asTyped {
	text-transform: none;
	}

#callOutLeft .callOutText,
#callOutCenter .callOutText {
	background-image: url(../images/css/callOutHeader.jpg);
	background-repeat: no-repeat;
	padding: 1px 10px 0px 10px;
	min-height: 185px;
	}
	
#callOutRight .callOutText {
	background-image: url(../images/css/rightCallOutHeader.jpg);
	background-repeat: no-repeat;
	padding: 0px 10px 0px 10px;
	height: 185px;
	display: table;
/*	width: 220px;*/
	}
	
.callOutText h1,
.callOutText h2,
.callOutText h3,
.callOutText h4,
.callOutText h5,
.callOutText h6 {
	padding: 7px 0px 0px 0px;
	margin: 0.5em 0px -0.3em 0px;
	color: #0099ff;
	font-size: 14px;
	}
	
.callOutText ul {
	margin: 0px 0px 0px 0px;
	padding-left: 15px;
	padding-right: 5px;
	}
	
.callOutText ul li {
	margin-top: 7px;
	margin-bottom: 7px;
	padding-right: 10px;
	font-size: 12px;
	}
	
#callOutLeft .callOutFooter,
#callOutCenter .callOutFooter {
	height: 10px;
	background-image: url(../images/css/callOutFooter.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	}
	
#callOutRight .callOutFooter {
	height: 10px;
	background-image: url(../images/css/callOutFooterRight.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	}
	
#callOutRight .callOutText h4 {
	margin: 0.4em 0px 0.3em 0px;
	}
	
#callOutRight h4 a {
	font-weight: normal;
	color: #0099ff;
	text-decoration: none;
	font-size: 12px;
	}
	
#callOutRight h4 strong a {
	font-weight: bold;
	font-size: 14px;
	}
	
#callOutRight h4 a:hover {
	text-decoration: underline;
	}
	
.callOutFooter a.pinkBtn {
	background-image: url(../images/css/pinkBtn.png);
	background-repeat: no-repeat;
	display: block;
	float: right;
	width: 61px;
	height: 17px;
	line-height: 17px;
	overflow: hidden;
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0px;
	margin: 0px 10px 0px 0px;
	font-size: 11px;
	clear: both;
	position: relative;
	top: -15px;
	}
/* End callout styles */	
	
/* Left hand content block styles */	
#leftBlock {
	width: 220px;
	float: left;
	/*position: absolute;*/
	/*top: 0px;*/
	}
	
#leftBlock h4 {
	color: #0099ff;
	padding: 0px;
	margin: 15px 0px 0px 0px;
	font-size: 13px;
	}
	
#leftBlock h4.firstItem {
	/* shifts the first title up */
	margin-top: 0px;
	}
	
#leftBlock h4.shiftDown {
	/* shifts the title down when used after form elements */
	padding-top: 15px;
	clear: left;
	}
	
#leftBlock .textBox {
	border: 1px solid #cccccc;
	padding: 0px;
	margin: 0px;
	color: #666666;
	padding-left: 3px;
	padding-top: 3px;
	font-size: 10px;
	width: 120px;
	height: 14px;
	margin-right: 10px;
	float: left;
	}
	
#leftBlock a.leftFormBtn {
	display: block;
	float: left;
	width: 62px;
	height: 19px;
	background-image: url(../images/css/pageBtn.png);
	background-repeat: no-repeat;
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 19px;
	}
	
#leftBlock #searchBoxFull {
	width: 200px;
	height: 204px;
	background-image: url(../images/css/fullSearchBg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
	}
	
#leftBlock #searchBoxFull p,
#leftBlock #registerBox p {
	font-size: 10px;
	line-height: 12px;
	margin-top: 8px;
	margin-bottom: 5px;
	padding-right: 0px;
	color: #666666;
	}
	
#leftBlock #searchBoxShort {
	width: 200px;
	height: 106px;
	background-image: url(../images/css/shortSearchBg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 10px 10px 10px 10px;
	overflow: hidden;
	float: left;
	margin-bottom: 10px;
	}
	
#leftBlock #leftMenu {
	margin-top: 10px;
	width: 220px;       /* changed from 200px for IE7 fix */
	background-image: url(../images/css/sideMenuBg.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	clear: left;
	}
	
#leftBlock #leftMenu #leftMenuText {
	width: 200px;
	min-height: 184px;
	background-image: url(../images/css/sideMenuHeader.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 10px 10px 10px 10px;
	display: block;
	}
	
#leftBlock #leftMenu #leftMenuText h4 {
	background-image: url(../images/css/embossedLine.png);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 8px;
	}
	
#leftBlock #leftMenu #leftMenuText ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	display: block;
	}
	
#leftBlock #leftMenu #leftMenuText ul li {
	background-image: url(../images/css/embossedLine.png);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 8px;
	padding-top: 0px;
	margin-bottom: 5px;
	display: block;
	font-size: 11px;
	margin-top: 5px;
	}
	
#leftBlock #leftMenu #leftMenuText ul li a {
	display: block;
	background-image: url(../images/css/bulletBlue.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 20px;
	color: #666666;
	text-decoration: none;

	}
	
#leftBlock #leftMenu #leftMenuText ul li a.menuOn {
	background-image: url(../images/css/bulletPink.gif);
	background-repeat: no-repeat;
	background-position: top left;
	}
	
#leftBlock #leftMenu #leftMenuText ul li a.menuSubOff {
	background-image: url(../images/css/bulletBlue.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: 15px;
	}
#leftBlock #leftMenu #leftMenuText ul li a.menuSubOn {
	background-image: url(../images/css/bulletPink.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: 15px;
	}
	
#leftBlock #leftMenu #leftMenuText ul li a:hover,
#leftBlock #leftMenu #leftMenuText ul li a.menuSubOff:hover {
	color: #0099ff;
	}
	
#leftBlock #leftMenu #leftMenuFooter {
	width: 220px;
	height: 10px;
	background-image: url(../images/css/sideMenuFooter.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
	}
	
#leftBlock #registerBox {
	width: 210px;
	height: 79px;
	background-image: url(../images/css/registerBg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 10px 0px 10px 10px;
	float: left;
	margin-top: 10px;
	}
/* End left block styles */
	
/* Modifier styles to set the correct background for the callout box titles */	
.blueDefault {
	background-image: url(../images/css/callOutTitleBlue_Simple.jpg);
	background-repeat: no-repeat;
	}
	
.greenDefault {
	background-image: url(../images/css/callOutTitleGreen_Simple.jpg);
	background-repeat: no-repeat;
	}
	
.pinkDefault {
	background-image: url(../images/css/rightCallOutTitlePink_Simple.jpg);
	background-repeat: no-repeat;
	}

.blueFish {
	background-image: url(../images/css/callOutTitleBlue_Simple.jpg);
	background-repeat: no-repeat;
	}
	
.greenFish {
	background-image: url(../images/css/callOutTitleGreen_Simple.jpg);
	background-repeat: no-repeat;
	}
	
.pinkButterfly {
	background-image: url(../images/css/rightCallOutTitlePink_Simple.jpg);
	background-repeat: no-repeat;
	}
/* End call out box title styles */

/* Additional modifier styles */	
.italicLower {
	font-style: italic;
	text-transform: lowercase;
	}
	
.tableHeaderbg_blue {
    background-color: #0099ff;
    background-image: url(../images/css/tableHeaderBg_blue.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    color: #ffffff;
    text-transform: uppercase;
    padding-left: 5px;
    }
    
.tableHeaderbg_green {
    background-color: #66cc00;
    background-image: url(../images/css/tableHeaderBg_green.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    color: #ffffff;
    text-transform: uppercase;
    padding-left: 5px;
    }
    
.tableHeaderbg_pink {
    background-color: #ff0099;
    background-image: url(../images/css/tableHeaderBg_pink.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    color: #ffffff;
    text-transform: uppercase;
    padding-left: 5px;
    height: 14px;
    }

.toBlue {
    color: #0099ff;
    }
 
.imageList {
    text-align: center;
    width: 150px;
    height: 110px;
    padding: 5px;
    display: block;
    float: left;
    border: 1px solid #cccccc;
    margin: 10px;
    } 

.error {
    color: #ff0000;
    }
/* End Additional modifier styles */

/* Page footer styles */	
#pageFooter {
	width: 1000px;
	clear: both;
	text-align: center;
	color: #999999;
	font-size: 8px;
	padding: 50px 0px 20px 0px;
	}
	
#pageFooter p {
    font-size: 9px;
    }
	
#pageFooter a {
	color: #999999;
	text-decoration: none;
	}
	
#pageFooter a:hover {
	text-decoration: underline;
	}
/* End page footer styles */


form {padding: 0px; margin: 0px; clear: none;}

table {margin-top: 20px;}



.formBTN
{font-family:Arial,Helvetica,sans-serif;
 font-size:11px;
 color:#333333;
 height:20px;}
 
.formTXT
{font-size:11px;
 color:#333333;
 height:18px;
 border: 1px solid #999999;
 }
 
.formFLD
{font-size:11px;
 color:#333333;
 border: 1px solid #999999;
 }
 
.formFLDAlt
{font-size:10px;
 color:#666666;
 width: 145px;
 border: 1px solid #999999;}
 

.lightboxBg {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index:1001;
    -moz-opacity: 0.8;
    opacity:.80;
    filter: alpha(opacity=80);
    }
    
.lightboxContent {
    display: none;
    position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	/*left: 45%;*/
    width: 400px;
    padding: 16px;
    border: 5px solid white;
    border-bottom: none;
    background-color: white;
    z-index:1002;
    }
	
.flashContent {
    display: none;
    position: absolute;
	margin-left: auto;
	margin-right: auto;
	top: 50%;
	/*left: 45%;*/
    width: 993px;
/*    padding: 16px;*/
    border: 0px solid white;
    border-bottom: none;
/*    background-color: white;*/
    z-index:1002;
    }
	
.flashContent a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    float: right;
	padding: 0px 10px 5px 0px;
    }
	
   
.lightboxTitle {
	float: left;
	height: 28px;
	margin-top: 1em;
	margin-bottom: 0px;
	line-height: 26px;
	padding: 0px;
	font-weight: normal;
	font-size: 1.2em;
    }
    
.lightboxLinks {
    display: block;
    float: right;
    height: 28px;
    margin-top: 1em;
    line-height: 26px;
    font-size: 1em;
    }
    
.lightboxLinks a {
    color: #666666;
    text-decoration: none;
    display: block;
    float: left;
    }
    
.lightboxLinks a.lightboxNext {
    margin-left: 10px;
    }
    
.lightboxLinks a.lightboxPrevious {
    }
    
.lightboxLinks a.lightboxClose {
    margin-left: 20px;
    }
	
	
.thumbImgBlock {
	margin-left: 3px;
	}	
	
.thumbImg {
	margin: 15px 5px 0px 5px;
	float: left;
	width: 55px;
	height: 55px;
	}

.bioPhoto {
	margin: 3px 20px 90px 0px;
	}
	
.bioPhotoShort {
	margin: 3px 20px 55px 0px;
	}

.bioText {
	display: block;
	float: left;
	}


#contentCallOut h3 {
	padding-left: 10px;
	font-size: 14px;
	}
	
#bodyText img {
	display: block;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	border: none;
	}
	
#bodyText img a {
	border: none;
	}
	
.pressCallout {
	border: 1px solid #CCCCCC;
	float: right;
	margin: 20px 0 10px 10px;
	padding: 10px;
	text-align: center;
	width: 250px;
	}
	
.pressCallout h4 {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	padding: 0;
	}

.pressCallout h4 span {
	clear: left;
	display: block;
	margin-top: 10px;
	padding: 0 4px;
	}



#pageContentText h3.liquavistaBright,
#pageContentText h3.liquavistaColor,
#pageContentText h3.liquavistaVivid {
	width: 263px;
	height: 49px;
	overflow: hidden;
	text-indent: -999em;
	}


#pageContentText h3.liquavistaBright {
	background: transparent url(../images/logos/liquavistaBright.jpg) no-repeat left top;
	}
	
#pageContentText h3.liquavistaColor {
	background: transparent url(../images/logos/liquavistaColor.jpg) no-repeat left top;
	}
	
#pageContentText h3.liquavistaVivid {
	background: transparent url(../images/logos/liquavistaVivid.jpg) no-repeat left top;
	}
	
	
	
#productCallouts {
	width: 780px;
	float: left;
	overflow: hidden;
	background: transparent url(../images/css/productCalloutFooter.png) no-repeat left bottom;
	padding-bottom: 10px;
	}
	
#productCallouts .callout {
	width: 250px;
	margin-right: 10px;
/*	position: relative;
	left: 0;
	top: 0;*/
/*	display: inline-table;*/
	display: block;
	background: #fff;
	float: left;
	}
	
#productCallouts .callout .content {
	background: transparent url(../images/css/productCalloutHeader.png) no-repeat left top;
	padding: 2px 10px 0px 10px;
	}
	
	
#productCallouts .link {
	width: 228px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	overflow: hidden;
	float: left;
/*	margin-right: 10px;*/
	padding: 0 10px 0 10px;
	}
	
#productCallouts .callout .title h2 {
	display: block;
	width: 240px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	padding-left: 10px;
	}
	
#productCallouts #primary .title h2 {
	background: transparent url(../images/css/callOutTitleGreen_250px.jpg) no-repeat left top;
	}
	
#productCallouts #secondary .title h2 {
	background: transparent url(../images/css/callOutTitleBlue_250px.jpg) no-repeat left top;
	}
	
#productCallouts #tertiary .title h2 {
	background: transparent url(../images/css/callOutTitlePink_250px.jpg) no-repeat left top;
	}
	
	
#productCallouts a.moreLink {
	background-image: url(../images/css/pinkBtn.png);
	background-repeat: no-repeat;
	display: block;
	float: right;
	width: 61px;
	height: 17px;
	line-height: 17px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	}
	
	

#fatFooter {
	width: 750px;
	background: url(../images/css/fatFooterBg.gif) no-repeat scroll 0 0;
	float: right;
	padding: 10px;
	clear: both;
	position: relative;
	top: 0px;
	color: #666;
	}
	
#fatFooter h2 {
	clear: both; 
	color: #66cc00; 
	font-weight: normal; 
	font-size: 18px;
	margin: 10px 0 0;
	}	
	
#fatFooter h3 {
	color: #0099ff; 
	font-weight: normal; 
	padding: 10px 0 0; 
	margin: 0;
	font-size: 13px; 
	clear: left;
	}
	
#fatFooter h3 a {
	color: #0099ff;
	text-decoration: none;
	}
	
#fatFooter h3 a:hover {
	text-decoration: underline;
	}
	
#fatFooter p {
	padding: 0;
	margin: 0;
	}
	
#fatFooter img {
	float: right;
	margin: 0 0 0 10px;
	}
	
#fatFooter #events p {
	padding: 0;
	}
	
#fatFooter #events p span {
	display: block;
	clear: both;
	color: #ff0099;
	}
	
#whatsHot {
	width: 510px;
	float: left;
	margin: 0 10px 0 0;
	}
	
#events {
	width: 200px;
	float: right;
	}


#calloutBlock {
	float: right;
	width: 220px;
	position: relative;
	top: 290px;
	}
	
.contentCallOut {
	background-image: url(../images/css/contentCallOutBg.jpg); 
	background-repeat: repeat-y; 
	width: 220px; 
	float: right; 
/*	position: relative; 
	top: 150px; */
	color: #666666; 
	font-size: 11px;
	margin-bottom: 10px;
	}
	
#pageContentText .contentCallOut h2 {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	background-image: url(../images/css/contentCallOutTitle.jpg);
	background-repeat: no-repeat;
	width: 210px;
	height: 36px;
	overflow: hidden;
	font-weight: normal;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 30px;
	font-size: 12px;
	}
	
#pageContentText .contentCallOut h3 {
	color: #ff0099; 
	font-weight: normal; 
	margin-top: 1em; 
	font-size: 14px; 
	}

.contentCallOut ul {
	margin: 0px 0px 0px 0px;
	padding-left: 25px;
	padding-right: 10px;
	}
	
.contentCallOut li {
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
.contentCallOutFooter {
	background-image: url(../images/css/contentCallOutFooter.jpg);
	height: 10px;
	}
	
	
.productCallout {
	width: 220px;
	background: url(../images/products/calloutHeader.png) no-repeat scroll 0 0;
	padding-top: 23px;
	overflow: hidden;
	margin-bottom: 15px;
	}
	
.productCallout a.button {
	display: block;
	float: right;
	width: 75px;
	height: 19px;
	overflow: hidden;
	text-indent: -900em;
	background: url(../images/css/moreButtonBlue.png) no-repeat top left;
	}

.productCallout .inner {
	background: url(../images/products/calloutFooter.png) no-repeat scroll left bottom;
	padding: 0 15px 15px;
	color: #666;
	overflow: hidden;
	}
	
#pageContentText .productCallout p {
	font-size: 11px;
	margin: 8px 0 12px;
	text-align: center;
	}
	
#pageContentText .productCallout h2.bright {
	height: 33px;
	width: 190px;
	overflow: hidden;
	text-indent: -900em;
	background: url(../images/products/brightLogoCallout.png) no-repeat left top;
	margin: 0;
	padding: 0;
	}

#pageContentText .productCallout h2.color {
	height: 33px;
	width: 190px;
	overflow: hidden;
	text-indent: -900em;
	background: url(../images/products/colorLogoCallout.png) no-repeat left top;
	margin: 0;
	padding: 0;
	}
	
#pageContentText .productCallout h2.vivid {
	height: 33px;
	width: 190px;
	overflow: hidden;
	text-indent: -900em;
	background: url(../images/products/vividLogoCallout.png) no-repeat left top;
	margin: 0;
	padding: 0;
	}

	



ul.socialIcons {
	list-style: none;
	padding: 5px 0 0;
	margin: 0;
	}
	
.socialIcons li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	}
	
.socialIcons a {
	width: 25px;
	height: 25px;
	margin-right: 8px;
	display: block;
	text-indent: -900em;
	}
	
a.rss {
	background: url(../images/css/rssSmall.png) no-repeat scroll 0 0;
	}
	
a.facebook {
	background: url(../images/css/facebookIcon.png) no-repeat scroll 0 0;
	}
	
a.twitter {
	background: url(../images/css/twitterIcon.png) no-repeat scroll 0 0;
	}
	
h1.bright {
	width: 418px;
	height: 85px;
	overflow: hidden;
	text-indent: -900em;
	background: url(../images/products/liquavista-bright-rgb-2.png) no-repeat left top;
	}
	
h1.color {
	width: 418px;
	height: 85px;
	overflow: hidden;
	text-indent: -900em;
	background: url(../images/products/liquavista-color-rgb-2.png) no-repeat left top;
	}
	
h1.vivid {
	width: 418px;
	height: 85px;
	overflow: hidden;
	text-indent: -900em;
	background: url(../images/products/liquavista-vivid-rgb.png) no-repeat left top;
	}

img.header {
	float: left !important;
	}
	
#whatsHot img {
	border: 1px solid #ccc;
	}
	
	
	
#callouts {
	float: right;
	position: relative;
	/*top: 30px;*/
	margin-bottom: 40px;
	}

.contentPage #callouts {
    margin-top: 90px;
    }

.callout {
	font-size: 11px;
	line-height: 16px;
	border-left: solid 1px #acb9a8;
	padding: 10px 0 5px 10px;
	margin: 30px 10px 0 10px;
	width: 220px;
	overflow: hidden;
	min-height: 210px;
	}
	
.homePage .callout {
	float: left;
	}

.callout h2 {
	font-size: 16px;
	line-height: 18px;
	margin: 8px auto;
	}
	
.callout p {
	margin-bottom: 8px;
	font-size: 11px;
	text-align: center;
	}
	
.callout img {
	padding: 0px 0px 3px 3px;
	border: none;
	}
	
.thumbnail {
	float: right;
	margin: 0 10px 10px 10px;
	}
	
.morelink a {
	font-size: 10px;
	color: #999;
	text-decoration: none;
/*	padding-left: 20px;*/
	}
	
.morelink a:hover {
	text-decoration: underline;
	}
	
	
	
/* Banner Rotator Styles */
#bannerWrapper {
	width: 770px;
	height: 224px;
	}

#bannerWrapper ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#bannerWrapper li {
	list-style: none;
	}
	
#bannerWrapper #bannerImages li {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	}
	
#bannerWrapper #bannerImages a img {
	border: 0;
	}
	
#bannerWrapper #bannerNav {
	float: left;
	padding: 0 0 0 15px;
	margin: 185px 0 0;
	}

#bannerWrapper #bannerNav li {
	float: left;
	margin: 0 0 0 1px;
	}
	
#bannerWrapper #bannerNav li a {
	display: block;
	width: 20px;
	padding: 5px;
	background: #ebebeb;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}

#bannerWrapper #bannerNav li a:hover {
	background: #ccc;
	}
	
#bannerWrapper #bannerNav li.current a,
#bannerWrapper #bannerNav li.current a:hover {
	background: #666;
	}
	
#ctl00_mainText_releaseContent img {
	border: none;
	float: right;
	margin-left: 40px;
	margin-bottom: 20px;
	display: inline-block;
	}
	
p.footer {
	font-weight: bold;
	font-size: 11px;
	text-align: center;
}

#fatFooter p.introtext {
	color: #ff0099; 
	font-weight: normal; 
	padding-top: 20px; 
	padding-bottom: 40px; 
	font-size: 16px; 
	line-height: 1.6em;
	clear: left;
}
/* End Banner Rotator Styles */