@charset "utf-8";
/* CSS Document - Author: Nick Rogers 04/2009 */

	body 
	{ 
		background: #ededed; 
		color: #555555;
		font-family: Arial, Sans-serif;
	}
	* {
		margin:0;
		padding:0;
		border:0;
	}
	h1, h2, h4, h6 { 
		letter-spacing: 0; 
		color: #69207e;
		
		font-family:Arial,Helvetica,sans-serif;
		font-weight:bold;
	}
	
	h1 { color: #006ebb;padding:0 0 15px;}
	h2 { font-size: 1.3em;border-bottom:1px dotted #D3D3D3;padding:15px 0 5px;}
	h3, h5 {
		font-family: arial, helvetica, sans-serif;
	 	letter-spacing: 0;
		color: #69207e;
	}
	h3 {
		font-size:1.3em;
		font-weight: bold;
	}
	h2.firstH2{margin-top:0 !important;}	
	.SF_content h1, .SF_content h2, .SF_content h3 { color: #006ebb; }
	.SF_content h1 { font-size: 22px; }
	.SF_content h2 { font-size: 18px; }
	.SF_content h3 { font-size: 14px; }
	ul > li {
		list-style-type:none;
	}
	input[type='text'], input[type='password'], textarea
	{
		/* Reset the font-family for input elements */
		font-family: Arial, Sans-serif;
	}
	
	ol {margin-left:25px;}
	
	.fullWidth{width:100%;}
	.pointer{cursor:pointer;}

	.SF_container
	{
		width: 946px;
		margin: 0 auto;

	}
	#content {margin:10px 0px 0px 0px;}
	a, a:link, a:visited
	{
		text-decoration: none; color: #69207e;
	}
	a:hover, a:focus {color: #e16a00; text-decoration:underline}

	fieldset 
	{
		padding: 0;
		margin: 0;
		border: none;
	}

	/*
	==============================================
		Top Navigation
	==============================================
	*/

	#top_nav {
		width:100%;
		background: #69207e;
		height: 25px;
		margin-top: 0px;
	}
	#top_nav_links {
		float: right;
		color: #fff;
		font-size:.9em;
		margin-top:8px
	}
	#top_nav_links li {
		float: left;
		list-style: none;
		border-right: 1px solid #9857ab;
		padding: 0 10px 0;
		line-height:1em
	}	
	#top_nav_links .last_link {
		border-right: none;
		padding-right:0;
	}
	#top_nav_links a, #top_nav_links a:link, #top_nav_links a:visited{
		text-decoration: none; color: #fff;
	}

	#top_nav_links a:hover,#top_nav_links a:focus {color: #e16a00; text-decoration:underline}
	
	#top_nav_links li.nav_hidden a, #top_nav_links li.nav_hidden a:visited {
		color: #69207e;
	}
	#top_nav_links li.nav_hidden a:hover,#top_nav_links li.nav_hidden a:focus,#top_nav_links li.nav_hidden a:active {
		color: #fff;
	}
	li.nav_hidden {
		border-right: none!important;
	}
	
	/*
	======================================================
		Header Bar  containing logo and primary navigation
	======================================================
	*/
	#header_bar {
		height: 100px;
		width: 100%;
		background: #fff url(../images/header_grad.png) repeat-x bottom;
		position: relative;
		
	}
	
	#iq_menu {
		height: 125px;
	}

		#header_bar_container {
			position: relative;
			width: 946px;
			margin: 0 auto;
			height: 100%;
		}
	
		#header_search {
			position: absolute;
			top: 44px;
			left:725px;
			width:230px;
			clear: both;
		}
		
		#header_search h3 {
			color: #555555;
			font-weight:normal;
			letter-spacing:0;
		}		

		#header_search input {
			float: left;
		}
		#header_search input[type="text"] {
			border:1px solid #ccc;
			margin:1px 10px 0 0;
		}

		.search_text {
			padding:4px 0 3px;
			margin-right:4px;
			font-size: .9em;
			color: #888888;
			width: 200px;
			_border:1px solid #ccc;

		}
		
		.logo{
			position: absolute;
			top:32px;
			left:17px;
		}
		
		#navbar_pri
		{
			position: absolute;
			left:130px;
			bottom:0px;
			height: 41px;
			display:inline;
			background-color: #ffdd17;
			background: repeat-x top;
			overflow: hidden;
			margin:0;
			font-family: "Lucida Grande", "Lucida sans", arial, helvetica, sans-serif;
		}
		#navbar_pri ul {}
		
		#navbar_pri li
			{
				float: left;
				list-style-type: none;
				line-height: 37px;
				text-align: center;

			}
		
		#navbar_pri li a
			{
				height: 41px;
				display: block;
				text-decoration: none;
/*				background: url(../images/navbar_pri_divider.png) no-repeat bottom right;*/
				font-size: 1.2em;
				font-weight: bold;
				color: #69207e;
				position: relative;
				letter-spacing: -1px;
			}
		#navbar_pri li a:hover, #navbar_pri li a:focus, #navbar_pri li a:active 
			{
				color: #e16a00;
			}
		#navbar_pri li a:hover, #navbar_pri li a:focus, #navbar_pri li a:active 
			{
				color: #e16a00;
			}			
		.last_nav_item {
			background: none!important;
			padding-right:0!important;
		}
		#navbar_pri li#navpri_cl { width: 100px;}
		#navbar_pri li#navpri_home { width: 60px;}
		#navbar_pri li#navpri_health_cover { width: 127px;}
		#navbar_pri li#navpri_lenses { width: 122px;}
		#navbar_pri li#navpri_dental_cover { width: 64px; }
		#navbar_pri li#navpri_travel_cover { width: 64px; }
		#navbar_pri li#navpri_swiftcare_clinics { width: 150px; }
		#navbar_pri li#navpri_members { width: 81px;}
		#navbar_pri li#navpri_employers { width: 87px;}
		#navbar_pri li#navpri_claims { width: 62px; text-align: right}

		#navbar_pri li#navpri_cl a{
			color: #e16a00;
		}
		
		#navbar_pri li.selected a{
			color: #e16a00;
		}
		
		#swiftlink li.selected a{
			font-weight: bold;
		}

	
	/*
	======================================================
		Home Page Banner
	======================================================
	*/
	#banner_wrapper {
		clear:both;
		height:255px;
		left:0;
		margin:10px 0;
		position:relative;
		width:946px;
	}
	#banner_wrapper #banner_nav_wrapper {
		position: absolute;
		z-index: 255;
		bottom: 5px;
		right: 10px;
		width: 451px;
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: center;
	}
	
	#banner_wrapper #banner_nav { 
		float: right; 
	}

	#banner_wrapper #banner_nav a {
		float: left;
		width: 10px;
		margin: 0 0 0 5px;
		text-decoration: none;
		background: #712587;
		color: #FFF;
		padding: 3px;
		border: 1px solid #712587;
	}
	
	#banner_wrapper #banner_nav a.activeSlide {
		color: #712587;
		background: #FFF;
		border: 1px solid #712587;
	}

	#homepage_banner a img.hover_banner{
		border: none;
	}
		
	/*
	======================================================
		Inner page banner
	======================================================
	*/
		
	#category_banner {width:946px; height:111px; margin:20px auto 10px; position:relative; overflow:hidden;}
	#category_banner h1  {position:absolute; top:45px; left:30px; color: #fff; font-size: 2em; font-family: Arial, Helvetica, sans-serif;}
	#category_banner h1 span  {color: #c294cf}

	#category_banner {
		 background:url(../images/fullwidth.jpg) no-repeat;
	}
	
	#category_banner h2  {position:absolute; top:5px; left:40px; color: #fff; font-size: 2em; font-family: Arial, Helvetica, sans-serif; font-weight:normal; }
	
	#category_banner p  {position:absolute; top:50px; left:40px; color: #fff; font-size:1em; font-family: Arial, Helvetica, sans-serif;}
	#category_banner_link {position:absolute; top: 75px; left:60px; }
	
	#dental_banner {width:946px; height:111px; margin:0 auto; position:relative; overflow:hidden; margin-top:10px}
	#dental_banner h1  {position:absolute; top:45px; left:30px; color: #fff; font-size: 2em; font-family: Arial, Helvetica, sans-serif;}
	#dental_banner h1 span  {color: #c294cf}

	#dental_banner {
		 background:url(../images/dentalfullwidth.jpg) no-repeat;
	}
	
	#dental_banner h2  {position:absolute; top:5px; left:40px; color: #fff; font-size: 2em; font-family: Arial, Helvetica, sans-serif;}
	
	#dental_banner p  {position:absolute; top:50px; left:40px; color: #fff; font-size:1em; font-family: Arial, Helvetica, sans-serif;}
	#dental_banner_link {position:absolute; top: 75px; left:60px; }
	/*
	======================================================
		Column layouts
	======================================================
	*/
	/* 

	Our page is 946px wide
	
	Four column layout with a 10 pixel margin -
	Each column is padded by 15 pixels
	
	229 px - 10px - 229px - 10px - 229px - 10px - 229px

	Three column inner page : -
	219 + 10 219 + 10 + 219 = 	707
	
	Two column inner page : -
	229 + 10 229  = 	468
	
	229+10 + 229+10 + 229+10 + 229 
	
*/	
	.column {
		float:left;
		margin-right: 10px;
		display: inline;
	}
	.last_column {
		margin-right: 0!important;
	}
