/**
   * This is the default (main) style sheet for Visique for 4+ browsers.
   *
   * @package Visique
   * @author Francis Saul <francis@clicksuite.co.nz>
   * @project manager Alan Doak <alan@clicksuite.co.nz>
   * @version 2007-01-25
   
   * @change log
   
*/
@import "sections.css";

/*------------------------------------------------------------------------------------------
Structural rules -------------------------------------------------------------------------*/
body{
  background: #EF9336 url(/resources/img/indexPromo/index-bg.jpg) no-repeat center 0;
  text-align: center;
}
div#shell{
  margin: 0 auto;
  text-align: left;
  width: 767px;
  margin-top:60px;
}
div#mainPane{
  background: #eff5f7;
  border: 7px solid #fff;
  border-bottom-width: 3px;
  border-top-width: 3px;
  padding: 0 10px 2em;
  width: 733px;
}
div#mainPane:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div#menuPane{
  float: left;
  margin-right: 10px;
  padding: 0 0 2em;
  width: 181px;
}
div#contentPane{ /* Small content pane for three column layout */
  float: left;
  margin: 0;
  margin-left: 15px;
  padding: 24px 0 2em;
  width: 321px;
}
body.col2 div#contentPane{ /* Large content pane for two column layout */
  width: 512px;
}
body.col1 div#contentPane{
  width: 705px;
}
div#rightPane{
  float: left;
  margin-left: 25px;
  padding-top: 24px;
  width: 181px;
}
div.boxCont{
  background: #c7dfe6 url(../img/box-top.gif) no-repeat;
  float: left;
  margin-left: 25px;
  margin-top: 11px;
  padding: 20px 11px 0;
  width: 159px;
}
div#mapPane{
  float: right;
}



/*------------------------------------------------------------------------------------------
Base rules -------------------------------------------------------------------------------*/
body.normal{
  font-size: 0.625em;
}
body.normal li#last a{
  font-size: 1em;
}
body.large{
  font-size: 0.6875em;
}
body.large div#shell ul li#last{
  font-size: 0.9125em;
}
body.xLarge{
  font-size: 0.8125em;
}
body.xLarge div#shell ul li#last{
  font-size: 0.77em;
}
div.rT{
  background: url(/resources/img/indexPromo/cnrs-top.gif);
  height: 6px;
  width: 767px;
}
div.rB{
  background: url(/resources/img/indexPromo/cnrs-bottom.gif);
  height: 6px;
  width: 767px;
  margin-bottom: 7px;
}
.btn{
  background: url(/resources/img/bn-cnr.gif) left top no-repeat;
  color: #2c4679;
  display: block;
  font-size: 0.91em;
  font-weight: bold;
  letter-spacing: 0.075em;
  padding-left: 3px;
  text-transform: uppercase;
}
.btn span{
  background: #fff;
  display: block;
  padding: 2px 6px 0 4px;
}
.btn:hover{
  color: #009dbb;
  text-decoration :none;
}
.hidden{
  display: none;
}
.imgLink{
  text-indent: -9999px;
}
table{
  border-bottom: 4px solid #fff;
  margin-top: 4em;
}
table.tblFrm{
  border-bottom: none;
  width: 100%;
}
thead{
  border-bottom: 4px solid #009dbb;
}
.even{
  background: #dbeaef;
}
.txt{
  font-size: 1.1em;
  width: 200px;
}
select{
  font-size: 1.1em;
}
textarea{
  font-size: 1.1em;
  height: 100px;
  width: 250px;
}
.left{
  float: left;
  margin: 0 25px 25px 0;
}
.right{
  float: right;
  margin: 0 0 25px 25px;
}


