@charset "utf-8";


/*@font-face {
	font-family: 'DINProMedium';
	src: url('../fonts/dinpro-medium-webfont.eot');
	src: local('?'), url('../fonts/dinpro-medium-webfont.woff') format('woff'), url('../fonts/dinpro-medium-webfont.ttf') format('truetype'), url('../fonts/dinpro-medium-webfont.svg#webfont5PadeCk3') format('svg');
	font-weight: normal;
	font-style: normal;
}*/


/*~~~~~~~~~~~~~~~~~global styles startZ~~~~~~~~~~~~~~~~~*/
html {
	width: 100%;
	height: 100%;
	_border: none;
}
body, form {
	margin: 0px;
	padding:0px;
	text-align: center;
	width: 100%;
	height: 100%;
	background: #FFF;
}
body 
{
    padding-top:5px;
}
img, object, embed {
	display: block;
	outline: none;
}
a img, img a, img {
	border: none;
}
a {
	outline: none; color:#204C8A;
}
h1, h2, h3, h4, h5, h6, ul, ol, li , td{
	padding: 0;
	margin: 0;
	font-family:  Arial, Helvetica, sans-serif;	
	font-weight:normal; color:#204C8A;
}
td{
	padding: 0;
	margin: 0;
	font-family:  Arial, Helvetica, sans-serif;	
	font-weight:normal; color:#666;
}
h1{
	font-size:36px;	
	color: #444;
	margin-bottom: 10px;
}
h2{
	font-size:18px;	
	font-weight: bold;
}
h3{
	font-size:18px;
	color: #444;
	font-weight: bold;
}
p{
	margin:0; padding:0; color:#333; font-family: Arial, Helvetica, sans-serif; font-size:14px;
	line-height:22px; 
}
.clearer{
	clear: both;
	line-height: 0px;
	font-size:0; 
	text-indent:-9999em;
}
.ie .clearer{
	margin:-1px 0 0 0;	
}
p.noJS {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #FFF;
    display: block;
    width: 100%;
    padding: 4px 0 3px 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background-color: #F24E31;
}
div.siteContainer {
	text-align: center;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	margin:0;
	background: url('../images/ui/bg-all.jpg') repeat;
}

/***** Lists *****/
ul {
	margin: 10px 0 20px 0;
	list-style:none;
	clear:both;
}
div.answer ul
{
    margin: 10px 0 20px 30px;
}
ul li{
	margin: 0 0 5px 0;
	padding:  0 0 0 15px;
	background:url(../images/ui/bullet-li.gif) no-repeat;	
	background-position:0 10px;
	font-size:14px; font-family: Arial, Helvetica, sans-serif;
	color:#333;
	line-height:160%;
}
ul.siteMap0, ul.siteMap1, ul.siteMap2, ul.siteMap3
{
    margin:0;
}
ol {
	margin: 10px 0 20px 20px;
}
ol li{
	margin: 0 0 5px 0;
	padding:  0 ;
	font-size:14px; font-family: Arial, Helvetica, sans-serif;
	color:#333;
	line-height:160%;
}

/***** Tables *****/
 