/*columns displayed inline to cope with IE6 3px jog */

	.one_column { width: 229px;}
	
	
	#inner_column .one_column { width: 198px;}

	.two_columns { width: 468px; display:inline}
	.three_columns { width: 707px; display: inline}
	.three_columns_with_border	{ 
		width: 705px; 
		display: inline;
		}
	.four_columns { width: 946px; display: inline}
	
	.content_column {
		padding:10px 15px 10px 15px;
	}
	
	.column_content {
		border-left: 1px solid #d8d8d8;
		border-right: 1px solid #d8d8d8;
		background: #fff;
	}
	
	.one_column_top {
		background: url(../images/one_column_top.png) no-repeat top;
		width: 229px; 
		height:6px; line-height: 0px;
		overflow: hidden;
	}
	.one_column_bot {
		background: url(../images/one_column_bot.png) no-repeat;
		width: 229px; 
		height:6px; 
		line-height: 6px;
		overflow: hidden;
		font-size:6px;
	}
	.column_bottom_margin {
		padding-bottom: 10px;
	}
/*
bottom padding included for IE7 bug
*/	
	.column_bottom_padding {
		margin-bottom: 10px;
	}
	.four_column_top {
		background: url(../images/four_column_top.png) no-repeat top;
		width: 946px; 
		height:9px; line-height: 1px;
		position: relative;
		overflow: hidden;
	}
	.four_column_bot {
		background: url(../images/four_column_bot.png) no-repeat top;
		width: 946px; 
		height:9px; line-height: 9px;
		font-size:9px;
		overflow: hidden;
	}
	.column_row {
		padding-bottom: 10px;
		width: 946px;
	}	
	/*
	==============================================
		Home page - three column panel
	==============================================
	*/
	.three_column_top {
		background: url(../images/three_column_top.png) no-repeat top;
		width: 707px; 
		height:6px;
		line-height: 6px;
		overflow: hidden;
	}

	.three_column_bot {
		background: #ededed url(../images/main_content_bot.png) no-repeat;
		width: 707px; 
		height:6px; 
		line-height: 6px;
		overflow: hidden;
		font-size: 6px;
	}
	/*
	==============================================
		Home page - two column panel
	==============================================
	*/
	.two_column_top {
		background: url(../images/two_column_top.png) no-repeat top;
		width: 468px; 
		height:6px;
		line-height: 6px;
		overflow: hidden;
	}

	.two_column_bot {
		background: #ededed url(../images/two_column_bot.png) no-repeat;
		width: 468px; 
		height:6px; 
		line-height: 6px;
		overflow: hidden;
		font-size: 6px;
	}
	
	.inner_column {
		background: #fff;
	}

	.inner_column .one_column {
		width: 197px;
		border-right: 1px solid #e6e6e6;
	}
	.inner_column .two_columns {
		width:420px;
		border-right: 1px solid #e6e6e6;
	}
	.four_columns .one_third_column{
		width: 264px;
		border-right: 1px solid #e6e6e6; 
	}

	.inner_column .content_column {
		padding: 10px 20px 10px 10px
	}
	.inner_column .first_column {
		padding-left: 15px;
	}
	.inner_column .last_column {
		padding-right: 5px;
		border-right: none;
	}
	
	
	/*
	==============================================
		Nice clearing floats
	==============================================
	*/


	.SF_clear:after 
	{
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
	/* Hides from IE-mac \*/
	* html .SF_clear { height: 1%; }
	.SF_clear { display: block; }
	/* End hide from IE-mac */

	.SF_niceclear { overflow: hidden; }
	* html .SF_niceclear { height:1%; }
	.clear {
		clear: both
	}

	
h1#inner_page_h1 {
	background: #fff url(../images/h1_blue_bg.png) no-repeat;
	height: 65px;
	width: 690px;
	color: #fff;
	font-size: 1.8em;
	padding-left: 18px;
	padding-top:43px;
	font-family: Arial, Helvetica, sans-serif;	
	
}

