/* CSS Document */

/*
Highbury Main Blue 			#00bce4
Highbury paler blue for boxes #A9D7EA

*/
/*####### MAIN TEXT AND LINKS #######*/

a:link{
	color:#00bce4; text-decoration:none;
	}
 
a:visited {
	color:#00bce4; text-decoration:none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	text-decoration:underline;
	}

a:active {
	color:#A9D7EA;
	text-decoration:underline;
	}
	
a img {border: none; text-decoration:none }
/*####### END MAIN TEXT AND LINKS #######*/	


p ul ol{

font-family:Verdana, Arial, Helvetica, sans-serif;

}




/* ###### MAIN BODY ####### */
body{
	background-color:#FFFFFF;
	background-image:url(/includes/templates/highbury_template/images/background.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#mainWrapper{
	width:1024px;
	background:none;/*this is important so background shows up */
	
	border:none;
}

.centerColumn{
	/*margin-left:10px;*/
}


.home{
	text-align:center
}

.infoPages{
	text-align:left
}

#main-body h1 {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:24px;
	
}

#main-body {
  color: black;
  background-color: white;
  text-align: inherit;
  line-height: 1.5em;
}

#main-body p {
  margin: 1em 1ex 2em 1ex;
  padding: 0;
}

#main-body a {
  color: rgb(0,102,204);
  background-color: transparent;
  text-decoration: underline;
}

#main-body a:hover {
  text-decoration: none;
}

#main-body h3{
	font-size:100%;
	margin:3em 0 0 0;
	padding:0;
}

#main-body .topOfPage {/*NOT SURE IF THIS IS USED??? */
  color: white;
  background-color: transparent;
  font-size: 91%;
  font-weight: bold;
  text-decoration: none;
  margin: 2.5ex 1ex 0 0;  /* For MSIE */
  padding: 0;
  float: right;
}

#main-body > .topOfPage {/*NOT SURE IF THIS IS USED??? */
  margin: 2.75ex 1ex 0 0;  /* For fully standards-compliant user agents */
}

#main-body-left{
  text-align:left;
}
/* ###### END MAIN BODY ####### */


#navBreadCrumb {
	background:none;
}

#logoWrapperOuter {
	margin-top:20px;

}

#productMainImage {
  border:3px solid #00bce4;
	margin-right:10px;
	margin-top:15px;
	padding-top:15px;
	text-decoration:none;
	-webkit-border-radius: 2ex;
  -moz-border-radius: 2ex;
}

.imgLink {
  text-decoration:none;
	color:#00bce4;
	font-size:9px;
}

/******** BOF   INDEX HOME PAGE ***********/
.latestNewsBanner{
 text-align:left;
 /*width: 100%; */
 font-size: .9em; 
 background: #A9D7EA; 
 padding-left:10px;
 padding-right:10px;
 margin-top: 10px;
 margin-bottom:10px;
 

}
.latestNewsLink {
	width:150px;
}

.latestNewsLink a{
 font-size:14px;
 font-weight:bold;
 color:#333333;
 padding-left:5px;
 padding-right:10px;
}

.latestNewsLink a:hover{
  text-decoration:underline;
}

#newsheadlines {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:3px; /* this in conjunction with the javascript news ticker height control the centration of the news ticker */
	padding-left:15px;
	width:200px;
}

#newsheadlinesInner{
 width:400px;
}

.latestNewsHeadlines{
	width:400px;
}

.rssImage{
	margin-bottom:15px;
	float:right;
}


/** Warnings and Error messages */
.messageStackSuccess, .messageStackError, .messageStackWarning{
	background-color: #A9D7EA; 
	color:#000000;
	margin-top:2px;
	
	/*-webkit-border-radius: 2ex;
  -moz-border-radius: 2ex;*/
}

.messageStackSuccess img, .messageStackError img, .messageStackWarning img{
	padding-right:15px;
	padding-left:5px;
	padding-top:-5px;
}

/******** EOF  INDEX HOME PAGE ***********/


/* ###### Hours table #########*/
/*table.hours{
	width:145px;
	background-color: #FFFFFF;
	/*border: 1px solid rgb(153,153,153);
	border-collapse: collapse;
	border-spacing: 0px;*/
/*	text-align:center;
	padding:0px;
	margin:0px;	
} 

td.heading{
	background-color: #66FFFF;
	border: 1px solid rgb(153,153,153);
	font-family: Verdana;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
}

td.cell{ 
	border-bottom: 1px solid rgb(153,153,153);
	text-align: left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size:10px;
	color: #404040;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px;
}
/* ###### END Hours table #########*/

/* ###### twocoltext table #########*/
table.twocoltext{
	width:350px;
	background:none;
	border:none;
	border-collapse: collapse;
	text-align:center;
} 

.twocoltext td{ 
	text-align:left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #404040;
	padding-top: 6px;
	padding-bottom: 6px;
}

.twocoltext tr{
	vertical-align:top;
}
/* ###### END twocoltext table #########*/




/* ###### icon table #########*/
table.icontable{
	background:none;
	border:none;
	border-collapse: collapse;
	text-align:center;
	margin-left:10px;
} 

.icontable td{ 
	text-align:left;
	font-family: Verdana, sans-serif, Arial;
	font-weight: normal;
	font-size: 14px;
	color: #404040;
	padding-top: 6px;
	padding-bottom: 15px;
	padding-left:8px;
	padding-right:8px;
}

.icontable tr{
	vertical-align:top;
}
/* ###### END icon table #########*/