table{
	margin:0 0 20px 0;
	color:#666;
	font-size:13px;
	background:#EEE;
}
th{
	padding:3px;	
	background:#FFF;
}
td{
	padding:3px;	
	background:#FFF;
}
/***** Global Classes *****/
.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:0 20px 20px 0; }
.img-right     { float:right;margin:0 0 20px 20px; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
/*~~~~~~~~~~~~~~~~~global styles endZ~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ header 				~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.homePage .header {height:475px;
	position:relative;
	margin:0 auto;  display:block;
	background:#f4f4f4 url('../images/ui/header-bg.jpg') repeat-y center;
	z-index:1;}
	
.header{
	position:relative;
	margin:0 auto; 	
	height:275px; display:block;
	background:#f4f4f4 url('../images/ui/header-bg.jpg') repeat-y center;
	z-index:1;
}
.headerContent, .footerContent
{
    width:1020px;
    margin: 0 auto; 
    position:relative;
}
.visiqueLogo{
	position:absolute; top:5px; left:10px;
}
.headerMotif{
	position:absolute; left:-60px; top:0px;	
}
.topNav{
	position:absolute; z-index:3; top:0px; right:0;
	margin:0 auto;
	padding:0;
	text-align:right;
	background-color:#fff;
}

.ie7 .topNav {width:620px;}

.topNavInner{
	float:right;
}	
.topNav a{
	text-decoration:none; position:relative; display:inline-block;
	font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration:none; color:#333; font-size:11px;
	margin: 0; padding: 7px 10px 10px 10px; 
}
.topNav a:hover, .topNav a.active{	
	color:#999;
}
.topNav fieldset{
	border:0; padding:0; margin:0 10px 0 20px;
	display:inline-block; position:relative;
	float:right;
}

.topNav fieldset input{
	border:1px solid #ccc; 
	background:#fff;
	font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration:none; color:#333; font-size:11px;
	height:13px; width:100px;
	padding: 5px; margin:0px; padding-right:50px;
}
.topNav fieldset a{
	position:absolute; top:6px; right:1px;
	padding:0px 5px 0px 0px;
}
.ie .topNav fieldset a{
	position:absolute; top:6px; right:1px;
	padding:0px 5px 0px 0px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ index 				~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.banner-content 
{
	position:relative;
	width:1000px;
	height:410px;
	margin:-360px auto 0px auto;
	z-index:2;
	padding:10px;
	background-color:#fff
}

.index-content, .flash-content{
	position:relative;
	width:954px;
	margin:-60px auto 0px;
	padding:70px 40px 40px;
	z-index:1;
	background:url('../images/ui/page-bg.jpg') repeat-y;
}

.flash-content {margin:0px auto 0px;}

.home-footer {margin:10px 0px}
.home-footer a {float:left;padding-right:27px}
.home-footer .SecondAdvert-adv {padding-right:0px}

.int-footer {margin:30px 0px}
.int-footer a {float:left;padding-right:27px}
.int-footer .RHSAdverts-adv {padding-right:0px}
.int-footer .BottomAdverts-adv {padding-right:0px}


/*.flash-content{
	width:960px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:30px;
}*/
.flash-content .image1, .flash-content .image2, .flash-content .image3, .flash-content .image4{
	float:left; 
}
.flash-content .image1{
	margin: 10px 0 0 28px;
}
.flash-content .image2{
	margin: 10px 0 0 20px;
}
.flash-content .image3{
	margin: 10px 0 0 20px;
}
.flash-content .image4{
	margin: 10px 0 0 20px;
}
.colL{
	width:270px;
	float:left;
	text-align:left;
	margin: 0 90px 0 10px;
}
.ie6 .colL{
	display:inline-block;	
	margin: 0 90px 0 0px;	
}
.colR{
	width:580px;
	float:left;
}
.ie6 .colR{
	width:580px;
	float:left;
}
.colL480{
	width:480px;
	float:left;
	text-align:left;
	margin: 0 80px 0 0px;
}
.colL480 h2{
	font-size:20px; color:#333333;
	line-height:22px;
	font-weight:normal;
}
.colL480 p{
	font-size:14px; color:#444; line-height:22px;
}
.colR400{
	text-align:left;
	width:400px;
	float:left;
}
.colR400 h2, .colR400 h2 a{
	font-size:28px; color:#000;
	line-height:22px; margin:0 0 20px 0;
	font-weight:normal;
}
.colR400 h3, .colR400 h3 a{
	font-size:18px; color:#444;	font-weight:normal;	line-height:22px; text-decoration:none;
}

.colR400 span.date{
	color:#000; font-size:14px; font-style:italic;	font-family:Arial, Helvetica, sans-serif;
}
.colR400 p{
	font-size:14px; color:#000000; line-height:22px;
}
.colR400 p a{
	font-size:14px; color:#204C8A; line-height:22px; text-decoration:underline;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ sub navigation		~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newsubnav{width:954px;margin:0px;position:relative;}

ul.subNav{
	margin:0; padding:0;	
}
ul.subNavGen{
	margin:0; padding:0;
	text-align:left;
	list-style: inline;	
	position:relative;
	height:25px;
	border-bottom: 1px solid #ccc;
}
ul.subNav li{
	margin: 0 0 3px 0; padding:0;
	display:inline;
}
 ul.subNavGen li{
	margin: 0 0 3px 0; padding:0; 	
	float:left;
	font-size: 10px;	
	background: none;
	text-transform:uppercase;	
}
.ie ul.subNavGen li{
	margin: 0 0 0 0; padding:0;	
	float:left;
	font-size: 10px;	
	background: none;
	text-transform:uppercase;	
}

ul.subNav li a{
	display:inline;		
	padding:10px; margin: 0;	
	font-family:  Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration:none; color:#14406A; font-size:14px; text-transform:uppercase;	
}
ul.subNavGen li a {
	list-style-type: none;	 
	padding:0px; margin: 0;	
	font-family:  Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; text-decoration:none; color:#14406A; font-size:14px; text-transform:uppercase;	
    text-transform:uppercase;	
	margin-right:30px;
}

ul.subNav li a:hover, ul.subNavGen li a:hover {
	/*background:#00bace; */
	color:#00bace;
	text-decoration:none;
}

ul.subNavGen li.lv2{
	margin: 0; padding:0; 
	height:70px;
	margin-right:40px;
	text-transform:capitalize;
}
.ie ul.subNavGen li.lv2{
	margin: 0;	padding:0;	
	height:70px;
	margin-right:40px;
	text-transform:capitalize;
}
ul.subNavGen li.lv2 a{
	margin:0; background:none;
	padding:0px; 
	text-transform:capitalize;
}	
ul.subNavGen li.lv2 ul.submenuLv2{
	margin:0; padding: 0;	
	position:absolute; top:35px; left:0px;
	width:954px;	
	height:25px;
}
ul.subNavGen li.lv2 ul.submenuLv2 li{
	margin:0; padding:0; background:none; display:inline;
}
ul.subNavGen li.lv2 ul.submenuLv2 li a{
	margin:0; padding:0px;	margin-right:40px;
}

ul.subNavGen a.active, ul.subNavGen li.lv2 a.open, ul.subNavGen li.lv2 a:hover, ul.subNavGen li.lv2 ul.submenuLv2 li a:hover, ul.subNavGen li.lv2 a.active, ul.subNavGen li.lv2 ul.submenuLv2 li a.active{
	color:#00bace;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ global navigation	~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.globalNavHeader 
{
    position:relative;
    margin:-167px auto 0px;
    width:1034px;height:167px;
    background: transparent url('../images/ui/header-bg.png') no-repeat;
	z-index:2;
}
.globalNavBannerImage 
{
    position:relative; 
    top:18px;
    margin:0px auto;
    width:1000px;height:170px;    
    background: #fff url('../images/ui/page-banner1.jpg') no-repeat;
}

div.globalNav
{
    padding:90px 20px 20px
}
ul.globalNav{
	width:960px;
	display:block;
	margin:0; padding:0;	
}
ul.globalNav li {
	margin:0; padding:0;
	float:left; background:none;
}
ul.globalNav li a {
	position:relative; display:block;	
	text-decoration:none;
	padding:0; margin: 0;
	font-family:  Arial, Helvetica, sans-serif; 
	font-weight: normal; font-style: normal; text-decoration:none;  font-size:16px; text-transform:uppercase;	
	height:64px;
	width:160px;
}
.ie ul.globalNav li a {
	margin:-1px 0 0 0;	
}
ul.globalNav li a:hover, ul.globalNav li a.active{
	background:#75C1D2; 
	color:#FFF;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ content				~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.gen-content{
	margin:0 auto; 
	padding:40px;
	width:954px;
	text-align:left;
	background:#fff url('../images/ui/page-bg.jpg') repeat-y;	
}
.gen-content p{
	margin: 0 0 20px 0;	
}
.gen-content .colL160{
	width:160px; display:block;
	float:left;
	margin:0 20px 0 0; padding:0px;	
}
.gen-content .colM175{
	width:175px; display:block;
	float:left;
	margin:0 20px 0 0; padding:0px;	
}
.gen-content .colM380{
	width:575px; display:block;
	float:left;
	margin:0px; padding:0; position:relative;min-height:350px;
}
.gen-content .colL220{
	width:220px; display:block;
	float:left;
	margin:0 20px 0 0; padding:40px 0 0 0;	
}
.gen-content .colM500{
	width:430px; display:block;
	float:left;
	margin:0; padding:0px; 
	background:#FFF;
}
.gen-content .colM700{
	width:640px; display:block;
	float:left;
	margin:0; padding:30px; 
	background:url('../images/ui/bg-content-white.png') repeat 0px 0px;
}
.gen-content .colR180{
	width:180px; display:block;
	float:right;
	margin:0px 20px 0px 0px; 
	padding:40px 0 0 0;	
}
.gen-content .colR180 a{
	display:block;
	margin:0 0 20px 0;
}
.gen-content .colSub210L, .gen-content .colSub210R{
	width:210px; float:left;
	margin: 0 20px 0 0;
}
.gen-content .colSub210R{
	margin:0;
}
a.linkH3{
	text-decoration:none; color:#444; font-size:18px; line-height:22px; display:inline-block;
	padding:0px 12px 0 0;
	overflow:hidden;
	margin: 0px 0px 10px 0px;
}
a.linkH3:hover{
	 color:#75C1D2;
}
a.linkH3 img{
	margin:1px 0 0 0;
	display:inline;	
}
.gen-content .colSub210L p , .gen-content .colSub210R p {
	margin:0 0 20px 0;
}
.gen-content .colSub210L p a, .gen-content .colSub210R p a{
	color:#14406A; font-size:12px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ find a store		~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.regionObj h2, .locationObj h2{
	background:url('../images/ui/bg-content-white.png') repeat 0px 0px;
	font-size:16px; color:#14406A; text-transform:uppercase; text-align:left;
	padding:10px 0px; margin:0 0 3px 0 !important;
}
.regionObj .regionLinks, .locationObj .locationLinks{
	background:url('../images/ui/bg-content-white.png') repeat 0px 0px;
	padding:10px 0px;

}
.regionObj .regionLinks a, .locationObj .locationLinks a{
	font-family:  Arial, Helvetica, sans-serif; text-decoration:none; 
	font-size:16px; color:#14406A; 	
	display:block;
}
.regionObj .regionLinks a:hover, .locationObj .locationLinks a:hover,
.regionObj .regionLinks a.active, .locationObj .locationLinks a.active{
	color:#75C1D2;
}

.storeObj{
	padding:0px; margin:0px;
	width:250px;
	position:relative;
	min-height:380px;
}	
.storeObj h1{
	margin:0 0 20px 0;	
}
.storeObj h3{
	color:#4EA6C8;
	margin:0px 20px 20px 0 !important;
	padding:15px 0 0 0 !important;
	border-top:#999 1px solid;
}
.storeObj address{
	font-family: Arial, Helvetica, sans-serif; font-style:normal; color:#14406A; font-size:12px; line-height:1.4em;
}
.storeObj a{
	font-family: Arial, Helvetica, sans-serif; font-style:normal; color:#14406A; font-size:12px; line-height:1.4px; text-decoration:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ product catalogue	~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.productcat-shell{
	position:relative;
	margin:0 auto;		
	padding:40px 40px 40px 40px;
	width:954px;
	text-align:left;
	background:#fff url('../images/ui/page-bg.jpg') repeat-y;	
}
.product-catalogue{
	width:960px;
	margin:0 auto;
	background:url('../images/ui/bg-content-white.png') repeat 0px 0px;
	padding:0;
	position:relative;
	z-index:1;
	min-height:200px;
}
.product-catalogue p.noitems
{
    text-align:left;
    padding:20px;
    color:#4C4C4C;
    display:none;
}
.product-catalogue .colL{
	width:920px;
	float:left; margin:0;	
	padding:20px;
}
.colFilters{
	width:590px; position:absolute; z-index:99; top:40px; right:10px;

}
.product-catalogue .colL h1{
	margin:0; letter-spacing:-0.05em;
}
.ie .product-catalogue .colL h1{
	margin:0; letter-spacing:-0.1em;
}
.mac.safari .product-catalogue .colL h1{
	margin:0; letter-spacing:-0.1em;
}
.product-catalogue .colL h2{
	margin:0; font-size:18px; color:#4EA6C8;
}
.filterBox{
	position:relative;
	width:190px;
	float:left;
	margin:0 0 0 10px;
}	
.end{
	margin:0;	
}
.filterBox a{
	display:block; width:170px; height:20px; text-align:left; padding:10px;
	color:#4EA6C8; font-size:16px; font-family:  Arial, Helvetica, sans-serif; text-decoration:none;
	background:url('../images/ui/arrow-blueOpen.gif') no-repeat 170px 20px #FFF;
}
.filterList{
	position:absolute; top:0; left:0;
	display:none;
}
.filterList a{
	background:#FFF;
}
.filterBox a:hover{
	color:#204C8A;		
}
.filterList a:hover{
	background:#75C1D2;		
	color:#FFF;
}
.productObj{
	float:left; position:relative;
	width:229px; height:137px; display:inline-block;
	padding:0; margin: 0 0 9px 9px;
	display:none;
}
.productObj img{	
	position:absolute; top:0; left:0; z-index:3;
}
.productObj .productInfo{	
	position:absolute; bottom:10px; left:10px; z-index:4;
	line-height:12px;
}
.productObj .productInfo h3{
	font-size:12px;	
	margin:0; padding:0;
	text-align:left;
}
.productObj .productInfo h4{
	font-size:12px;	
	color:#4EA6C8;	
	margin:0; padding:0;	
	text-align:left;	
}
.storeIcon, .bottomAds a{
	margin:30px 20px 0 0;
	float:right;	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ take the test		~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.test-content{
	width:900px;
	margin:0 auto;
	background:url('../images/ui/bg-content-white.png') repeat 0px 0px;
	padding:30px; text-align:left;
}
.test-content-inner{	
	position:absolute;
}

.test-content fieldset{
	width: 500px;
	margin:0 auto; 	
	margin-top:40px;
	padding:0;
	border:0;
	display:block;
}
.testObj{
	width: 500px;
	margin: 0 0 8px 0; overflow:hidden; 
	display:block; position:relative;
	background:#FFF;	
}
.testQuestion{
	width:349px;
	padding:30px; margin:0 3px 0 0;
	float:left;
	border-right:3px solid #EEE;
	min-height:67px;
}
.testQuestion h2{
 color:#444; font-size:18px; text-transform:uppercase;
}
.testQuestion p{
 color:#204C8A; font-size:14px; line-height:22px;
}
.testAnswer{
	position:absolute;
	background:#FFF;
	width:25px;
	padding:30px;
	float:left;	
	display:block;
	bottom:0; right:0;
}
.testInner{

}
.radioB span{
	display:block;
	text-align:center;
	font-family:  Arial, Helvetica, sans-serif; font-size:14px; color:#204C8A;
}
.radioB input{
	background:#FFF;	
	border:0;
}
.bSubmit, .bNext{
	margin:0 auto; margin-top:30px;
	width:234px; height:66px; display:block;
	background:url('../images/ui/button-submit.gif') no-repeat 0px 0px;	
	text-indent:-999em;
	position:relative;
}
.bSubmit:hover, .bNext:hover{
	background:url('../images/ui/button-submit.gif') no-repeat 0px bottom;			
}
.bNext
{
    background:url('../images/ui/button-next.gif') no-repeat 0px 0px;	
}
.bNext:hover
{
    background:url('../images/ui/button-next.gif') no-repeat 0px bottom;
}
.testResult{
	width:500px;
	padding:30px;
	background:#FFF;
	margin:0 auto;
	margin-top:40px;
}
.testResult h2{
	color:#4EA6C8; font-size:18px; text-transform:uppercase;
}
.testResult p{
	 color:#204C8A; font-size:14px; line-height:22px;
}
.bAppt{
	margin-top:30px;
	width:440px; height:63px; display:block;
	background:url('../images/ui/button-makeanappt.gif') no-repeat 0px 0px;	
	text-indent:-999em;
}
.bAppt:hover{
	background:url('../images/ui/button-makeanappt.gif') no-repeat 0px bottom;			
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ monthly promo		~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.colOuter{
	position:relative;	
	margin:0 0 30px 0;	
}
.bg-Col, .bg-Col1, .bg-Col2{
	width:220px;	
	background:url('../images/ui/bg-content-white.png') no-repeat 0px 0px;	
}

.newsletterObj, .shareObj{	
	position:absolute;	width:220px; top:0;	
	margin:0 0 30px 0;
	padding: 0 0 15px 0; z-index:20;
}
.shareObj2{
	padding:10px; line-height:0; height:40px; 
	display:block; position:absolute; top:0;
}


.newsletterObj h2, .shareObj h2{
	padding:10px; margin:0 !important; 
	color:#14406A; font-size:16px; font-weight:normal; 
}
.newsletterObj fieldset, .shareObj fieldset{
	position:relative;
	border:0; padding:0; margin:5px 0 10px 10px;
}
.newsletterObj fieldset label, .shareObj fieldset label{
	position: relative; width:198px;
	display:inline-block; float:left;
}
.newsletterObj fieldset label span, .shareObj fieldset label span{
	position:absolute; width:188px; height:21px; text-align:left; padding:7px 5px 3px 5px;
	display:block; white-space:nowrap; z-index:3; 
	font-family:  Arial, Helvetica, sans-serif; text-decoration:none; color:#4EA6C8; font-size:14px;	cursor:pointer;
}

.newsletterObj fieldset div.bgInput, .shareObj fieldset div.bgInput{
	position:relative; 
	width:198px; height:31px; display:block; margin:0 0 3px 0; padding:0;
	background:#FFF; border:1px solid #4EA6C8;
}
.newsletterObj fieldset label input, .shareObj fieldset label input{
	position:absolute; text-align:left; border:0; left:0;
	height:22px; width:188px; background:none; padding:5px 5px 3px 5px;
	font-family:  Arial, Helvetica, sans-serif; text-decoration:none; color:#204C8A; font-size:14px;   z-index:5; display:block;
}
.ie .newsletterObj fieldset label input, .ie .shareObj fieldset label input{
	position:absolute; width:188px; height:21px; text-align:left; padding:7px 5px 5px 5px;	top:0; left:0; z-index:5; display:block; cursor:pointer;
}
.bSignup, .bShare{
	margin:6px 0 0 10px;
	border:2px solid #FFF;
	background:#204C8A; padding: 5px 10px 5px 10px;
	font-family:  Arial, Helvetica, sans-serif; text-decoration:none; color:#FFF; font-size:14px; text-transform:uppercase;
}
.bSignup:hover, .bShare:hover{
	background:#4EA6C8; 
}
.promoImg{
	margin: 40px 0 0 0;	
}
.bDownload{
	margin-top:30px;
	width:260px; height:63px; display:block; 	float:right;
	background:url('../images/ui/button-download.gif') no-repeat 0px 0px;	
	text-indent:-999em;
}
.bDownload:hover{
	background:url('../images/ui/button-download.gif') no-repeat 0px bottom;			
}
.bFindaStore{
	color:#4EA6C8; font-family:  Arial, Helvetica, sans-serif; font-weight: normal; text-decoration:none;font-size:20px; text-transform:uppercase;
	width:130px; height:63px; display:block;	margin-top:30px; 	float:right; padding: 17px;
}
.bFindaStore:hover{
	color:#204C8A;
}
a.bFacebook{
	position:relative; 
	margin:0; visibility:visible;
	width:48px; height:20px; display:block; float:left;
	background:url('../images/ui/button-facebook.gif') no-repeat 0px 0px;	
	text-indent:-999em;
}
a.bTwitter{
	position:relative; 	
	margin:0 0 0 10px;	
	width:58px; height:20px; display:block;  float:right;
	background:url('../images/ui/button-twitter.gif') no-repeat 0px 0px;	
	text-indent:-999em; z-index:20;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ content page		~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gen-content h1.contentH1{
	margin: 0 0 40px 0;	
}
.gen-content h2{
	margin: 0 0 20px 0;	
}
.gen-content h3{
	color:#444;
	margin: 0 0 00px 0;	
	font-weight: bold;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ faqs				~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#faqs{
	color:#4EA6C8; font-size:18px; font-family:  Arial, Helvetica, sans-serif;		
	width:954px;
	line-height:18px;	
}
.question{
	clear:both;	
}
.question .close{
	text-indent:-999em;
	display:none;
}
.question a{
	color:#4EA6C8; font-size:18px; font-family:  Arial, Helvetica, sans-serif; text-decoration:none;
	padding:5px 0 5px 0; margin: 0 0 20px 0; 
	display:inline-block; float:left; width:395px;
}
.question a:hover{
	color:#204C8A;
}
.answer{
	width:954px;	
	display:none;
	padding:10px 10px 10px 0px; 
}
.ie6 .answer{
	width:419px;		
}
.answer span{
	color:#204C8A; float:left; display:inline-block; padding:0 5px 5px 5px; margin:0 5px 0 0; width:10px;
}
.answer p{
	margin:0 0 20px 0;
	line-height:22px;	
	display:inline-block; float:left; width:385px;	
}
.ie6 .answer p{
	display:inline;	width:385px;	
}
.questionActive{
	border-top:1px solid #4EA6C8;
	border-bottom:1px solid #4EA6C8;	
	padding:15px 0 1px 0;
	margin:0 0 20px 0;	
	position:relative;
}
.questionActive .close{
	margin: 0; padding:0;
	text-decoration:none;
	width:16px; height:16px;
	background:url('../images/ui/faq-x.gif') no-repeat 0px 0px; text-indent:-999em;
	position:absolute; top:3px; right:3px;
	text-indent:-999em;
}
.ie6 .questionActive .close{
	width:16px; height:16px; line-height:0; 
	position:absolute; top:3px; right:3px;
	background:url('../images/ui/faq-x.gif') no-repeat 0px 0px; text-indent:-999em;	
	text-indent:-999em;
	cursor:pointer;
}

.questionActive .close:hover{
	background:url('../images/ui/faq-x.gif') no-repeat 0px bottom;
}
.ie6 .questionActive .close:hover{
	background:url('../images/ui/faq-x.gif') no-repeat 0px bottom;
	
}

.questionActive a{
	color:#204C8A; text-decoration:none;	
	padding:5px 0 5px 0; margin: 0 0 20px 0; 	
	display:inline-block; float:left; width:405px;	
}
.question .title{
	display:block;
}
.question .title span{
	color:#204C8A; float:left; display:inline-block; padding:5px; margin:0 5px 0 0; width:10px;
}
.questionActive .title span{
	color:#4EA6C8; float:left; display:inline-block; padding:5px; margin:0 5px 0 0; width:10px;
}
.ie6 .question .title span{
	color:#204C8A; float:left; display:inline; padding:5px; margin:0 5px 0 0; width:10px;
}
.ie6 .questionActive .title span{
	color:#4EA6C8; float:left; display:inline; padding:5px; margin:0 5px 0 0; width:10px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ news				~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.newsObj{
	padding:0; margin:0 0 20px 0;
	border-bottom:1px solid #4EA6C8;	
}
.newsObj h2{
	margin:0;
}
.newsObj .date{
	font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#4EA6C8; text-transform:uppercase;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ search				~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.searchH1{
	margin: 0 0 10px 0;	
}
.searchH2{
	color:#4EA6C8;	
}
.searchObj{
	padding:0 0 10px 0; margin:0 0 8px 0;
	border-bottom:1px solid #4EA6C8;		
}
.searchObj a{
	text-decoration:none;	
}
.searchObj span.title{
	margin: 0; padding:0;
	color:#204C8A;  font-family:  Arial, Helvetica, sans-serif; font-size:18px;
	display:block;
}
.searchObj span{
		font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#333;
}
.searchObj a:hover span.title, .searchObj a:hover span{
	color:#4EA6C8;	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ pagination			~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.pageFunction{
	margin:30px 0 0 0; padding:0; display:block;
}
.pageFunction a{
	padding:0px 5px 0px 5px; display:inline-block; margin:0;
	color:#4EA6C8;  font-family:  Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; 
}
.pageFunction span{
	color:#4EA6C8;  font-family:  Arial, Helvetica, sans-serif; font-size:18px;	
}
.pagePrevious span{
	padding:0px 5px 0px 15px; display:block;
	border-left:1px solid #4EA6C8;
}
.pageNext span{
	padding:0px 5px 0px 15px; display:block;
	border-left:1px solid #4EA6C8;
}
.pageFunction a:hover, .pageFunction a.active{
	color:#204C8A; 
}
.pageFunction a:hover span{
	color:#204C8A; 
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ contact				~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
address.contact{
	font-style:normal;	
	font-family:  Arial, Helvetica, sans-serif; font-size:18px;
	color:#204C8A;
	margin:0 0 20px 0;
}
address.contact span{ 
	color:#4EA6C8;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~ footer				~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.footer{
	width:100%; 
	margin: 0 auto;
	margin-top:0px; display:block;
	text-align:left;
	font-family:  Arial, Helvetica, sans-serif; font-size:14px; color:#FFF;
	background:#f4f4f4 url('../images/ui/footer-bg.jpg') no-repeat center 0px;
	height:80px;
}
.footer a{
	font-family:  Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-decoration:none; color:#FFF; font-size:14px;	
}
.footer .linksLeft{
	float:left; display:block;
	margin:0;
}
.footer .linksLeft a{
	margin:0 20px 0 0;	
}
.footer .linksLeft a:hover{
	color:#204C8A;
}
.footer .linksRight{
	width:260px; text-align:right;
	float:right;
}
.footer .linksRight a:hover{
	color:#204C8A;
}
.footer .linksRight, .footer .linksRight a, .footer .copyRight {
	font-size:12px;	
}
.footer .copyRight {
	margin:20px 0 0 0;
	width:400px;
}
.footer .copyRight span{
	float:left; display:inline-block; margin: 15px 20px 0 0;
} 
.footer .copyRight img{
	display:inline-block; 
}
div.googleMap
{
    position:absolute; top:65px; right:5px;
    width:320px;
    height:320px;
}


.error, .wait, .success
{
    font:bold 12px Arial, Helvetica, sans-serif;
    display:none;
}
.error
{
    color:#CC0000;
}
.wait
{
    color:#14406A;
}
.success
{
    display:block;
    color:#00AA00;
}

#navId-1963 {background:transparent url('../images/ui/nav-home.png') no-repeat;}
#navId-1254 {background:transparent url('../images/ui/nav-store.png') no-repeat;}
#navId-1339 {background:transparent url('../images/ui/nav-eyecare.png') no-repeat;}
#navId-1966 {background:transparent url('../images/ui/nav-doineed.png') no-repeat;}
#navId-1375 {background:transparent url('../images/ui/nav-contacts.png') no-repeat;}
#navId-1372 {background:transparent url('../images/ui/nav-frames.png') no-repeat;}

#navId-1963:hover,#navId-1963.active  {background:transparent url('../images/ui/nav-home-over.png') no-repeat;}
#navId-1254:hover,#navId-1254.active {background:transparent url('../images/ui/nav-store-over.png') no-repeat;}
#navId-1339:hover,#navId-1339.active {background:transparent url('../images/ui/nav-eyecare-over.png') no-repeat;}
#navId-1966:hover,#navId-1966.active {background:transparent url('../images/ui/nav-doineed-over.png') no-repeat;}
#navId-1375:hover,#navId-1375.active {background:transparent url('../images/ui/nav-contacts-over.png') no-repeat;}
#navId-1372:hover,#navId-1372.active {background:transparent url('../images/ui/nav-frames-over.png') no-repeat;}

.item 
{
    float:left;
    width:285px;
    margin-right:24px;
    padding-right:24px;
    border-right:solid 1px #ccc;
    display:inline-block
}
.last-item {margin-right:0px;border-right:none;
    padding-right:0px;}
    
.item p {margin-bottom:0px !important;}

.footer {position:relative;}
#FlybuysFooterLink 
{
    /*css hack because flybuys image is part of background image*/
    position:absolute; 
    top:50px; left:38px; 
    width:290px;
    height:30px;    
}
#PrivacyFooterLink {
    position:absolute; 
    top:57px; right:38px; 
    width:290px; 
	font-size: 12px;
	font-weight: bold;
}
#PrivacyFooterLink a{  
	font-size: 12px;
	font-weight: bold;
}
#PrivacyFooterLink a:hover{  
	color:#b4e8f1;
}

#BookingForm, #BookingSuccessful{ position:relative;float:left;margin:20px 0px 0px}
#BookingSuccessful{width:954px;}

.Invalid{ border:solid 1px #d22b00 !important; padding:2px}
.Valid{border:solid 1px #00a200 !important; padding:2px;}
.ValidationSummary {color:#d22b00 !important; margin:20px 0px 0px 0px;font-family: Arial,Helvetica,sans-serif;font-size:12px;}
.ValidationSummary ul {margin-left:20px !important}
.ValidationSummary li {line-height:1.6; font-size:12px;color:#d22b00 !important; background:none !important; list-style-type:disc; padding-left:0px !important}

/* booking form */
#booking-form-box, #BookingSuccessful {
	background-color: #e4e4e4;
	border-radius: 8px;
	-moz-border-radius: 8px;
	padding: 10px;
	width:925px;
}

#booking-form-box table {
	font-family: arial;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	background-color: transparent;
}

#booking-form-box table td {
	background-color: transparent;
}

#booking-form-box .yesno {
	margin: 0px;
}

#booking-form-box .preferredtime {
	width: 250px;
}

.choose-frames-for-face td {padding:10px}

#brandstable {border:none;background:none;}
#brandstable table{border:none;background:none;width:100%;}
#brandstable tr{border:none;background:none;}
#brandstable td{border:none;background:none;padding:0px 10px 0px 0px;text-align:left;vertical-align:top;}

/* young eyes */

#ye-right{width:452px;float:right;}
#ye-left{width:440px;text-align:left;margin: 0px 0px 20px 20px;}
#ye-box{width:409px;height:796px;text-align:left; background-image:url(../images/youngeyes-bg.jpg); background-position:top center; background-repeat:no-repeat;padding: 20px;}
.ye-blurb1{color:#0072b1;font-size:18px;text-align:left;margin:20px 0px 20px 0px;padding-top:20px;}
#ye-left2{width:100%;text-align:left;margin: 0px 0px 20px 20px; position:relative;}
.ye-click a{color:#0072b1;font-size:14px;}
.ye-terms{color:#0072b1;font-size:11px;text-align:left;line-height:14px;}
.ye-title{color:#204C8A;font-size:30px;text-align:left;font-weight:normal;margin-bottom:0px;}
.ye-tct{font-size:13px;}
.ye-tct2{font-size:12px;}
#ye-one{ position:absolute; top:15px;left:0px; }
#ye-two{ position:absolute; top:15px;left:485px; }
.clearboth {clear:both;}