.inner_page_top{
	background: url(../images/general.jpg) no-repeat;
	width: 707px;
	position: relative;	
	height: 108px;	
}

#inner_page_tabs{
	background: url(../images/general.jpg) no-repeat;
	width: 707px;
	position: relative;	
	height: 108px;	
}
#door1 #inner_page_tabs{
	left:-15px; 
	top:-15px;
}

#inner_page_tabs_core{
	background: url(../images/hospitalcover.jpg) no-repeat;
	width: 707px;
	position: relative;	
	height: 108px;	
}
#door1 #inner_page_tabs_core{
	left:-15px; 
	top:-15px;
}

#inner_page_tabs_ls{
	background: url(../images/lifestage.jpg) no-repeat;
	width: 707px;
	position: relative;	
	height: 108px;	
}
#door1 #inner_page_tabs_ls{
	left:-15px; 
	top:-15px;
}

#inner_page_tabs_comp{
	background: url(../images/cplan_pantone.jpg) no-repeat;
	width: 707px;
	position: relative;	
	height: 108px;
}
#door1 #inner_page_tabs_comp{
	left:-15px; 
	top:-15px;
}

#inner_page_tabs_hs{
	background: url(../images/healthsteps.jpg) no-repeat;
	width: 707px;
	position: relative;	
	height: 108px;	
}
#door1 #inner_page_tabs_hs{
	left:-15px; 
	top:-15px;
}

#inner_page_tabs_global{
	background: url(../images/global.jpg) no-repeat;
	width: 707px;
	position: relative;	
	height: 108px;	
}
#door1 #inner_page_tabs_global{
	left:-15px; 
	top:-15px;
}

#inner_page_tabs_dental{
	background: url(../images/dental.jpg) no-repeat;
	width: 707px;
	position: relative;	
	height: 108px;
}
#door1 #inner_page_tabs_dental{
	left:-15px; 
	top:-15px;
}
#inner_page_tabs_multitrip{
	background: url(../images/multitrip.jpg) no-repeat;
	width: 707px;
	position: relative;	
	height: 108px;	
}
#door1 #inner_page_tabs_multitrip{
	left:-15px; 
	top:-15px;
}

/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}


#inner_page_tabs h1,
.inner_page_top h1, 
#inner_page_tabs_core h1,
#inner_page_tabs_ls h1,
#inner_page_tabs_comp h1,
#inner_page_tabs_hs h1,
#inner_page_tabs_global h1,
#inner_page_tabs_dental h1 {
	color: #fff;
	font-size: 1.8em;
	padding-left: 18px;
	padding-top:30px;

}
.main_content h2 {
	color: #69207e;
	font-weight: bold;
	margin-top:10px; *margin-top:20px;
	margin-bottom: 3px
}	
.main_content h3 {
/*	margin-top:20px;
	margin-bottom:10px;*/
	}	
.useful_links li {
	background: #fff url(../images/link_bg.png) no-repeat left;
	list-style: none;
	padding: 5px 0px 5px 20px;
	border-bottom: 1px dotted #d3d3d3;
}
.useful_links li a, .useful_links li a:link  {
	color: #69207e !important;
	
	}
.useful_links li a:active, .useful_links li a:hover,  .useful_links li a:focus {
	color: #69207e;
	text-decoration: underline;
	}
.useful_links li a:active strong , .useful_links li a:hover strong,  .useful_links li a:focus strong {
	color: #69207e;
	text-decoration: underline;
	}	
ul.inner_teaser li {
	background: #fff url(../images/purple_bullet.png) no-repeat left 5px;
	list-style: none;
	padding: 0px 0px 0px 10px;
	line-height: 1.2em;
	margin-bottom: 4px;
}
.last_link {
	border-bottom: none !important;
}	
.useful_links h3 {
	font-size: 1.3em;
	color: #69207e;
	font-weight: bold;
	border-bottom: 1px dotted #d3d3d3;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
li.back_link {
	background: #fff url(../images/link_up_bg.png) no-repeat left!important;
	font-weight: bold!important;
	font-size:1.1em;
}
.teaser {
	position: relative;
}
	.teaser .useful_links h3 {
		border-bottom: none;
	}
	.teaser h3 {
		padding-bottom:10px;
	}
	.teaser p {
		line-height: 1.3em
	}
	.teaser_button {
		position: absolute;
		bottom: 20px;
	}
	
#member h3 {
	color: #e16a00;
}
#member_input {
	margin-top:3px;
	margin-bottom: 8px;
	width: 182px;
	color: #333333;
	border: 1px solid #ccc
}
#member a:link, #member a:visited {
	color: #e16a00;
}
#member .help  {
	margin: 10px 0px 2px 0px;
}
.sign_in_but{
	margin-left:20px;
	*margin-left:12px
}
#member p {
	font-size: .9em
}
#member label {
	font-size: .9em
}

a.spacedLink{
	display:block;
	margin: 10px 0;
}

div.squaredList ul li{
		list-style-type:square;
		border:0;
		padding:0;
		margin:5px 0 5px 20px;
		background:none;
		line-height:1.5em; 
		font-weight:normal;
}
/* 
==============================
Call to arms right hand box 
==============================
*/

