@charset "utf-8";
/* CSS Document */
#Header
{
	float: left;
	width: 725px;
	height: 104px;
	background: url('/images/Header.jpg');
}

#Header img { margin:45px 0 0 33px; }

#Header_fr
{
	float: left;
	width: 725px;
	height: 104px;
	background: url('/images/Header_fr.jpg');
}

#Header img { margin:45px 0 0 33px; }


#WelcomeBox
{
	float: left;
	position: relative;
	width: 725px;
	height: 192px;
	background: url('/images/EyeDeal.jpg');
}


#WelcomeText 
{
	position: absolute;
	/*float: left;*/
	width: 400px;
	right: 40px;
	top: 0px;
	text-align: right;
}


	/*#WelcomeText h1
	{
		font-size: 2.2em;
		padding: 0;
		margin: 0;
	}


	#WelcomeText p
	{
		font-size: .8em;
		padding: 0;
		margin: 0;
		color: #666;
	}*/


.ColouredSeperator 
{
	float: left;
	width: 725px;
	height: 10px;
	background: url('/images/ColouredStrip.gif');
	font-size: 0;
	line-height: 0;
}


.ContentContainer 
{
	float: left;
	width: 725px;
	background: url('/images/px_bg.gif');
	clear: both;
}
	.ContentContainer p, ul
	{
		line-height: 1.7em;
	}


	.ContentContainer .ContentContainerMargins 
	{
		padding: 1px 40px 1px 40px;
	}
	
	.ContentContainer .change-bullets {
		margin: 0px 0px 0px 15px;
		padding: 0px 0px 14px 3px;
		list-style-image: url(/images/bullet.gif);
		list-style-type: disc;
	}


	.ContentContainer hr
	{
		height: 1px;
		background: #34b3d1;
	}
	
	.ContentContainer p.ParagraphArrow
	{
		padding-left: 30px;
		background: url('/images/arrow_dkblu.gif') no-repeat left 2px;
	}
	
	.ContentContainer p.ParagraphPlus
	{
		padding-left: 30px;
		background: url('/images/bullet_Plus.gif') no-repeat left 2px;
	}
	
.RonImage 
{
	padding-top: 7px;
	padding-right: 15px;
}


.ModuleContainer 
{
	float: left;
	width: 725px;
	background: url('/images/px_bg.gif');
	clear: both;
}


	.ModuleContainer .ModuleContainerMargins 
	{
		padding: 0 0 0 18px;
	}


.Module1Column
{
	float: left;
	width: 345px;
	height: 142px;
	margin-top: 2px;
	background: url('/images/ModuleBackgroundGeneric.jpg');
}


	.AltBg1
	{
		background: url('/images/ModuleBackgroundAlt01.jpg');
	}
	
	.Module1ExtraMargin 
	{
		margin-left: 18px;
	}
	
	.Module1Column ul
	{
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
		margin-left: 20px;
	}


	.Module1Column ul li
	{
		margin: 0;
		padding: 0;
		font-size: 0.75em;
		font-weight: bold;
		color: #666;
		line-height: 17px;
		padding-left: 15px;
		background: url('/images/bulletTrans.gif') no-repeat left center;
	}


	.Module1Column h2
	{
		padding: 0;
		margin: 0;
		padding-left: 20px;
		padding-top: 10px;
		font-size: 1.3em;
		text-transform: lowercase;
	}
	
	


#Footer
{
	float: left;
	width: 725px;
	background: url('/images/footer.gif') no-repeat;
	padding: 23px 0 0 0;
}


#Footer p
{
	color: #666;
	font-size: 0.8em;
	padding: 5px 0 15px 25px;
}


/* Contact us form */
.ContactUs td
{
	vertical-align: top;
}
.ContactUs label
{
	font-size: 0.85em;
	color: Black;
}
.ContactUs p
{
	margin: 0;
	padding: 0;
}
.ContactUs .formfield
{
	font-size: 0.85em;
	width: 200px;
}
.ContactUs textarea
{
	font-family: Arial;
}




/* About us menu */
.AboutUsMenu 
{
	float: left;
	width: 725px;
	padding-top: 5px;
	background: url('/images/px_bg.gif');
}


.AboutUsMenu ul
{
	float: left;
	margin: 0;
	padding: 0;
	width: 677px;
	margin-left: 25px;
}


.AboutUsMenu ul li
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	margin-right: 30px;
}