.clearer{
                clear: both;
                line-height: 0px;
                margin: 0;
                padding: 0;
                overflow: hidden;
                text-indent:-9999px;
                font-size:0px;
}
/*------------------------------------------------------------------------------------------
Header rules -----------------------------------------------------------------------------*/
div#headerPane{
  background: #fff url(/resources/img/indexPromo/cnr-bl-hd.gif) left bottom no-repeat;
  margin-bottom: 7px;
}
div#headerPane:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div#headerPane h1{
  background: #F8D73B url(/resources/img/indexPromo/hdr-bak.gif) 0 top no-repeat;
  display: block;
  height: 74px;
  margin: 0;
  width: 767px;
}
div#headerPane h1 a{
  display: block;
  height: 74px;
  overflow: hidden;
  width: 229px;
	float:right;
}
div#headerPane ul{
  background: url(/resources/img/indexPromo/cnr-br-hd.gif) right bottom no-repeat;
  display: block;
  font-size: 0.9em;
  list-style: none;
  margin: 0;
  padding: 0 9px;
  width: 749px;
}
div#headerPane ul:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div#headerPane ul li{
  background: #fff;
  color: #009dbb;
  display: block;
  float: left;
}
div#headerPane ul li a{
  color: #009dbb;
  display: block;
  font-weight: normal;
  padding: 6px 9px 5px;
  text-decoration: none;
  text-transform: uppercase;
}
div#headerPane ul li a:hover{
  background: #f3f8fa;
  color: #2c4679;
  text-decoration: none;
}
div#headerPane ul li span{
  display: block;
  padding: 6px 3px 5px;
  text-transform: uppercase;
}
div#headerPane ul li#last{
  float: right;
  margin-left: -10px;
  width: 100px;
}
div#headerPane ul li#last span, div#headerPane ul li#last a{
  float: left;
}
div#headerPane ul li#last a{
  cursor: hand;
  cursor: pointer;
  padding: 6px 3px 5px;
  text-transform: none;
}
div#headerPane ul li#last a.normal{
  font-size: 1em;
}
div#headerPane ul li#last a.large{
  font-size: 1.219em;
}
div#headerPane ul li#last a.xLarge{
  font-size: 1.447em;
}



/*------------------------------------------------------------------------------------------
Content rules ----------------------------------------------------------------------------*/
img.bannerImage{
  border: 4px solid #fff;
  margin-top: 11px;
}
div#menuPane form{
  background: #fafcfd;
  display: block;
  padding: 20px 10px 0;
  width: 161px;
}
div#menuPane form select{
  width: 151px;
}
div#menuPane ul{
  background: #fafcfd url(../img/submenu-bottom.gif) left bottom no-repeat;
  list-style: none;
  margin: 0;
  min-height: 220px;
  padding: 20px 0;
}
div#menuPane ul li{
  height: 1%;
  margin: 0;
  padding: 0;
}
div#menuPane ul li a{
  color: #009dbb;
  display: block;
  font-weight: bold;
  padding: 0.3em 16px 0.2em 20px;
  text-decoration: none;
}
div#menuPane ul li a:hover{
  background: #f3f8fa;
  color: #4c5573;
  text-decoration: none;
}
p.intro{
  color: #009dbb;
  font-weight: bold;
  margin-bottom: 3em;
}
div.boxCont p{
  font-weight: bold;
}
div.boxCont img{
  border-top: 1px solid #fff;
  border-bottom: 3px solid #fff;
  margin: 0 -8px 1em -11px;
}
div.boxCont div.bT{
  background: url(../img/box-bottom.gif) no-repeat;
  height: 6px;
  margin: 2em -11px 0;
  width: 181px;
}
div#rightPane img{
  border: 0px solid #fff;
}