.contact_links li {
	list-style: none;
	padding: 5px 0px 5px 25px;
	border-bottom: 1px dotted #d3d3d3;
}
ul.contact_links li.print_link {
	background: #fff url(../images/print_icon.png) no-repeat left;
}
ul li.print_link {
	background: #fff url(../images/print_icon.png) no-repeat left;
}
ul.contact_links li.mail_link {
	background: #fff url(../images/mail_icon.png) no-repeat left;
}
ul.contact_links li.call_link {
	background: #fff url(../images/call_icon.png) no-repeat left;
}

.call_us {
	font-weight: bold;
	color: #69207e;
	
}

.contact_links li a, .contact_links li a:link  {
	color: #555555 !important;
	
	}
.useful_links li a:active, .useful_links li a:hover,  .useful_links li a:focus {
	color: #69207e;
	}

/* 
==============================
Footer
==============================
*/

#footer {
	background: #69207e;
}

#footer a, #footer a:link, #footer a:visited
{
	text-decoration: none; color: #fff;
}

#footer a:hover,#footer a:focus {color: #e16a00; text-decoration:underline}

	#footer_top {
		background: url(../images/footer_top.png) no-repeat bottom;
		display:block; 
		width: 946px; 
		height:6px; 
		font-size:6px;
	}
	#footer_bot {
		background: url(../images/footer_bot.png) no-repeat top;
		display:block; 
		width: 946px; 
		height:6px; 
		margin-bottom: 10px;
	}
	#footer .one_column{
		width: 198px;
		border-right: 1px solid #762f8a;
	}
	#footer .content_column {
		padding: 10px 20px 10px 10px
	}
	#footer .first_column {
		padding-left: 15px;
	}
	#footer .last_column {
		padding-right: 5px;
		border-right: none;
	}
	#footer h3{
		color:#fff;
		font-size:1.1em;
		font-weight: bold;
		margin-bottom: 7px
	}
	#footer li {
		list-style: none;
		color: #fff;
		background: url(../images/arrow.png) no-repeat left;
		padding: 3px 10px 3px 8px;
		border-bottom: 1px dotted #a065b0;
	}
	#footer .arrow {
		font-weight:bold;
	}
	#footer_end {
		color: #bb7ccc;
		background: #550a6a;
		padding:12px 15px 7px 15px;
		font-size:.8em;
		margin-top:10px;
	}
	#footer .last_link {
		padding-bottom: 0!important;
	}

/*
==================================
	Main content area
==================================
*/
.main_content {
	background: #fff;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	width: 675px;
}

	ul.tick_list li {
		list-style: none;
		background: url(../images/correct.png) no-repeat left;
		padding-left:18px; padding-bottom:3px;
		line-height: 1.9em
	}
    ul.tick_list_new li{
		list-style: none;
		background: none; 
		padding-left:18px; padding-bottom:3px;
		line-height: 1.9em
	}
	.main_content h4 {
		margin-top: 20px;
		margin-bottom:10px;
		
	}
	.main_content h4 a:link, .main_content h4 a:visited  {
		color: #e16a00;
		font-weight: bold!important;
		text-decoration: underline;
	}	
	.main_content h4 a:hover, .main_content h4 a:focus, .main_content h4 a:active  {
		color: #69207e;
	}	
	.main_content h5 {
		font-size: 1em;
		font-weight: bold;
		margin-bottom:5px;
		color: #555555;
	}
	.main_content a:link, .main_content a:visited  {
		color: #e16a00;
		font-weight: normal;
	}	
	.main_content_bot {
		background: url(../images/main_content_bot.png) no-repeat;
		display:block; 
		width: 707px; 
		height:6px;
		line-height: 6px;
		font-size:6px;
	}
	.indent {
		padding-left:10px;
	}	
/*
==================================
	Home Page
==================================
*/
.home_page_header p {
	float: left;
	padding-top:2px;
}
.home_page_header h2 {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
}
.number_1 {
	background: url(../images/number_1.png) no-repeat 0px 8px;
	padding-left:35px; 
	padding-bottom:10px;
}	
.number_2 {
	background: url(../images/number_2.png) no-repeat 0px 8px;
	padding-left:35px; 
	padding-bottom:10px;
}	
.number_3 {
	background: url(../images/number_3.png) no-repeat 0px 8px;
	padding-left:35px; 
	padding-bottom:10px;
}	

label {
	margin-bottom:5px;
}
select{
	background: #f3edf4;
	margin-top:5px;
 	color: #69207e;
	font-weight: normal;
}
input[type="text"], input[type="password"] {
	margin-top:3px;
	margin-bottom: 8px;
 	color: #333333;
	font-weight: normal;
	border: 1px solid #ccc;
	padding:2px;
}
input.text, select, textarea{
	margin-top:3px;
	margin-bottom: 8px;
 	color: #333333;
	font-weight: normal;
	border: 1px solid #ccc;	
}
input.text{padding:2px;}


label.product_form {
	font-size: .9em;
	margin-bottom:5px;
}
select.product_form{
	width: 170px;
	background: #f3edf4;
	margin-top:5px;
 	color: #69207e;
	font-weight: bold
}

input.product_form{
	width: 150px;
	background: #f3edf4;
	margin-top:5px;
 	color: #69207e;
	font-weight: bold;
	border:0px none;
}

#inner_column .content_column {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}	
	
.picture_row .column_content {
	height: 270px;
	_height: 275px;
	overflow:hidden;
}
.member_row .column_content {
	/*orignally 200 and 205*/
	min-height: 610px;
/*	height: _215px;*/
/*	overflow:hidden;*/
}

.one_column_image {
	width: 197px;
	height: 76px;
	display: block;
	margin-bottom: 10px;
}

.life_stages_image {
	background: url(../images/inner_page_pics_1.jpg);
}	
.hospital_cover_image {
	background: url(../images/inner_page_pics_2.jpg);
}	
.day_to_day_image {
	background: url(../images/inner_page_pics_3.jpg);
}	
.why_vhi_image {
	background: url(../images/home_page_pic_1.jpg);
}	
.no_left_padding {
	padding-left:0!important;
	width: 213px!important;
}