.AboutUsMenu ul li a
{
	text-transform: lowercase;
	font-family: Trebuchet MS;
	padding-left: 13px;
	font-size: 0.85em;
	display: block;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	color: #132a70;
	background: url('/images/bulletTrans.gif') no-repeat left center;
}


.AboutUsMenu ul li a.Selected
{
	color: #454f9c;
}


.AboutUsMenu ul li a:hover
{
	color: #454f9c;
}


/* About us content menu */
.AboutUsContentMenu
{
	float: left;
	width: 233px;
}


.AboutUsContentMenu .CornersTop
{
	float: left;
	width: 233px;
	height: 13px;
	background: url('/images/About-Us-Menu/Corners_Top.gif');
	font-size: 0;
	line-height: 0;
}


.AboutUsContentMenu .CornersBottom
{
	float: left;
	width: 233px;
	height: 13px;
	background: url('/images/About-Us-Menu/Corners_Bottom.gif');
	font-size: 0;
	line-height: 0;
}


.AboutUsContentMenu .MenuContainer
{
	float: left;
	width: 225px;
	border: none;
	border-left: SOLID 1px #bababa;
	border-right: SOLID 1px #bababa;
	padding: 0 3px;
}


.AboutUsContentMenu .MenuContainer ul
{
	float: left;
	width: 225px;
	padding: 0;
	margin: 0;
	list-style: none;
}


.AboutUsContentMenu .MenuContainer ul li
{
	float: left;
	padding: 0;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 225px;
	border-top: SOLID 2px #b8ebfc;
}


.AboutUsContentMenu .MenuContainer ul li ul li
{
	border-top: none;
}


.AboutUsContentMenu .MenuContainer h3
{
	padding: 0;
	margin: 0;
	padding: 5px 0 5px 0;
	color: #132A70;
	font-size: 0.9em;
	text-transform: none;
	font-weight: bold;
	padding-left: 10px;
}


.AboutUsContentMenu .MenuContainer ul li p
{
	margin: 0;
	padding: 0;
	margin-left: 25px;
}


.AboutUsContentMenu .MenuContainer ul li a
{
}


.AboutUsContentMenu .MenuContainer ul li a.MainLink
{	
	float: justify;
	background: url('/images/arrow_dkblu.gif') no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
	margin-left: 0px;
	font-size: 0.9em;
	color: #132A70;
	font-weight: bold;
	text-decoration: none;
}


.AboutUsContentMenu .MenuContainer ul li a.SubLink
{
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	color: #999;
}


.AboutUsContentMenu .MenuContainer .Gradient
{
	float: left;
	background: url('/images/About-Us-Menu/Gradient_BG.jpg');
}


.AboutUsContentMenu .MenuContainer .Gradient2
{
	float: left;
	background: url('/images/About-Us-Menu/Help_BG.jpg') repeat-x;
}


/* Menu / Content Seperator */
.MenuContentSeperator 
{
	float: left;
	width: 725px;
	height: 18px;
	background: url('/images/MenuContentSeperator.gif');
	font-size: 0;
	line-height: 0;
}


/* Easy pack opening page */


.packopening-bullets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 0px 30px 10px 45px;
	padding: 0px;
	list-style-image: url('/images/easy-pack-opening/bullet.gif');
	list-style-type: disc;
}
.packopening-bg1 {
	background-color: #64A0D7;
	margin: 0px;
	padding: 10px;
}
.packopening-bg2 {
	background-color: #4B8CC8;
	margin: 0px;
	padding: 10px;
}
.packopening-bg3 {
	background-color: #64A0D7;
	margin: 0px;
	padding: 0px 10px;
}
.packopening-text1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #132A70;
	margin: 0px 0px 14px -10px;
	padding: 0px;
	width: 75%;
	font-weight: bold;
}
.packopening-number {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	background-image: url('/images/easy-pack-opening/packopening-numberbg.gif');
	background-repeat: no-repeat;
	background-position: center center;
	height: 15px;
	width: 15px;
	text-align: center;
	vertical-align: middle;
	margin: 0px -10px 0px 0px;
	padding: 0px;
	font-weight: bold;
}
.packopening-text2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px 0px 0px -10px;
	padding: 0px;
	width: 75%;
}
.packopening-img {
	border: 1px solid #CCCCCC;
	float: right;
}




.globalHomeheader
{
	font-family: Trebuchet MS, Verdana, Arial!important;
	font-size: 21px;
	font-weight: bold;
	color: #231F20;
	text-decoration: none;
	line-height: 24px;
	text-transform: lowercase;
}