/*------------------------------------------------------------------------------------------
Home Page --------------------------------------------------------------------------------*/
div#homePane{
  background: #fff;
  zoom: 1;
}
div#homePane:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
div#homePane div{
  float: left;
  margin-right: 4px;
  min-height: 28em;
  position: relative;
  width: 248px;
}
div#homePane div#leftPane{
  background: #98cd00 url(/resources/img/hm-cnr-01.gif) left bottom no-repeat;
  margin: 0 4px 0 7px;
}
div#homePane div#centerPane{
  background: #00b900 url(/resources/img/hm-cnr-02.gif) left bottom no-repeat;
}
div#homePane div#rightPane {
  background: #009dbb url(/resources/img/hm-cnr-03.gif) left bottom no-repeat;
  margin: 0;
  padding: 0;
}
div#homePane h2{
  color: #fff;
  margin: 0 14px;
  padding: 14px 0 14px 25px;
}
div#homePane div#leftPane h2{
  background: url(/resources/img/ic-01.gif) left center no-repeat;
}
div#homePane div#centerPane h2{
  background: url(/resources/img/ic-02.gif) left center no-repeat;
}
div#homePane div#rightPane h2{
  background: url(/resources/img/ic-03.gif) left center no-repeat;
}
div#homePane img{
  border-bottom: 4px solid #fff;
}
div#homePane a{
  color: #fff;
  text-decoration: none;
}
div#homePane a:hover{
  text-decoration: underline;
}
div#homePane p, div#homePane ul{
  color: #fff;
  margin: 0 14px;
}
div#homePane ul{
  list-style: none;
  padding: 0;
}
div#homePane ul li{
  background: url(/resources/img/ic-link.gif) left 5px no-repeat;
  padding-left: 10px;
}
body#section0 div#mainPane{
  border: 0;
  background: #fff;
  padding: 0;
  width: 767px;
}
body#section0 div#mainPane:after{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
body#section0 div#mainPane div{
  background: #EA7134;
  float: left;
  margin-right: 5px;
  min-height: 18.5em;
  position: relative;
  width: 375px;
}
.ie6 body#section0 div#mainPane div{
  background: #EA7134;
  float: left;
  margin-right:0;
  min-height: 18.5em;
  position: relative;
  width: 377px;
  padding:0;
  display:inline-block;
}
body#section0 div#mainPane div#pane01{
  background: #FBE879 url(/resources/img/indexPromo/tileLeft.jpg) no-repeat left bottom ;
  margin-left: 7px;
}
body#section0 div#mainPane div#pane01 a{
	display:block;
	height:150px;
	margin:-20px 0 0 0;
}
.ie body#section0 div#mainPane div#pane01 a{
	display:block;
	height:150px;
	margin:0;
}
body#section0 div#mainPane div#pane01 a.btn{
	height:18px;
}
body#section0 div#mainPane h2{
  color: #2c4679;
  margin: 0 14px;
  padding: 14px 0 14px;
}
body#section0 div#mainPane p{
  color: #2c4679;
  margin: 0 14px;
}
body#section0 div#mainPane p.textstyle1{
margin-top:15px; 
font-size:12px; 
font-weight:bold;
letter-spacing:-0.03em;
}

.mac.webkit body#section0 div#mainPane p.textstyle1{
letter-spacing:-0.03m;
font-size:11px;
}

body#section0 div#mainPane img{
  bottom: 0;
  position: absolute;
  right: 0;
}
body#section0 div#mainPane p.flybuys{
  bottom: 0;
  display: inline;
  font-size: 0.9em;
  left: 0;
  line-height: 12px;
  margin: 0 5em 0 65px;
  padding: 0 0 12px 3px;
  position: absolute;
  width:235px;
}
body#section0 div#mainPane div#pane02 h2, body#section0 div#mainPane div#pane02 p{
  width: 185px;
}
body#section0 div#mainPane a{
  color: #2c4679;
  font-weight: bold;
  text-decoration: none;
}
body#section0 div#mainPane a:hover{
  color: #009dbb;
}
body#section0 .btn{
  bottom: 0;
  color: #2c4679;
  position: absolute;
  right: 0;
}
body#section0 .btn:hover{
  color: #009dbb;
  text-decoration: none;
}



/*------------------------------------------------------------------------------------------
Visique Near Me rules --------------------------------------------------------------------*/
div#mapPane{
  background: url(../img/find-us/map-rp.gif) left top repeat-y;
  position: relative;
}
div#mapPane img#hoverImg{
  left: 0;
  position: absolute;
  top: 0;
}
div#mapPane p{
  background: url(../img/find-us/map-base.gif) left top no-repeat;
  color: #fff;
  display: block;
  font-weight: bold;
  margin: 0;
  padding: 0.2em 20px;
  text-align: center;
  width: 209px;
}