/*
===================
	Buttons
===================
*/	
a:link.go_button, a:visited.go_button  {
	background: url(../images/go_button.png) no-repeat;
	font-size:.9em;
	overflow: hidden;	
	width: 27px;
	display: block;
	height: 22px;
	text-align: center;
	padding-top: 5px;
	float: left;
}	
a.go_button:hover, a.go_button:focus, a.go_button:active  {
	background: url(../images/go_button_hover.png) no-repeat;
	text-decoration: none!important;
	color: #fff!important;
}

a.pagelink_current{
	text-decoration: none;
	font-weight:bold!important;
	color:#69207e!important;
}

a.pagelink{
	text-decoration: underline;
}
	
.expert_box{
text-align:center;
margin-bottom:15px;
}		

#accordion h3{margin:0 !important;padding:0 !important;}
a.accordionHeader {font-size: 1.2em;}

.clear {clear: both;font-size:0;}
.nonclear br{clear: none;}

.button_on_doormat{
	font-size:1.4em;
	font-weight: bold;
}

.button_1{
		height: 39px;
		width: 131px;
		font-size:1.4em;
		overflow: hidden;
		color: #69207e;
		font-weight: bold;
		letter-spacing: -1px;
		background: #fff url(../images/button_1_bg.png) no-repeat;
	}
	.button_1_hover{
		background-image: url(../images/button_1_bg_hover.png);
	}
	.button_2{
		height: 35px;
		width: 177px;
		font-size:1.2em;
		overflow: hidden;
		color: #69207e;
		font-weight: bold;
		letter-spacing: -1px;
		background: #fff url(../images/button_2_bg.png) no-repeat;
	}
	.button_2_hover{
		background-image: url(../images/button_2_bg_hover.png);
	}
	
	#button_signin{
		margin:0 0 0 0;
		padding:0px 0px 3px 14px;
		background: url(../images/sign_in_but.png) no-repeat;
		overflow: hidden;	
		width: 78px;
		height: 25px;
		color: #fff;
		font-family: "Lucida Sans", "Lucida Grande", sans-serif;
		font-weight: bold;
		font-size: 14px;
		letter-spacing: -1px;
	}
	
	a.button_1 {
	background: url(../images/button_1_bg.png) no-repeat;
	font-size:1.4em;
	overflow: hidden;
	color: #69207e!important;
	font-weight: bold!important;	
	width: 111px;
	display: block;
	height: 39px;
	position: relative;
	margin-top: 10px;
	letter-spacing: -1px;
	padding:10px;
	text-align: center;
}

a.button_1:hover, a.button_1:focus, a.button_1:active  {
	background: url(../images/button_1_bg_hover.png) no-repeat;
	text-decoration: none!important;
}	
a.button_2 {
	background: url(../images/button_2_bg.png) no-repeat;
	font-size:1.2em;
	overflow: hidden;
	color: #69207e!important;
	font-weight: bold!important;	
	width: 157px;
	display: block;
	height: 35px;
	position: relative;
	padding-top: 10px;
	letter-spacing: -1px;
	padding:10px;
	text-align:center;
}

a.button_2:hover, a.button_2:focus, a.button_2:active  {
	background: url(../images/button_2_bg_hover.png) no-repeat;
	text-decoration: none!important;
}

*.dashboard_button {padding: 5px; float: left;}
*.dashboard_button-320px{width:290px}
*.dashboard_button a{float: left; padding: 5px;}
*.dashboard_button-320px a{max-width:220px;}

#map_canvas {width:300px; height:300px;float:right;}

.content_table{
	width:100%;
}
.content_table td{
	border: 1px solid #69207e;
	background-color:#f3edf4;
}

.door_teaser{
	min-height:48px;height:auto !important;height:48px;
}

.download_links li {
	background: #fff url(../images/sm_pdf.gif) no-repeat left;
	list-style: none;
	padding: 5px 0px 5px 30px;
	border-bottom: 1px dotted #d3d3d3;
}

.download_links li a, .download_links li a:link, .question_links li a, .question li a:link  {
	color: #69207e !important;
	
	}
.download_links li a:active, .download_links li a:hover,  .download_links li a:focus {
	color: #69207e;
	text-decoration: underline;
	}
.download_links li a:active strong , .download_links li a:hover strong,  .download_links li a:focus strong {
	color: #69207e;
	text-decoration: underline;
	}	
	
.download_links li.alternated{
	background-color: #f3edf4;
}
.download_links li .more_info{
	position:absolute;
	right:20px;
}
.download_links h3{
	padding:20px 0px 0px 0px;
}

.question_links li {
	background: #fff url(../images/arrow.png) no-repeat left;
	list-style: none;
	padding: 5px 0px 5px 10px;
	border-bottom: 1px dotted #d3d3d3;
}

.question_links li.alternated{
	background-color: #f3edf4;
}




.std-margin {
	padding: 0 14px 0 14px;	
}

#checkoutSteps, .one-page-checkout-progress ol { margin-left:0px; list-style:none outside none; list-style-type: none; }

#call_us_bot {

	color: #ffffff;
	text-align: right;	
}

#call_us_bot .tel_num {
	color:#FFFFFF;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:7px;
	
	display:inline;	
}




/***
Extra style for asda layout
==========================================================================================
***/


/**
Page Layout Overides
===========================================================================================
**/

/** Dont show top bar sim this with a repeated image accross the page **/
#top_nav{
	background:#69207E;
	height:auto;
	min-height:25px;
}

#top_nav_links {
    	margin-top: 0px;
}

#top_nav ul#top_nav_links li {
	margin-top:8px ;
	margin-bottom:4px;
	padding: 0 5px;
}

#header_bar{
	background:none;
}

#top_nav  li.staticfront_loggedin {
    display: none;
}

#top_nav li.staticfront_loggedout {
    display: inline;
}

#top_nav .top-acc-nav{
	font-weight:bold
}

#pgCont {
    margin: 0 auto;
    position: relative;
    width: 946px;
}
body{
	background: url("../../skin/frontend/default/asda/vhi/images/header_grad.png") repeat-x  #EDEDED;
	color: #555555;
}