.globalheader
{
	font-family: Trebuchet MS, Verdana, Arial!important;
	font-size: 20px;
	color: #34b3d1;
	text-decoration: none;
	line-height: 24px;
	text-transform: lowercase;
}


.globalheader2
{
	font-family: Trebuchet MS, Verdana, Arial!important;
	font-size: 16px;
	font-weight: bold;
	color: #231F20;
	text-decoration: none;
	line-height: 22px;
	text-transform: lowercase;
}


.text-blue {
	color: #4B8CC8;
}


/* Order form */
#contact-lens-info {
	float: left;
	border: none;
}
.text-small {
	font-size: 0.85em;
}
#contact-lens-info img {
	display: inline;
	clear: right;
	/*float: right;*/
}
#contact-lens-info table {
	clear: both;
	margin-bottom: 15px;
	width: 100%;
}
.order-pricetable {
	border-bottom: 1px solid #CCCCCC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin: 0px;
}
.order-pricetable .Price {
	font-size: 24px;
}


.OrderFormContainer h2 
{
	display: block;
	background: url('/images/h2-bg.gif') repeat-x;
	margin: 0;
	padding: 0 0 0 7px;
	margin: 10px 0 10px 0;
	line-height: 28px;
}


.OrderFormContainer .Small
{
	font-size: 0.8em;
}


.OrderFormContainer .ErrorMessage, .SummaryContainer .ErrorMessage
{
	font-size: 0.85em;
	font-weight: bold;
	color: Red;
}


.OrderFormContainer .Textbox
{
	width: 150px;
}


.OrderFormContainer input, .OrderFormContainer select
{
	font-size: 0.8em;
}


.BrandSelectContainer 
{
	width: 100%;
	float: left;
	clear: both;
}


	.BrandSelectContainer p.Instructions 
	{
		font-size: 0.85em;
	}


	.BrandSelectContainer .BrandSelect
	{
		float: left;
		width: 198px;
	}
	
		.BrandSelectContainer .BrandSelect .BrandList
		{
			width: 198px;
			height: 186px;
			font-size: 12px!important;
		}
	
		.BrandSelectContainer .BrandSelect p
		{
			padding: 0;
			margin: 0;
			font-size: 10px!important;
		}


	.BrandSelectContainer .BrandView
	{
		float: left;
		width: 440px;
		height: 210px;
		background: url('/images/brand-gradbg.gif') repeat-x;
		margin-left: 5px;
	}


		.BrandSelectContainer .BrandView p
		{
			padding: 0;
			margin: 0;
		}


		.BrandSelectContainer .BrandView p.BrandIntro
		{
			font-size: 0.8em;
			padding: 5px;
			font-weight: bold;
		}


		.BrandSelectContainer .BrandView p.DaysoftBrandName
		{
			font-size: 2em;
			padding-left: 25px;
			background: url('/images/brand-selection.gif');
			line-height: 40px;
			color: Black;
		}
		
.Price_Cell
{
    color: #3300ff;
}


.LensQuantityContainer 
{
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}


	.LensQuantityContainer .ChooseLensQuantity
	{
		float: left;
	}
	
		.LensQuantityContainer .ChooseLensQuantity .SupplyText
		{
			font-size: 1.5em;
		}
	
		.LensQuantityContainer .ChooseLensQuantity .PriceText
		{
			/*padding-left: 23px;*/
			font-size: 0.8em;
		}
		
	.LensQuantityContainer .LensPrice
	{
		position: absolute;
		top: 30px;
		right: 100px;
		margin-left: 80px;
		margin-top: 30px;
	}
	
	.LensQuantityContainer .LensPrice p.Price
	{
		font-size: 2em;
		color: Black;
		padding: 0;
		margin: 0;
	}
	
	.LensQuantityContainer .LensPrice p.Small
	{
		font-size: 0.8em;
		padding: 0;
		margin: 0;
	}
		
.LensPowerContainer 
{
	width: 100%;
	float: left;
	clear: both;
}


	.LensPowerContainer .ChooseLensPower
	{
		float: left;
		color: Black;
		width: 210px;
		font-size: 1.2em;
		font-weight: bold;
	}


	.LensPowerContainer .ChooseLensPower p
	{
		margin: 0;
		padding: 0;
	}


	.LensPowerContainer .ChooseLensPower select
	{
		font-size: 1em;
		font-weight: bold;
	}
	
	.LensPowerContainer .ChooseLensInstructions
	{
		float: left;
		height: 50px;
		padding-top: 25px;
	}
	
	
		