/*------------------------------------------------------------------------------------------
Eyewear ----------------------------------------------------------------------------------*/
ul#eyewearThumbs{
  list-style: none;
  margin: 0;
  padding: 0;
}
ul#eyewearThumbs li{
  display: block;
  float: left;
  margin: 0 6px 12px 0;
  width: 98px;
}
ul#eyewearThumbs li a{
  color: #009dbb;
  display: block;
  text-decoration: none;
}
ul#eyewearThumbs li a:hover{
  background: #f3f8fa;
  color: #2c4679;
}
ul#eyewearThumbs li a:hover img{
  visibility: hidden;
}
ul#eyewearThumbs li a span{
  padding: 2px;
}
ul#eyewearThumbs li.austin-reed a{ background: #fff url(../img/eyewear/austin-reed-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.cat a{ background: #fff url(../img/eyewear/cat-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.christian-dior a{ background: #fff url(../img/eyewear/christian-dior-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.convertibles a{ background: #fff url(../img/eyewear/convertibles-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.diesel a{ background: #fff url(../img/eyewear/diesel-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.esprit a{ background: #fff url(../img/eyewear/esprit-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.fcuk a{ background: #fff url(../img/eyewear/fcuk-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.fusion a{ background: #fff url(../img/eyewear/fusion-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.hugo-boss a{ background: #fff url(../img/eyewear/hugo-boss-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.jag a{ background: #fff url(../img/eyewear/jag-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.lilliput a{ background: #fff url(../img/eyewear/lilliput-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.madison a{ background: #fff url(../img/eyewear/madison-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.miss-sixty a{ background: #fff url(../img/eyewear/miss-sixty-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.nicole-farhi a{ background: #fff url(../img/eyewear/nicole-farhi-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.reebok a{ background: #fff url(../img/eyewear/reebok-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.skaga a{ background: #fff url(../img/eyewear/skaga-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.speedo a{ background: #fff url(../img/eyewear/speedo-over.jpg) left top no-repeat; }
ul#eyewearThumbs li.ted-baker a{ background: #fff url(../img/eyewear/ted-baker-over.jpg) left top no-repeat; }




/*------------------------------------------------------------------------------------------
Eyeconditions ----------------------------------------------------------------------------*/
.eyeConditions{
  display: block;
  float: left;
  margin-right: 10px;
}
.eyeConditions img{
  border: 2px solid #fff;
}




/*------------------------------------------------------------------------------------------
Footer rules -----------------------------------------------------------------------------*/
div#footerPane{
	margin-top:25px;
  text-align: center;
  padding-bottom: 3em;
}
div#footerPane ul{
  color: #fff;
  font-size: 0.9em;
  list-style: none;
  margin: 0 auto;
  width: 500px;
}
div#footerPane ul li{
  display: block;
  float: left;
  padding-right: 9px;
}
div#footerPane ul li span{
  padding-left: 5px;
}
div#footerPane ul li a{
  color: #fff;
  font-weight: normal;
  text-decoration: none;
}
div#footerPane ul li a:hover{
  text-decoration: underline;
}

/* -------------------------------------------------------------------------------------- */
/* ------------------------------------- Introbox --------------------------------------- */
/* -------------------------------------------------------------------------------------- */
#introBox{
	width:100%;
	height:100%;
	z-index:2000;
  	background: #EA7134 url(/resources/img/indexPromo/splashpage.jpg) no-repeat center center ;
	display:block;
	position:absolute;
	top:0px;
	left:0px;
}
/*~~~~~~~~~~~~~~~~~home flash~~~~~~~~~~~~~~~~~*/
.flashShell{
	width:375px;
	height:185px;
	padding:0;
	margin: 0;	
	background-color:#EA7134;
	display:inline-block;
}
#flashReplace{
	width:375px;
	height:185px;
	margin:0;
	padding:0;
	display:inline-block;
}
.ie6 #flashReplace{
	width:375px;
	height:185px;
	margin:0 0 0 2px;
	padding:0;
	display:inline-block;
}