/* ###### ATTRIBUTES FOR ADIDAS INSERT #########*/
	
	#attributesArea {
	float:right;
	text-align:left;
	width:300px;
	}
	
	/* HACK for IE 6 ONLY */
	/** html {} #attributesArea {
	float:right;
	text-align:left;
	width:300px;
	}*/
	
	/* Hack for Others IE7 and modern browsers only */
	html>body #attributesArea {
	float:right;
	text-align:left;
	margin-right:95px; 
	width:300px;
	}
	
	#productAttributes table{
		/*padding-left:8px;*/
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	.prescriptionTableCells select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
/* ###### END ATTRIBUTES FOR ADIDAS INSERT #########*/




/* CSS for New contact lens products type */
/** THE PRODUCT INFO DISPLAY SIDE BOX, base, diam etc....*/
	.floatingBox {
	border:1px #00CCFF solid;
	list-style:none;

	}
	
	#newProductDetailsList{
	width:450px;

	}
	
	.newProductDetailsList{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:3px;
	height:100px;
	float:none;
	}
	
	#newProductDetailsList td{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;

	text-align:left;
	color:#999999;
	
	
	}
	
	.newProductDetailsHeading {
	font-weight:bold;
	font-size:10px;
	color:#00BCE4;
	}
	
	/*productQuantityDiscounts*/
	
	
	
	
	
	
	
	
	/* ATTRIBUTES */
	
	#attributesArea {
	float:left;
	text-align:left;
	width:300px;
	}
	
	/* HACK for IE 6 ONLY */
	/** html {} #attributesArea {
	float:right;
	text-align:left;
	width:300px;
	}*/
	
	/* Hack for Others IE7 and modern browsers only */
	html>body #attributesArea {
	float:left;
	text-align:left;
	margin-right:95px; 
	width:300px;
	}
	
	#productAttributes table{
		/*padding-left:8px;*/
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	.prescriptionTableCells select{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	}
	
	
	#productQuantityDiscounts table{
		/*border:1px #00BCE4 solid;*/
		width:260px;
		margin-top:2px;
		/*padding-bottom:1px;*/	
	}
	
	#productQuantityDiscounts h4{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
	
	
	/*Shopping Cart Display*/
#cartAdd {
	float: right;
	text-align: center;
	margin: 2px;
	border: 1px solid #00BCE4;
	padding: 2px;
	}	
	
/* END CSS for contact lens products */


/** MAIN PAGE INDEX TABLES and CENTRE BOXES */
#mainPageTable{
	width:770px;
	padding-top:10px;
}

.mainPageTableRow{
	vertical-align:top;
}

.mainPageTableData{
}

.centreBoxImage{
 border:none;
 width:367px;
 height:90px;
}

.leftpadding td{
	padding-left:10px;
}
.rightpadding td{
  padding-right:10px;
}
.bottompadding{
	padding-bottom:15px;
}

/** Inner article table */
.articleCentreBox{
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}

.articleCentreBox a{
	color:#00BCE4;
}


.articleCentreBoxTitleRow{

	font-size:17px;
}

.articleCentreBoxImageRow{
}

.articleCentreBoxTextRow{
	font-size:11px;
	text-align:justify;
}

.leftpadding{
	padding-left:6px;
}
.rightpadding{
  padding-right:6px;
}



.roundedCorners{
	-webkit-border-radius: 2ex;
  -moz-border-radius: 2ex;
}


/* ABOUT TABLE */

#aboutTableMainText{
	padding-bottom:15px;
	padding-right:35px;
}

#aboutTableHours {
	padding-left:25px;
}

#shophours td{
	padding-right:20px;
}


/* EZ - PAGES */

#navEZPagesTOCWrapper {
	width:250px;
	/*-webkit-border-radius: 2ex;
  -moz-border-radius: 2ex;*/
	border:1px solid #666666;
	margin-left:10px;
}

#ezPageDefault p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
}

#ezPageDefault ul li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#ezPageDefault ol li {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#ezPagesTOCHeading{
	color:#555555;
}

#navEZPagesTOC{
	font-weight:normal;
	font-size:12px;
}

#navEZPagesTOC ul li a{
	 text-decoration:none;
	 font-size:12px;
}

#currentEZpage a{
	font-weight:bold;
	color:#00bce4;
}

#nonCurrentEZpage a{
	font-weight:normal;
	color:#666666;
}

/*Thin border box */
.thinBorderBox{
  border:1px solid #00bce4; 
	margin:5px
}

/*white border for images */
.whiteBorder {
border:2px solid white;
}

/** Payment Options Table */
#paymentOptions{

	margin-right:10px;
}
.payment1{
	font-size:24px;
	padding:3px;
}
.payment2{
	font-size:15px;
	padding:3px;
}
.payment3{
	font-size:24px;
	padding:3px;
}
.payment4{
	font-size:36px;
	margin-left:30px;
	padding:3px;
}
.payment5{
	font-size:15px;
	color:#00bce4;
	padding:3px;
}
.payment6{
	font-size:48px;
	margin-left:60px;
	padding:3px;
}
.payment7{
	font-size:18px;
	padding:3px;
}
.payment8{
	font-size:30px;
	padding:3px;
}

.infoText{
	padding:10px;
}

.loginboxes {
	height:175px;
}
.loginbuttons{
 padding-top:55px;

}
.loginbuttons2{
 padding-top:40px;

}

label.inputLabel {
	width:20em;
}