p {
    	color: #555555;
    	font-size: 1em;
    	margin: 0 0 16px;
}	

.logo { 
	background:url("../../skin/frontend/default/asda/vhi/images/vhi_logo.png"l);
}


.f-clear{
clear:both;
}

/*right bar page stlyes*/
.right-bar #pgLeft
{position:relative;float:left;width:707px;background:none;}


.right-bar #pgRight
{position:relative;float:left;width:229px;padding:0 0 0 8px;}

/*left bar page stlyes*/
#pgLeft
{position:relative;float:left;width:229px;background:none;}


#pgRight
{position:relative;float:left;width:670px;padding:0 0 0 10px;}


#pgRight #pgCatDescription {
    	background: #FFFFFF;
   	float: none;
   	padding: 0;
	margin:0
    	position: static;
    	width: 100%;
}
/**style="min-height: 410px; height: auto ! important;"**/
#pgHold {
    	float: left;
    	margin: 265px auto 0;
    	width: 946px;
	background:none;		
}

#pgHead {
    height:260px;
    left: 0;
    position: absolute;
    top: 0;
}

#category_banner {
    background: url(../../skin/frontend/default/asda/vhi/images/fullwidth.jpg) no-repeat scroll 0 0 transparent;
    margin: 20px auto 10px;
}

#gl2-user-info {
position:absolute;
top:10px;
right:25px
}

#gl2-user-info ul li {
display:inline;
}

#pgBread {
    	width: 944px;
	border-left: 1px solid #D8D8D8;
    	border-right: 1px solid #D8D8D8;
}

#pgHead {
    width: 946px;
}

ol#navBreadcrumbs {
    width: 946px;
}

#pgContent {
    background: none;
    width: 946px;
}

#pgFooter {
    background: url("../images/pgFooterBg.jpg") repeat-x scroll 0 0 #DDECC6;
    float: left;
    margin: 16px 0 0;
    position: relative;
    width: 946px;
}

#footerContainer {
clear:both;
}

#footer{
width:946px
}

#footer li {
    background: url("../../skin/frontend/default/asda/vhi/images/arrow.png") no-repeat scroll left center transparent;
}
/*** Rounder Corner Style ***/

.three_column_top {
    background: url("../../skin/frontend/default/asda/vhi/images/three_column_top.png") no-repeat scroll center top transparent;
    height: 6px;
    line-height: 6px;
    overflow: hidden;
    width: 707px;
}

.full_span_column_top{
    background: url("../../skin/frontend/default/asda/vhi/images/full_span_column_top.png") no-repeat scroll center top transparent;
    height: 6px;
    line-height: 6px;
    overflow: hidden;
    width: 946px;
}

.main_content_bot {
    background: url("../../skin/frontend/default/asda/vhi/images/main_content_bot.png") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 6px;
    height: 6px;
    line-height: 6px;
    width: 707px;
}


.full_span_column_bot{
    	background: url("../../skin/frontend/default/asda/vhi/images/full_span_column_bot.png") no-repeat scroll 0 0 transparent;
    	display: block;
    	font-size: 6px;
    	height: 6px;
    	line-height: 6px;
    	width: 946px;
 	margin-bottom:10px;
}

.one_column_top {
    background: url("../../skin/frontend/default/asda/vhi/images/one_column_top.png") no-repeat scroll center top transparent;
    height: 6px;
    line-height: 0;
    overflow: hidden;
    width: 229px;
}

.one_column_bot {
    background: url("../../skin/frontend/default/asda/vhi/images/one_column_bot.png") no-repeat scroll 0 0 transparent;
    font-size: 6px;
    height: 6px;
    line-height: 6px;
    overflow: hidden;
    width: 229px;
}

#footer_top {
    background: url("../../skin/frontend/default/asda/vhi/images/footer_top.png") no-repeat scroll center bottom transparent;
    display: block;
    font-size: 6px;
    height: 6px;
    width: 946px;
}

#footer_bot {
    background: url("../../skin/frontend/default/asda/vhi/images/footer_bot.png") no-repeat scroll center top transparent;
    display: block;
    height: 6px;
    margin-bottom: 10px;
    width: 946px;
}
/***

Right bar for vhi only **/
#member{
	background: #fff;
}

/** 

Breadcrumbs
==========================================================================================
**/
#pgBread{
display:none;
}

#alt-bread #navBreadcrumbs{
z-index:999;
margin-left: 0px;
}

	ol#navBreadcrumbs li {
    background: url("../../skin/frontend/default/asda/vhi/images/seperator_dblarrow.gif") no-repeat scroll 8px 16px transparent;
    float: left;
    line-height: auto;
    margin: 0;
    padding: 0 0 0 24px;
}

ol#navBreadcrumbs li.first {
    padding: 0;
}
/**

List Styles 
==========================================================================================
**/ 

#pgLeft .useful_links li {
    background: url("../../skin/frontend/default/asda/vhi/images/link_bg.png") no-repeat scroll left center #FFFFFF;
    border-bottom: 1px dotted #D3D3D3;
    list-style: none outside none;
    padding: 5px 0 5px 20px;
}

li.back_link {
    background: url("../../skin/frontend/default/asda/vhi/images/link_up_bg.png") no-repeat scroll left center #FFFFFF !important;
    font-size: 1.1em;
    font-weight: bold !important;
}


/***

Typography Overrides 
=============================================================================================
***/

li {
    font-size: 1em;
}

/** 
Button styles 
=============================================================================================
***/
#button_signin {
    background: url("../../skin/frontend/default/asda/vhi/images/sign_in_but.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-family: "Lucida Sans","Lucida Grande",sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    letter-spacing: -1px;
    margin: 0;
    overflow: hidden;
    padding: 0 0 3px 14px;
    width: 78px;
}

ul.contact_links li.mail_link {
    background: url("../../skin/frontend/default/asda/vhi/images/mail_icon.png") no-repeat scroll left center #FFFFFF;
}

ul.contact_links li.call_link {
    background: url("../../skin/frontend/default/asda/vhi/images/call_icon.png") no-repeat scroll left center #FFFFFF;
}

