/* ----  TEST NAVIGATION ---*/
#pixopoint_menu1 {
	height:25px; width:900px; xpadding-left:60px; margin:0 0 10px 0;
	background:#fff xurl(/images/topnav_bg.gif);background-repeat:no-repeat;
	xbackground-position:50% 0;
	xborder:1px solid #0000ea;
}
	
#pixopoint_menu1 ul {
	border:none;
	xbackground:none;
	margin:0; padding:0; list-style:none;
	}
#pixopoint_menu1 li { /*-- top level list menu items--*/
	width:140px; height:27px; line-height:25px; float:left;
	padding:0; margin-left:2px;
	background:#fff url(/images/b-offpr.gif); background-repeat:no-repeat;
	border:none; z-index:20;
	font-family: verdana, Sans-Serif; font-size:12px; font-weight:bold;
	text-align:center; 
	position:relative;
	}
#pixopoint_menu1 li:hover,#pixopoint_menu1 li.sfhover {
	xbackground:#9c0e8b xurl(/images/da_imgs/b-on.gif); background-repeat:no-repeat;
	xbackground-position:0 60px;
	}
#pixopoint_menu1 li a {
	border:none; background:none; text-decoration:none;
	display:block; padding:0 12px;
	xbackground:#fff;/*--background main and 1st level dropdown--*/
	color:#fff; /*-- base font colour of top level menu items--*/
	}
#pixopoint_menu1 li a:hover {
	border:none; background:none;
	xbackground:#9c0e8b xurl(/images/da_imgs/b-hover.gif); background-repeat:no-repeat;
	text-decoration:none;
	color:#000; /*-- hover font colour of top level menu items--*/
	xbackground-position:100% -120px;
	}

#pixopoint_menu1 ul ul { /*-- 1st level dropdown */
	position:absolute; top:25px; left:-999em; 
	*margin-left:-70px; /*-- added to control 1st level list position in IE */
	width:135px;
}


#pixopoint_menu1 li:hover ul,#pixopoint_menu1 li.sfhover ul {
	left:auto;
	}
#pixopoint_menu1 ul ul li a {
	padding:4px 10px;
	text-transform:normal;
	font-variant:normal;
	}
#pixopoint_menu1 ul ul li {
	letter-spacing:0px;
	Xcolor:#fff; 
	z-index:20; 
	width:150px;
	font-family:helvetica,arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	background:#7c7cfa; /* background colour of drop down menu */
	border-bottom:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	margin:0;
	}
#pixopoint_menu1 ul ul li a {
	line-height:23px;
	text-align:left; /*-- drop down menu items--*/
	color:#fff; /* base font colour of drop down menu */
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li:hover a,#pixopoint_menu1 ul ul li.sfhover a {
	xcolor:#fff; /* background hover colour of drop down menu */
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	Xcolor:#FFFFFF;
	}
#pixopoint_menu1 ul ul li:hover li a:hover,#pixopoint_menu1 ul ul li.sfhover li a:hover {
	Xcolor:#FFFFFF;
	}
#pixopoint_menu1 ul ul li:hover,#pixopoint_menu1 ul ul li.sfhover {
	Xcolor:#000;
	background:#fff; /* background colour of sub menu items on hover */
	}
#pixopoint_menu1 ul ul ul li {
	font-size:1em;}#pixopoint_menu1 ul ul ul, #pixopoint_menu1 ul ul ul ul {
	position:absolute;
	margin-left:-999em;
	top:0;
	width:120px;
	}
#pixopoint_menu1 li li:hover ul,#pixopoint_menu1 li li.sfhover ul,#pixopoint_menu1 li li li:hover ul,#pixopoint_menu1 li li li.sfhover ul {
	margin-left:120px; 
	}
#pixopoint_menu1 ul ul li:hover li a,#pixopoint_menu1 ul ul li.sfhover li a {
	text-decoration:none;
	}
