/* CSS Document */

html,body {margin:0;padding:0; background: #fff url(../images/tile_rhs.gif) 0 0 repeat-y; color: #000; }
body {font: 76% arial,sans-serif; text-align:center; /*behavior:url("../htc/csshover.htc");*/ }
a { text-decoration:none; color:#FFF; background-color:#1d1d1d; }
a:hover { text-decoration:none; color:#fff600; background-color:#1d1d1d; }

h4 { font: 80% Arial, Helvetica, sans-serif; text-transform:uppercase; }

h3 { padding:0; margin:0;}

/* =SEO & accessibility
	----------------------------------------------- */
div#pageinfo, div#accessibility { display: none; }


/* =Header
	----------------------------------------------- */
div#header{
	position:relative;
	height: 106px; 
	background: #1d1d1d url(../images/header2.gif) 0 0 no-repeat;
	margin-bottom: 16px;
	color: #fff;
}
div#header address {
	background:#1d1d1d;
	position:absolute;
	right:0;
	top:23px;
	margin-right: 50px;
	font-style: normal;
	color: #b0b0b0;
	font-size: 80%;
	line-height: 1.6em;
	text-transform:uppercase; 
}
div#header address span { font-family: "Gill Sans MT",Arial, Helvetica, sans-serif; }
img#main_hd_img { margin:0; padding:0; }


/* =Containers
	----------------------------------------------- */

div#container{width:774px;background: #1d1d1d; color:#fff; float:left; }
div#container{text-align:left}

div#content p{line-height:1.6; margin-right: 35px;}
div#content{float:right;width:550px; margin-bottom:40px; }



/* =Footer
	----------------------------------------------- */
div#footer{
	background: #1d1d1d url(../images/dot_horiz.gif) top left repeat-x;
	color: #616161; 
	font-size: 80%;
	margin:0 14px;
	padding-top:14px;
}
div#footer p{margin:0;padding: 0 0 10px 0; }
div#footer a{display:inline;padding:0;color: #8e8e8e; background: #1d1d1d;}
div#footer{clear:both;}
div#footer .rhs{ text-align:right; }

div#footer .lft { float:left; }
div#footer .rght { float:right; text-align:right; }


/* =LHS Navigation
	----------------------------------------------- */
div#navigation{ background:#1d1d1d; color:#fff;}
div#navigation{float:left;width:189px; margin-bottom: 14px; margin-left:11px}
ul#lhs_navigation {
	list-style-type: none;
	padding: 0;
	margin: 0 0;
}
#lhs_navigation li {
	padding-right:14px;
	margin-bottom:14px;
	padding-bottom: 10px;
	background: #1d1d1d url(../images/dot_horiz.gif) bottom left repeat-x;
	color:#fff;
}
#lhs_navigation li.contact {
	padding-right:14px;
	margin-bottom:7px;
	padding-bottom: 6px;
	background: 0;
}
#lhs_navigation li span { border-right:2px solid #ffffff; padding-right: 4px; }
#lhs_navigation li span:hover { border-color:#fff600;  }
#lhs_navigation li a {
	text-align:right;
	font-size: 80%;
    display:block;
	height:14px;
	color:#ffffff;
	background:#1d1d1d url(../images/nav_arrow_up.gif)  5px 3px no-repeat;
}
#lhs_navigation li a:hover {
    background:#1d1d1d url(../images/nav_arrow_over.gif)  5px 3px no-repeat;
	color: #fff600;
}

/* =MEN / WOMEN Navigation
	----------------------------------------------- */
#brands_holder{ width:517px;}
div#m_w_nav{ background:#1d1d1d; color:#fff;}
div#m_w_nav{float:left; margin-bottom: 14px; margin-top:11px;}
ul#m_w_navigation {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#m_w_navigation li {
	display: inline;
	padding-right: 14px;
	padding-bottom: 10px;
	color: #fff;
}

#m_w_navigation li span { border-right:2px solid #ffffff; padding-right: 4px; }
#m_w_navigation li span:hover { border-color:#fff600;  }
#m_w_navigation li a {
	width:89px;
	text-align:right;
	font-size: 80%;
	height:14px;
	color:#ffffff;
	background:#1d1d1d url(../images/nav_arrow_up.gif)  0 1px no-repeat;
	padding: 0 0 0 30px;
}
#m_w_navigation li a:hover {
    background:#1d1d1d url(../images/nav_arrow_over.gif)  0 1px no-repeat;
	color: #fff600;
}

/* =enquire
	----------------------------------------------- */

ul#enquire {
	list-style-type: none;
	padding: 0 0 0 0 ;
	margin: 0;
	float:right;
}
#enquire li {
	display: inline;
	color: #fff;
}

#enquire li span { border-right:2px solid #ffffff; padding-right: 4px; }
#enquire li span:hover { border-color:#fff600;  }
#enquire li a {
	width:100px;
	text-align:right;
	font-size: 80%;
	height:14px;
	color:#ffffff;
	background:#1d1d1d url(../images/nav_arrow_up.gif)  0 1px no-repeat;
	padding: 0 0 0 30px;
}
#enquire li a:hover {
    background:#1d1d1d url(../images/nav_arrow_over.gif)  0 1px no-repeat;
	color: #fff600;
}






/* =LHS extra
	----------------------------------------------- */
div#extra{
	float:left;
	clear:left;
	width:200px;
	margin:0 0 40px 11px;
}

ul#side_gallery {
	margin:0;
	padding:0;
}
ul#side_gallery li {
	float: left;
	list-style-type: none;
	margin:1px;
}