.ContactDetailsContainer 
{
	width: 100%;
	float: left;
	clear: both;
	background: url('/images/address-gradbg.gif') repeat-x bottom;
}


	.ContactDetailsContainer .SectionTitle
	{
		font-size: 0.85em;
		font-weight: bold;
		color: Black;
	}


	.ContactDetailsContainer label
	{
		float: left;
		font-size: 0.85em;
		width: 100px;
	}


	.ContactDetailsContainer .Name
	{
		width: 100%;
		float: left;
		clear: both;
		margin-left: 1%;
	}
	
		.ContactDetailsContainer .Name .Delivery
		{
			width: 45%;
			float: left;
		}
	
		.ContactDetailsContainer .Name .Billing
		{
			width: 55%;
			float: left;
		}


	.ContactDetailsContainer .Address
	{
		width: 100%;
		float: left;
		clear: both;
		margin-left: 1%;
	}
	
		.ContactDetailsContainer .Address .Delivery
		{
			width: 45%;
			float: left;
		}
	
		.ContactDetailsContainer .Address .Billing
		{
			width: 55%;
			float: left;
		}
		
		.ContactDetailsContainer .Address .SectionFooter
		{
			width: 100%;
			float: left;
		}


	.ContactDetailsContainer .Telephone
	{
		width: 100%;
		float: left;
		clear: both;
		margin-left: 1%;
	}


	.ContactDetailsContainer .Email
	{
		width: 100%;
		float: left;
		clear: both;
		margin-left: 1%;
	}


	.ContactDetailsContainer .Password
	{
		width: 100%;
		float: left;
		clear: both;
		margin-left: 1%;
	}
		
.TermsContainer 
{
	width: 100%;
	float: left;
	clear: both;
}


	.TermsContainer label
	{
		font-size: 0.85em;
	}


	.TermsContainer .SectionTitle
	{
		font-size: 0.85em;
		font-weight: bold;
		color: Black;
	}




		
.HowContainer 
{
	width: 100%;
	float: left;
	clear: both;
}


.ButtonContainer 
{
	float: left;
	width: 100%;
	clear: both;
	margin: 10px 0 10px 0;
}


	.ButtonContainer .FloatLeft
	{
		float: left;
	}


	.ButtonContainer .FloatRight
	{
		float: right;
	}


/* Order summary */
.SummaryContainer h2 
{
	display: block;
	background: url('/images/h2-bg.gif') repeat-x;
	margin: 0;
	padding: 0 0 0 7px;
	margin: 10px 0 10px 0;
	line-height: 28px;
}


.Opt-In-Box label
{
	font-size: 0.8em;
}


.Opt-In-Box input
{
	float: left;
}


.text-daysoft {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: lowercase;
	margin: 0px;
	padding: 0px;
	font-size: 2em;
	color: Black;
}
.text-large {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
	text-transform: lowercase;
}
.text-xsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-transform: none;
}
.text-upper {
	text-transform: uppercase;
}
td.ordsumm-prod, td.ordsumm-qty, td.ordsumm-val {
	font-size: 15px;
	font-weight: bold;
}
.ordsumm-grandtot-txt, .ordsumm-grandtot-val  {
	text-align: right;
	padding-bottom: 10px;
	color: #000000;
}
#ordsumm-totals .ordsumm-grandtot-txt  {
	font-size: 20px;
	font-weight: bold;
}
#ordsumm-totals .ordsumm-grandtot-val  {
	font-size: 24px;
	font-weight: bold;
}
#ordsumm-totals .ordsumm-qty {
	text-align: center;
}
#ordsumm-totals .ordsumm-val {
	text-align: right;
}
#ordsumm-totals th {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background-color: #132A70;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 10px;
	text-align: left;
	letter-spacing: 1px;
}
#ordsumm-totals td {
	padding: 15px 10px 3px;
	border-bottom: 1px solid #CCCCCC;
	height: 30px;
	vertical-align: baseline;
}
td.address-header {
	font-size: 0.95em;
	font-weight: bold;
	color: Black;
}
td.text-field-label {
	font-size: 0.9em;
}
td.text-field-output {
	font-size: 0.9em;
	color: Black;
}