button.button {
    background: url("../../skin/frontend/default/asda/vhi/images/button_2_bg.png") no-repeat scroll 0 50% transparent;
    border: 0 none;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    padding: 0 0 0 12px;
    width: auto;
}

button.button span {
    background: url("../../skin/frontend/default/asda/vhi/images/span_2_bg.png") no-repeat scroll 100% 50% transparent;
    clear: left;
    color: purple;
    float: left;
    font: bold 11px/21px Arial,sans-serif;
    padding: 3px 22px 2px 10px;
    text-align: center;
    white-space: nowrap;
}

.product-solutions button.button , category-solutions button.button {
    background: url("../../skin/frontend/default/asda/vhi/images/button_2_bg.png") no-repeat scroll 0 50% transparent;
}

.product-solutions button.button span , category-solutions button.button span {
    background: url("../../skin/frontend/default/asda/vhi/images/span_2_bg.png") no-repeat scroll 100% 50% transparent;
}


.myaccount-group button.button, .checkout-group button.button {
     background: url("../../skin/frontend/default/asda/vhi/images/button_2_bg.png") no-repeat scroll 0 50% transparent;
}

.myaccount-group button.button span, .checkout-group button.button span {
    background: url("../../skin/frontend/default/asda/vhi/images/button_2_bg.png") no-repeat scroll 100% 50% transparent;

}

button.large-button, button.button.large-button 
,.product-solutions button.button.large-button, .category-solutions button.button.large-button
 {
    background: url("../../skin/frontend/default/asda/vhi/images/button_2_bg-large.png") no-repeat scroll 0 50% transparent;
    padding-left: 15px;
}

button.large-button span, button.button.large-button span {
    background: url("../../skin/frontend/default/asda/vhi/images/button_2_bg-large.png") no-repeat scroll 100% 50% transparent;
    color: #69207E;
    font-family: Arial,Sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    height: 35px;
    letter-spacing: -1px;
    padding-left: 20px;
    padding-right: 35px;
    padding-top: 16px;
}

.product-lens button.button.large-button, .category-lens button.button.large-button {
    	background: url("../../skin/frontend/default/asda/vhi/images/button_2_bg-large.png") no-repeat scroll 0 50% transparent;
	padding-left:15px;
}

.product-lens button.button.large-button span, .category-lens button.button.large-button span,
.product-solutions button.button.large-button span, .category-solutions button.button.large-button span
{
    background: url("../../skin/frontend/default/asda/vhi/images/button_2_bg-large.png") no-repeat scroll 100% 50% transparent;
}

button.large-button span, button.button.large-button span ,.product-lens button.button.large-button span, .category-lens button.button.large-button span {
    background: url("../../skin/frontend/default/asda/vhi/images/button_2_bg-large.png") no-repeat scroll 100% 50% transparent;
    color: #69207E;
    font-family: Arial,Sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    height: 35px;
    letter-spacing: -1px;
    padding-left: 20px;
    padding-right: 35px;
    padding-top: 16px;
}

.product-lens button.button.large-button span,
 .category-lens button.button.large-button span,
 .product-solutions button.button.large-button span,
 .category-solutions button.button.large-button span,
 .myaccount-group button.button.large-button span, .checkout-group button.button.large-button span {
    line-height: 1.2em;
}

.product-lens button.button.large-button span, .category-lens button.button.large-button span, .product-solutions button.button.large-button span, .category-solutions button.button.large-button span, .myaccount-group button.button.large-button span, .checkout-group button.button.large-button span {
    padding-right: 35px;
}

.myaccount-group button.button.large-button, .checkout-group button.button.large-button M
.cart .checkout-types button.button,
.product-lens button.button.large-button, .category-lens button.button.large-button, .product-solutions button.button.large-button, .category-solutions button.button.large-button, .myaccount-group button.button.large-button, .checkout-group button.button.large-button
,.category-eye-care button.button.large-button
,.product-eye-care button.button.large-button

{
    background: url("/../../skin/frontend/default/asda/vhi/images/button_2_bg-large.png") no-repeat scroll 0 50% transparent;
    padding-left: 15px;
}

.myaccount-group  button.large-button span, button.button.large-button span ,
.product-lens button.button.large-button span, .category-lens button.button.large-button span, .product-solutions button.button.large-button span, .category-solutions button.button.large-button span, .myaccount-group button.button.large-button span, .checkout-group button.button.large-button span 
,.product-lens button.button.large-button span, .category-lens button.button.large-button span, .product-solutions button.button.large-button span, .category-solutions button.button.large-button span, .myaccount-group button.button.large-button span, .checkout-group button.button.large-button span
,.myaccount-group button.button.large-button span, .checkout-group button.button.large-button span 
,	.product-lens button.button.large-button span, .category-lens button.button.large-button span, .product-solutions button.button.large-button span, .category-solutions button.button.large-button span, .myaccount-group button.button.large-button span, .checkout-group button.button.large-button span
,.myaccount-group button.large-button span, button.button.large-button span
,.category-eye-care button.button.large-button span
,.product-eye-care button.button.large-button span
{
    background: url("/../../skin/frontend/default/asda/vhi/images/button_2_bg-large.png") no-repeat scroll 100% 50% transparent;
    color: #69207E;
    font-family: Arial,Sans-serif;
    font-size: 1.2em;
    line-height:1.2em;
    font-weight: bold;
    height: 35px;
    letter-spacing: -1px;
    padding-left: 20px;
    padding-right: 35px;
    padding-top: 16px;
}

.checkout-group .cart #coupon_code {
	margin-bottom:5px;
}

#discount-coupon-form fieldset label {
	font-size: 1em;
}

/** Product listing pages 
================================================================================================
**/


table {
    margin: 0;
}

h4 {
	font-size:1em;
}

.catDescriptionBig{
	margin:0;
	height:auto;
}
#pgRight #pgCatDescription h2 {
    color: #69207E;
    font-family: arial,helvetica,sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-right: -13px;
    padding-left: 0;
    padding-top: 3px;
}
/**center the grid to make up fo the smaller contene**/
.prod-list-wrapper{
	/**width:600px;
	margin:0 auto;**/
}

.pgProductItemHold {
    float: left;
    padding: 0 25px 10px 0;
    position: relative;
    width: 142px;
}