div#extra_spectacles{
	float:left;
	width:180px;
	margin:0 20px 40px 11px;
	line-height: 1.6em;
}

div#extra_opticians{
	float:left;
	clear:left;
	width:200px;
	margin:0 0 40px 11px;
}

ul#side_opticians {
	margin:0;
	padding:0;
}
ul#side_opticians li {
	display:block;
   	background:#1d1d1d url(../images/about/list_image2.gif)  0 0 no-repeat;
	margin:0 0 0 0;
	padding:0 0 11px 40px;
	color: #fff;
}




/* =Misc
	----------------------------------------------- */
.grey {  color: #b1b1b1; background: #1d1d1d; }
.clear { clear:left; }
.dots { margin:0; padding:0 0 5px 0 ;width:517px; background: url(../images/dot_horiz.gif) bottom left repeat-x;}
.both { clear:both;}

/* =Back to top
	----------------------------------------------- */
	ul#backtotop{ list-style-type: none; margin:0; text-align:right; text-transform:uppercase; padding:5px 30px 0 0;}
	
	ul#backtotop li a{
	display:block;
   	background:#1d1d1d url(../images/back_top.gif) center right no-repeat;
	margin:0;
	padding:0 20px 0 0;
	color: #b1b1b1;
	}
	
	ul#backtotop li a:hover{
	display:block;
   	background:#1d1d1d url(../images/back_top_on.gif) center right no-repeat;
	margin:0;
	color: #fff600;
	padding:0 20px 0 0;
	}
	
.backtotop { text-align:right; padding:0; margin:0; text-transform:uppercase; }
h4.backtotop  { padding:5px 30px 0 0;  color: #b1b1b1;  background:#1d1d1d; }



/* =Titles
	------------------------------------------------*/

h3#welcome  {padding: 16px 0 0 0; 
overflow: hidden; height: 0px !important; height /**/:16px; text-indent: -9000px; }
h3#welcome  { background: url(../images/titles/welcome.gif) 0 0 no-repeat;}

h3#aboutus  {padding: 16px 0 0 0; 
overflow: hidden; height: 0px !important; height /**/:16px; text-indent: -9000px; }
h3#aboutus  { background: url(../images/titles/aboutus.gif) 0 0 no-repeat;}

h3#opticianst  {padding: 16px 0 0 0; 
overflow: hidden; height: 0px !important; height /**/:16px; text-indent: -9000px; }
h3#opticianst  { background: url(../images/titles/our_opticians.gif) 0 0 no-repeat;}

h3#contact_lenses  {padding: 16px 0 0 0; 
overflow: hidden; height: 0px !important; height /**/:16px; text-indent: -9000px; }
h3#contact_lenses  { background: url(../images/titles/contact_lenses.gif) 0 0 no-repeat;}

h3#enquires {padding: 16px 0 0 0; 
overflow: hidden; height: 0px !important; height /**/:16px; text-indent: -9000px; }
h3#enquires { background: url(../images/titles/enquires.gif) 0 0 no-repeat;}

h3#equipment {padding: 16px 0 0 0; 
overflow: hidden; height: 0px !important; height /**/:16px; text-indent: -9000px; }
h3#equipment { background: url(../images/titles/equipment.gif) 0 0 no-repeat;}

h3#usefulinfo {padding: 16px 0 0 0; 
overflow: hidden; height: 0px !important; height /**/:16px; text-indent: -9000px; }
h3#usefulinfo { background: url(../images/titles/usefulinfo.gif) 0 0 no-repeat;}

h3#sunglasses {padding: 16px 0 10px 0; 
overflow: hidden; height: 0px !important; height /**/:16px; text-indent: -9000px; }
h3#sunglasses { background: url(../images/titles/sunglasses.gif) 0 0 no-repeat;}



/* =index.php
	----------------------------------------------- */
div#designer_hghlght { margin:0; padding:0 0 5px 0 ;width:517px; background: url(../images/dot_horiz.gif) bottom left repeat-x;}
div#designer_hghlght_nodots { width:517px;}
div#designer_hghlght_inner { background:url(../images/home/designer_banner.gif) 0 0  no-repeat; height:65px;}
.designers { display:none; }
.designer_hghlght_p { text-align:right; padding:0; margin:0; }
h4.designer_hghlght_p  { padding:5px 30px 0 0;  color: #b1b1b1;  background:#1d1d1d; }

/* =opticians.php
	----------------------------------------------- */
.opticianname { text-align:left; padding:0; margin:0; }
h4.opticianname  { color: #b1b1b1;  background:#1d1d1d; padding:5px 0 0 0; }
.optician_img {float:left; margin:20px 20px 20px 0; }

div#opticians p { margin-left:145px; }

/* =spectacles.php
	----------------------------------------------- */
#brands{
float:right; 
margin: 10px 0 0 0;
color: #b1b1b1;
background:#1d1d1d;
}

select {  
  margin:0 35px 0 0 ; padding:0;
  border: 1px solid #fff;
  color: #fff;  
  background:#1d1d1d; 
}



#products{ width:517px; }

.info{ text-align:left; width:517px; height:auto; padding:0; background-color:#FFFFFF;  color:#1C1C1C; line-height:1.6; margin:10px 0 10px 0; }

.img{ float:right; background-color:#FFFFFF; border-left: 5px solid #1d1d1d;}

.prod_text{ padding:10px 0 10px 10px;}

.brand_list{ text-align:left; height:auto; padding:0; color:#fff; line-height:1.6; margin:10px 0 10px 0; }