/* Login form */
.LoginForm 
{
	float: left;
	width: 190px;
	font-size: 90%;
}


	.LoginForm .LoginHeader
	{
		float: left;
		width: 190px;
		line-height: 25px;
		background: url('/images/login_header.gif') no-repeat;
	}
	
		.LoginForm .LoginHeader p
		{
			padding: 0;
			margin: 0;
			color: White;
			font-weight: bold;
			padding-left: 8px;
			text-transform: lowercase;
		}


	.LoginForm .LoginBody
	{
		float: left;
		width: 190px;
		background: url('/images/login_bg.gif') repeat-y;
		font-size: 0.85em;
	}


		.LoginForm .LoginBody .ErrorMessage
		{
			padding: 0;
			margin: 0;
			padding: 0 5px 0 5px;
			font-size: 1em;
		}
		
		.LoginForm .LoginBody .Instructions
		{
			padding: 0;
			margin: 0;
			padding: 0 5px 0 5px;
			font-weight: bold;
			color: Black;
			text-transform: uppercase;
			line-height: 12px;
			word-spacing: -1px;
		}
		
		.LoginForm .LoginBody .FooterText
		{
			padding: 0;
			margin: 0;
			margin: -5px 5px 0 5px;
			border-top: solid 1px #bbb;
			line-height: 12px;
		}
		
		.LoginForm .LoginBody .Label
		{
			padding: 0;
			margin: 0;
			padding: 0 5px 0 5px;
			text-transform: uppercase;
			line-height: 12px;
		}
		
			.LoginForm .LoginBody .Label .Data
			{
				color: Black;
				text-transform: none;
			}
		
		.LoginForm .LoginBody .Input_Email
		{
			width: 175px;
			margin: 0;
			padding: 0;
			margin-left: 5px;
			font-size: 12px!important;
		}
		
		.LoginForm .LoginBody .Input_Password
		{
			width: 130px;
			margin: 0;
			padding: 0;
			margin-left: 5px;
			font-size: 12px!important;
		}
		
		.LoginForm .LoginBody .Input_Button
		{
			width: 40px;
		}
		
		.LoginForm .LoginBody .Input_Go
		{
			width: 40px;
			float: right;
			margin-right: 5px;
			font-size: 12px!important;
		}
		
		.LoginForm .LoginBody .Input_Cancel
		{
			width: 80px;
			float: right;
			margin-right: 5px;
		}
		


	.LoginForm .LoginFooter
	{
		float: left;
		width: 190px;
		height: 10px;
		background: url('/images/login_footer.gif') no-repeat;
	}


/* Admin */
.LoginStatus 
{
	float: left;
	width: 100%;
	background: #fffaaa;
}


.Order-Immediate 
{
	padding-top: 26px;
}


/* Info pages */
.info_page_list 
{
	padding: 0;
	margin: 0;
	list-style: none;
}


.info_page_list li
{
	float: left;
	padding: 0;
	margin: 0;
	margin-right: 10px;
}


.info_page_list li a
{
	display: block;
	padding-left: 10px;
	border-left: solid 1px #3c997d;
}


.info_page_list li a.selected
{
	font-weight: bold;
}


/* Easy Pack Video */
.EasyPackOpeningVideoContainer 
{
    position: absolute;
    display: none;
    width: 395px;
    height: 244px;
    background: #fff;
    border: solid 1px #000;
}


.EasyPackOpeningVideoContainer .WindowControls
{
    position: absolute;
    top: -12px;
    right: -12px;
}


.PackOpeningLink
{
    background: url('/images/Spyglass.png') no-repeat left center;
    margin-left: -17px;
    padding-left: 18px;
	text-decoration: none;
	color: #132a70;
	font-weight: bold;
}


.PackOpeningButton
{
    float: right;
    background: url('/images/PackOpenButton.png') no-repeat left center;
    width: 183px;
    height: 26px;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 26px;
	margin-top: 20px;
}


.PackOpeningButton:hover
{
    color: #ffffff;
}

/* Flag Picker Styles */
.aspLanguageChoice 
{
	width: 725px;
}

ul#flags 
{
	float: right;
	list-style:none;
	margin:0 12px 0 0;
	padding:0;
}
ul#flags li {
	float:left;
}
ul#flags li.text {
	font-size:11px;
	color:#666666;
}
ul#flags li.flag {
	margin:3px 0 0 3px;
}
ul#flags li img {
	border:0;
}