.pgProductItemHold h3{
	font-size:1em;
}

.pgProductItemLens {
   	border: 1px solid #D8D8D8;
	border-radius: 5px;	
	padding-bottom:5px;
}

.pgProductItemBrand {
        border: 1px solid #D8D8D8;
	border-radius: 5px;
	padding-bottom:5px;
}

.pgProductItemSols {
    	border: 1px solid #D8D8D8;
	border-radius: 5px;
	padding-bottom:5px;
}

/**Product view page styles**/
#pgProdImage {
    	border: 1px solid #D8D8D8;
	border-radius: 5px;
    	height: 210px;
    	line-height: 210px;
    	text-align: center;
    	width: 210px;
}

#pgProdImageContainer {
    float: left;
    width: 215px;
}

#pgProdDesc {
    float: left;
    padding: 0 8px 0 6px;
    position: relative;
    width: 440px;
}

.select-qty-options {
    float: left;
    position: relative;
    width: 435px;
}


.reg-text {
	font-size: 1em;
}

td, address {
    font-size: 1em;
}
#pgProdDescOptions {
 	border: 1px solid #D8D8D8;
	border-radius: 5px;
	background:#F0F0F0;;
	float: left;
	margin: 8px 0 16px;
	padding: 16px 0 5px;
	position: relative;
	width: auto;;
}

.lens-product-detail td{
	background-color:none;
	background:none;
	border:none;

}
.lens-specification-table td {
	font-size:0.8em
}
.select-qty-options dd {
    border-bottom: 1px dashed #69207E;
}

.product-lens .place-your-order {
    	background: #69207E;
	color:#fff;
    	font-family: Tahoma,Arial,Sans-Serif;
    	font-size: 1em;
    	font-weight: bold;
	padding: 2px 10px;
}

#pgProd {
    width: auto;
}

#avail-desc {
    width: auto;
}

#pgProdDesc h1 {
    color: #69207E;
    font-family: arial,helvetica,sans-serif;
    font-size: 1.3em;
}

.select-qty-non-lens {
    background: none;
}



/***CMS Page styles 
==============================================================================
**/

.subcat h3 {
    font-size: 1.3em;
    font-weight: bold;
}
.subcat h3,  .subcat h5 {
    color: #69207E;
    font-family: arial,helvetica,sans-serif;
    letter-spacing: 0;
}

#pgLeft .subcat li , .subcat  li {
    background: url("../../skin/frontend/default/asda/vhi/images/link_bg.png") no-repeat scroll left center #FFFFFF;
    border-bottom: 1px dotted #D3D3D3;
    list-style: none outside none;
    padding: 5px 0 5px 20px;
}

#navBreadcrumbs  a:link,  #navBreadcrumbs a:visited {
    color: #E16A00;
    font-weight: normal;
}

.std p {
    color: #3C3C3C;
    font-size: 1em;
    margin: inherit;
    line-height: 1.3em;
}

#pgLeft ul li {
    background: none;
    padding: 0;
    width: auto;
}

#pgLeft ul {
    list-style: none outside none;
    margin: 0;
    width: auto;
}
/***
My Acoount stuff

====================================================================================================
**/

#pgRight .myaccount-group .parentpurple h2 {
    	color: #69207E;
    	font-weight: bold;
    	margin-bottom: 3px;
    	margin-top: 10px;
	border-bottom: 1px dotted #D3D3D3;
    	padding: 15px 0 5px;
	background:none;
	margin:0;
    	font-family: Arial,Helvetica,sans-serif;
	height:auto;
}
#pgRight .myaccount-group .parentpurple {
	padding: 0 13px 0 0;
	height: 35px;
   	margin-bottom: 10px;
}

#pgRight .myaccount-group .tint {
    	background:none;
    	color: #69207E;
    	display: block;
    	font-size: 1.3em;
    	font-weight: bold;
    	padding: 0 0 10px 0;
  	font-family: arial,helvetica,sans-serif;
}

.bordergrey {
    border:none;
    padding: 0;
}

.password-notice{
	display:none;
}

.asda-opt-in-msg{
	display:none;
}
.myaccount-group .customer-register-right .required, .myaccount-group .customer-register-right button-set{
	text-align:left;
}

.back-link {
    	font-size: 1.2em;
	font-family: Arial,Sans-serif;
}

.opc .step-title, #acc_nav #sub-sidenav-acc li.subopen, #acc_nav #sub-sidenav-acc li a.subopen, .block h3.my-account-head, .box h3.nav-checkout-head, .myaccount-group h2, .myaccount-group .h2-clone, .checkout-group h2, .checkout-group .h2-clone, .myaccount-group h3, .myaccount-group .h3-clone, .checkout-group h3, .checkout-group .h3-clone, .checkout-group h3.product-name a, .myaccount-group h3.product-name a {
    color: #69207E;
}

.myaccount-group .customer-register-right  .right {
    float: left !important;
}

#acc_nav #sub-sidenav-acc li {
    background: url("../../skin/frontend/default/asda/vhi/images/link_bg.png") no-repeat scroll left center #FFFFFF;
    border-bottom: 1px dotted #D3D3D3;
    list-style: none outside none;
    padding: 5px 0 5px 20px;
}



.category-title h1, .myaccount-group .parentpurple.page-title h1, .checkout-group .parentpurple.page-title h1, .myaccount-group .parentpurple h1, .checkout-group .parentpurple h1, .category-title h2, .myaccount-group .parentpurple.page-title h2, .checkout-group .parentpurple.page-title h2, .myaccount-group .parentpurple h2, .checkout-group .parentpurple h2, .myaccount-group .parentpurple h1, .myaccount-group .parentpurple h2 {
	background: none;
	font-family: Arial,Helvetica,sans-serif;
	height: auto;
	position: static;
	width: auto;
	color: #69207E;
	font-weight: bold;
	margin: 10px 0 3px 0;
	font-size: 15px;
	border-bottom: 1px dotted #D3D3D3;
	padding: 15px 0 5px;
	letter-spacing: 0;
	line-height: 1.34;
}

/** For VHI content has been hidden to avoid flashing of asda styles display content now after vhi styles are loaded  ***/
#pgCont.vhi{
	display:block;
}