#pixopoint_menu1 ul ul li li:hover a,#pixopoint_menu1 ul ul li li.sfhover a {
	color:#FFFFFF;
	text-decoration:none;
	}



/* ---- GLOBAL STYLES ---*/
body {margin-left:auto;	margin-right:auto;	margin-top:5px;	font-family: Verdana, sans-serif;text-align: center;
background: #ffffff url(images/bg_vfade.jpg) repeat-x top left;}
	
h1      { font-size:14pt; font-weight:bold; color: #343434; text-align:center; margin:0;}
h2      { font-size:11pt; font-weight:bold; color: #343434; text-align:left; padding-left:10px; margin:0; }
h3		{ font-size:10pt; font-weight:normal; padding-left:10px; color: #666666; text-align:center; margin:0;}
h4      { font-size: 9pt; font-weight:bold; color: #ea0000; text-align:left; padding:5px; margin:0; line-height:140% }
h5 	{ font-size: 8pt; font-weight:normal; color: #000;  text-align:left; padding:5px; margin:0; line-height:140% }
h6      { font-size: 7pt; font-weight:normal; color: #000; text-align:left;  margin:0; }
p 	{ color: #000;  text-align:left; font-size:10pt; padding-left:5px; margin:0;}
ul 	{ color: #000;  text-align:left; font-size:10pt; padding-left:30px;}
ul.arrow {color: #000;  text-align:left; font-size:10pt; padding-left:30px; list-style: url(images/bul.gif)}
ul.square   { color:#000; text-align:left; padding-left:28; margin-left:0; line-height:130%; list-style:square}
ul.listh5 	{ font-size: 8pt; font-weight:normal; color: #000; padding:0 0 5px 25px; margin:0; line-height:140%; list-style: url(/images/bul.gif); }
ul.listh2 	{ font-size: 11pt; font-weight:normal; color: #000; padding:3px 0 3px 28px; margin:0; line-height:130%; list-style: url(/images/bult.gif); }
ul.listp 	{ font-size: 10pt; font-weight:normal; color: #000; padding:3px 0 3px 28px; margin:0; line-height:130%; list-style: url(/images/bult.gif);}



#banner{width:900px; height:120px;background-image: url(/images/logo_03.gif); background-repeat:no-repeat;}

#body {xborder:1px solid #0000ea}

#wrapper_main {width: 900px;	margin-left: auto;	margin-right: auto;	text-align:center;
	border-bottom:1px solid #bfbfbf;background: #ffffff url(/images/sidebar_fill.gif) repeat-y left top;}

#wrapper {width: 900px;margin-left: auto;margin-right: auto;	text-align:center;border-bottom: 1px solid #444444;
	background-color: #ffffff;padding-bottom: 15px;}
	
#footer {width: 900px;margin-left: auto;	margin-right: auto;	clear:both;xborder:1px solid #454545;}

#divider {width:900px; height:15px; margin:0;background:#cccccc;}

#columnL {width:155px; float: left; border: 1px solid #444444;}
#columnR {width:155px; margin:10px 0px 0px 10px;	float: left;xborder: 1px solid #444444;}

.search {width:155px; height:50px; margin:10px 0 20px 0;	border:1px solid #dddddd;}
/* --- NOTE:search button styles are in gtstyles.css --- */


.cont_bg {width:450px; height:60px;margin-left:auto;margin-right:auto;
	margin-top:20px; margin-bottom:20px; background: url('/images/contact_bg.png'); background-repeat: no-repeat;}

.copyright {padding: 5px 0px 0px 0px; font-size:8pt; color: #343434;	margin:0px;}

.madeby {padding: 5px 2px 2px 2px; font-size:8pt; color: #afafaf; text-decoration: none;	margin:5px; margin-bottom:10px;}

div.clearer {clear: left; line-height: 0px; height: 0px;}

a {color: #000; xtext-decoration: none;}

.chromalink {color: #afafaf;}

img {border:0;}


/* ---- HOME PAGE ---*/
.h2 a {font-size:11pt; font-weight:bold; color: #fff; text-align:left; padding-left:10px; margin:0; text-decoration:none;}

#center_container {width:728px;  float:left;	margin:10px 0 20px 0;xborder:1px solid #014EC5;}
.committment {width:720px; float:left; margin:8px 0 0 0; padding-top:10px; border:1px solid #dddddd;}
.widestrap {	width:100%;	height:20px; margin:10px 0 10px 0; background:#7c7cfa;}
.social_networking {width:710px;margin:10px 0 10px 0;padding:5px;float:left;text-align:left;border:1px solid #ededed;}
.widget1 {width:100px;float:left; padding-top:7px;margin-left:5px;}

/* ---- Side Panels ---*/
.sidebar_basket {width:155px; overflow:hidden; margin:10px 0 10px 0; border:1px solid #dddddd;}
.search_box {width:155px; xpadding:2px; margin:10px 0 10px 0; border:1px solid #dddddd; float:left}
.eyechart {width:151px; padding:2px; margin:5px 0 20px 0; border:1px solid #dddddd; float:left}
.testimonials {width:155px; margin:5px 0 20px 0; border:1px solid #dddddd;}
.lens_testimonials {width:720px; float:left; margin:20px 0 0 0; background:#ffcfff; border:1px solid #9c0e8b;}

/* ---- Product Highlights ---*/
.pr-shell {width:725px; margin:10px 0 20px 0; xborder:1px solid #ea0000;}
.left_box {float:left; width:262px; height:120px; padding:3px; margin-left:0; border:1px solid #dddddd;}
.right_box {float:left; width:440px; height:120px; padding:3px; margin-left:6px; border:1px solid #dddddd;}
.pr-image {clear:left; width:261px; xheight:60px; xborder:1px solid #eaeaea;}
.prob_cont {float:left; width:310px; xborder:1px solid #7c7cfa;}
.pr-idbox {float:left; width:288px; height:70px; overflow:hidden; xborder:1px solid #eaeaea;}
.pr-mag {float:left; width:288px; height:50px; overflow:hidden; xborder:1px solid #dddddd;}
.pr-col {float:left; width:165px; height:60px; overflow:hidden; margin-left:5px; xborder:1px solid #eaeaea;}
.pr-select {float:left; width:120px; height:118px; overflow:hidden; margin-left:5px; xborder:1px solid #dddddd;}
/* ---- END HOME PAGE ---*/


/* ---- LENS PAGE STYLES ---*/
.lenses_shell {width:725px; margin:10px 0 20px 0; xborder:1px solid #ea0000;}
.lenses_img {float:left; width:262px; height:280px; margin:5px 0 0 0; xborder:1px solid #dddddd;}
.lenses_prods {float:left; width:435px; height:165px; padding:3px; margin:5px 0 0 15px; border:1px solid #dddddd;}
.pr-Limage {clear:left; width:261px; xheight:60px; xborder:1px solid #eaeaea;}
.pr-Lmag {float:left; width:220px; height:100px; overflow:hidden; xborder:1px solid #000;}
.pr-Lselect {float:left; width:130px; height:100px; overflow:hidden; margin-left:25px; xborder:1px solid #343434;}


/* ---- Best Sellers ---*/
.bs-shell {clear:both; width:555px; xheight:250px; margin:20px 0 20px 0; xborder:1px solid #dddddd;}
.bs-idbox {float:left; width:112px; height:56px; overflow:hidden; xborder:1px solid #014ec5;}
.bs-desc {float:left; width:185px; height:56px; overflow:hidden; xborder:1px solid #eaeaea;}
.bs-image {float:left; width:250px; height:56px; xborder:1px solid #343434;}


/* ---- TESTIMONIALS ---*/
.ts_container {	width:700px; margin-right:auto;margin-left:auto;float:left border:1px solid #ea0000;}
.ts-cell {width:580px; margin:10px 0 10px 0; padding:10px; border:1px solid #dddddd;}


/* ---- TPL_SHOP PAGE STYLES ---*/
.sp-shell {width:725px; margin:10px 0 20px 0; xborder:1px solid #ea0000;}
.left_box {float:left; width:262px; height:120px; padding:3px; margin:10px 0 10px 0; border:1px solid #dddddd;}
.right_box {float:left; width:440px; height:120px; padding:3px; margin:10px 0 10px 6px; border:1px solid #dddddd;}
.sp-image {clear:left; width:261px; xheight:60px; xborder:1px solid #eaeaea;}
.sp-idbox {float:left; width:261px; height:70px; overflow:hidden; xborder:1px solid #eaeaea;}
.sp-mag {float:left; width:261px; height:50px; overflow:hidden; xborder:1px solid #eaeaea;}
.sp-col {float:left; width:170px; height:60px; overflow:hidden; margin-left:5px; xborder:1px solid #eaeaea;}
.sp-add {float:left; width:170px; height:60px; overflow:hidden; margin-left:5px; xborder:1px solid #eaeaea;}

/* ---- TPL_SHOP(6) PAGE STYLES ---*/
.frames_shell {width:720px; float:left; margin-right:10px; xborder:1px solid #343434;}
.tcell {width:230px; height:140px; float:left; overflow:hidden; margin:5px 0 30px 7px; xborder:1px solid #dddddd; }
.bcell {width:230px;height:28px; float:left; margin:4px 0 0 0; text-align:right; xborder:1px solid #dddddd; }
.Xtitle {width:150px; margin:3px 0 7px 0; height:18px; overflow:hidden; float:left; xborder:1px solid #dddddd;}
.info {width:150px; height:28px; overflow:hidden; text-align:center; float:left;}
form {margin:0; padding:0;}

/* ---- TPL_SHOP(8) additional components ---*/
.fixed_imgs{width:722px; height:135px; margin:0 0 235px 0; xborder:1px solid #343434}
.left_img {float:left; width:260px; height:120px; padding:3px; margin:10px 0 10px 0; xborder:2px solid #dddddd;}
.right_text {float:left; width:436px; height:120px; padding:3px; margin:10px 0 10px 6px; xborder:2px solid #dddddd;}

/* ---- TPL_SHOP(9) additional components ---*/
.fixed_img_shell{width:722px; height:135px; margin:0 0 235px 0; xborder:1px solid #343434}
.left_img_sq {float:left; width:260px; height:120px; padding:3px; margin:10px 0 10px 0; xborder:2px solid #dddddd;}
.right_img_sq {float:left; width:436px; height:120px; padding:3px; margin:10px 0 10px 6px; xborder:2px solid #dddddd;}
.text_box {padding:5px;margin:5px;}

/* ---- OFFERS PAGE (SUB DOMAIN) ---*/
#offers_banner{	width:900px; height:120px;background-image: url(/images/logo_offers.gif); background-repeat:no-repeat;}
.offers_container {width:860px;margin:30px 20px 20px 20px; border:2px solid #0000ea;}

/* ---- EYE CHART PAGE ---*/
.ec_container {width:650px; float:left; margin:20px 0 30px 35px; padding:10px; xborder:1px solid #0000ea}
.mags {width:500px; text-align:center; padding:5px; margin-left:auto;margin-right:auto; margin-bottom:40px; margin-top:40px; border:1px solid #dddddd}


/* ---- MAIN TERMS PAGE ---*/
.mt_container {width:650px; margin-left:auto;margin-right:auto;padding:10px; overflow:auto; xborder:1px solid #0000ea;}


/* ---- ABOUT/ INFO PAGE ---*/
.info_container {
	width:650px; height:500px; margin-left:auto;margin-right:auto; margin-top:30px;margin-bottom:30px;
	padding:10px; overflow:auto;
	border:1px solid #9c0e8b;}


	
/* ---- OTHER PAGES ---*/

#other_container {width:700px; float:left;padding:20px 10px 10px 10px;margin:0 8px 0 8px;xborder:1px solid #014EC5;}
.b_button {width:530px; text-align:center;margin-left:auto;margin-right:auto; margin-top:30px;margin-bottom:20px;}

/* --- CONTACT PAGE --- */

#contact_pane{
	width: 650px;  margin-left:auto; margin-right:auto; margin-top:30px; margin-bottom:30px;
	padding: 25px;
	xborder:1px solid #ea0000;
}

#shell-b {
	width: 650px;
	margin-left:auto; margin-right:auto;
	margin-top:10px;
	xborder:1px solid #000;
}

.col-l {
	width:300px; height:290px;
	padding:10px 10px 5px 10px; float:left;
	margin-left:5px;
	overflow:hidden;
	xborder:1px solid #ea0000;
}
.col-r {
	width:300px; height:305px;
	float:left;	margin-left:10px;
	overflow:hidden;
	xborder:1px solid #ea0000;
}


#subForm {
	font-size: 9pt; border:1px solid #9c0e8b; padding:5px;
}
#subForm .label {
	float: left;
	clear: left;
	width: 240px;
	margin-right: 10px; padding-top:5px;
	margin:3px;
	text-align: right;
	font-weight: bold;
}

input#submit {
	background-color: #fff;
	font-family: trebuchet, sans-serif;
}

select#refer {
	font-family: "Century Gothic", "Gill Sans", Arial, sans-serif;
}

input#name, input#email, input#company, input#phone {
	width: 200px;
	background-color: #fff;
	font-family: trebuchet, sans-serif;
	font-size: 8pt;
	margin:5px;
}
textarea#comments {
	width: 350px;
	background-color: #fff;
	font-family: trebuchet, sans-serif;
	font-size: 8pt;
	margin:5px;
}

input#name:focus,
input#email:focus,
input#phone:focus,
textarea#comments:focus,
select#refer:focus
{
	background-color: #adadfc;
}

/* ---- TOP NAVIGATION ---*/

#topnav ul {
	margin:0; padding:0; /*-- IMPORTANT! --*/
	width: 900px; height:27px;
   	xbackground-color: #cacaca;
}


/*Top level list items*/
#topnav ul li{
	position: relative; xleft:160px; 
	display: inline; float: left;
	margin-right:4px; 
}


/*Top level menu link items style*/
#topnav ul li a{
	display: block;
	background: url('/images/b-offpr.gif') no-repeat top; 
	padding:5px 0 0 0; margin:0;
	width: 140px; height:22px;
	text-decoration: none; text-align:center; font: bold 10pt verdana, sans-serif;
	color: #fff; /* font colour in main menu #ac65a3 */
}
#topnav ul .ns-bg{
	display: block;
	background: url('/images/b-offnp.gif') no-repeat top; 
	padding:5px 0 0 0; margin:0;
	width: 140px; height:22px;
	text-decoration: none; text-align:center; font: bold 10pt verdana, sans-serif;
	color: #fff; /* font colour in main menu */
}
	
#topnav ul li a:hover{
	font-weight: bold; color:#000; 
	xbackground: url('/images/b-on.gif') no-repeat top;
}
#topnav ul a.active {
	font-weight: bold; color: #000;
	xbackground: url('/images/b-on.gif') no-repeat top;
}


/* ---- LOWER MENU ---*/

#navmenu2 {width:500px; margin-left:auto; margin-right:auto;}

#navmenu2 ul {
	padding-left:0px;
	text-align:center; font-size:8pt; font-family:verdana, sans serif;
	margin:15px auto 5px auto;
}

#navmenu2 li{
	display: inline;
	list-style-type: none;
}

#navmenu2 li a{
	text-decoration: none;
	color: #343434;
}

#navmenu2 li a:hover{
color: #bb63d8; 
}