@charset "UTF-8";
/*@import url("typography.css");*/
/* CSS Document */


/*COLOURS USED

Blue #0083D7 - home/ cotact us
Cyan #555F9A - eye wear
Yellow #FFF100 - helpful hints
Magenta #DC0067 - about us
Red #E20A16 - special offers
Orange #ECEE01 - eye care
*/





/*****TAGS*****/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	margin:0px;
	padding:0px;
	background-image:url(/img/nav/background.jpg);
	background-repeat:repeat-x;
}

h2{
	margin:10px 0px;
}

h3{
	margin:10px 0px;
	border-bottom:1px dotted #333333;
	color:#333333;
	padding:0px 0px 5px 0px;
	width:350px;
}



a:link, a:visited{
	color:#99FF00;
}

a img{
	border:0;
}

 a:hover{
	color:#555F9A;
	border:0;
}

.section2 a:hover{
	color:#FFF100;
}

.section3 a:hover{
	color:#DC0067;
}

.section4 a:hover{
	color:#0083df;
}

.section5 a:hover{
	color:#ECEE01;
}




/*****CONTAINER*****/

#container{
	width:780px;
	margin:10px auto 0px auto;
	min-height:200px;
	background-image:url(/img/nav/containerBack.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#181512;
	
}

#containerBase{
	width:780px;
	height:39px;
	margin:0px auto;
	display:block;
	background-image:url(/img/nav/footerBack.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}
/*home*/
.home h1, .home .strapColor{
	color:#0083D7;
}

.home #rightContent{
	background-color:#FFFFFF;
	background-image:url(/img/nav/homeBack.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

.home strong{
	color:#000000;
	padding:10px 0px;
	display:block;
}


.home #rightContent h1{
	padding:20px 0px 0px 0px;
	
}

.home #navigation a:hover{
	color:#0083D7;
}

/*store*/



.store h1, .store .strapColor{
	color:#555F9A;
}

.store h1 a{
	color:#000000;
	text-decoration:none;
}

.store #rightContent{
	background-color:#FFFFFF;
	background-image:url(/img/images/defaultBack.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	color:#000000;

}

.store strong{
	
	color:#555F9A;
}

.store #navigation a:hover{
	color:#555F9A;
}


/*1 (eyecare)*/
.section1 h1, .section1 .strapColor{
	color:#ECEE01;

}

.section1 #rightContent{
	background-color:#333333;
	color:#FFFFFF;
	font-size: 1.2em;
	line-height: 1.4em;
}

.section1 .health{
	background-color:#333333;
	background-image:url(/img/images/eyeHealth.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

.section1 .glasses{
	background-color:#333333;
	background-image:url(/img/images/eyetestsBack.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

.section1 .contacts{
	background-color:#333333;
	background-image:url(/img/images/contactlensesBack.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}


.section1 .subNav a:hover{
	color:#ECEE01;
}

.section1 strong{
	color:#ECEE01;
}

.section1 #navigation a:hover{
	color:#ECEE01;
}


.section1 #rightContent ul{
	padding:0px;
	margin:0px 0px 0px 30px;
	
}

.section1 #rightContent li{
	padding:0px;
	margin:0px 0px 0px 0px;
}







/*4 (about us)*/
.section4 h1, .section4 .strapColor{
	color:#DC0067;
}

.section4 #rightContent{
	background-color:#FFFFFF;
	background-image:url(/img/images/aboutUsBack.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#000000;
}

.section4 .subNav a:hover{
	color:#DC0067;
}

.section4 strong{
	
	color:#DC0067;
}

.section4 #navigation a:hover{
	color:#DC0067;
}


/*specials*/
.specials h1, .specials .strapColor{
	color:#E20A16;
}

.specials h2{
	color:#FFFFFF;
}

.specials #rightContent{
	background-color:#FFFFFF;
	background-image:url(/img/images/defaultBack.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	color:#000000;
}

.specials #navigation a:hover{
	color:#E20A16;
}


/*contacts*/
.section5 h1, .section5 .strapColor{
	color:#0083D7;
}

.section5 #rightContent{
	background-color:#6CACD9;
	background-image:url(/img/images/sunglassesBack.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	color:#000000;
}

.section5 strong{
	color:#000000;
	padding:10px 0px;
	
}

.section5 img{
	margin:5px 0px;
}

.section5 #navigation a:hover{
	color:#0083D7;
}


.colourList{
	font-size:1em;
	font-weight:bold;
}


/***rightContent Styles***/
#rightContent{
	width:380px;
	min-height:308px;
	padding:25px 10px 10px 130px;
	float:right;
	font-size: 1.2em;
	line-height:2em;
	
	
}

* html #rightContent{
	width:380px;
	padding:25px 10px 10px 90px;
}

/*#rightContent p{
	font-size:1.1em;
	line-height:1.3em;
}
*/
#rightContent strong {
	
}


/*#rightContent p, #rightContent li{
	font-size:1.2em;
}*/


*html #rightContent{
	height:308px;
}

#rightContentNoPadding{
	width:500px;
	min-height:308px;
	he/**/ight:308px;
	padding:25px 10px 10px 10px;
	float:right;
	font-size:1.2em;
	line-height:2em;
}

/*.rightContent{
	font-size:0.9em;
	line-height:1.2em;
}*/

.rightHeaderText{
	font-size:1.2em;
	font-weight:bold;
}

#rightContent h1, #rightContentNoPadding h1{
	font-size:1.4em;
	margin:20px 0px 10px 0px;
	width:420px;
}


.rightWhite{
	background-color:#FFFFFF;
	color:#000000;
}

.rightDefault{
	background-color:#FFFFFF;
	background-image:url(/img/images/defaultBack.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	color:#000000;
	padding-top:50px;
}




/*****MAST*****/

#mast{
	width:740px;
	margin:10px auto;
	padding:20px 0px 0px 0px;
	color:#FFFFFF;
	
}

#mast p{
	margin:0px;
}

#logo{
	background-image:url(/img/nav/logo.gif);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	padding-top:77px;
	height:0px!important;
	height /**/:77px;
	float:right;
	width:101px;
}


a.appointmentButton{
	background-image:url(../img/images/book.gif);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	padding-top:20px;
	height:0px!important;
	height /**/:20px;
	width:168px;
}

a:hover.appointmentButton{
	background-image:url(../img/images/bookOn.gif);
	background-repeat:no-repeat;
}

.stapText{
	font-size:2.2em;
}

.stapColorBlue{
	color:#0083D7;
}

/***Navigation***/

#navigation{
	margin:50px 0px 30px 0px;
}

#navigation ul{
	margin:0px;
	padding:0px;
	
}

#navigation li{
	display:inline;
	padding:0px 10px 0px 0px;
	font-size: 1.4em;
	
}

#navigation a:link, #navigation a:visited {
	color:#FFFFFF;
	text-decoration:none
}


/*****CONTENT*****/
#content{
	width:740px;
	margin:10px auto 0px auto;
	position:relative;
}


/******SUB NAV******/
.subMenu{
	width:210px;
	
	
	/*background-color:#009999;*/
}

.subMenu h1{
	
}

* html .subMenu{
	width:190px;
}


.subMenu img{
	margin:0px 0px 10px 0px;
	width:205px;
}


* html .subNav{
	background-image:url(/img/nav/subMenu.gif);
	background-repeat:repeat-y;
	width:200px;
	
	display:block;
}


.subNav{
	background-image:url(/img/nav/subMenu.gif);
	background-repeat:repeat-y;
	width:210px;
	display:block;
}

.subNav h1{
	
	padding:10px 0px 0px 20px;
	margin:0px;
}


.subNav ul{
	
	color:#FFFFFF;
	padding:10px 0px 0px 20px;
	margin:0px;
}

.subNav li{
	list-style-type:none;
	padding:5px 0px;
	font-weight:bold;
	font-size: 1.2em;
}

.subNav li li{
	list-style-type:circle;
	font-size:0.8em;
	padding:2px 0px;
	font-weight:bold;
}

.subNav a:link, .subNav a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

.subNav a:hover{
	color: #0083D7;
}

#subMenuBottom{
	background-image:url(/img/nav/subMenuBottom.gif);
	background-repeat:no-repeat;
	width:210px;
	height:20px;
	display:block;
	
}


* html #subMenuBottom{
	background-image:url(/img/nav/subMenuBottom.gif);
	background-repeat:no-repeat;
	width:200px;
	height:20px;
	display:block;
}






/***Home Features***/

a#lensesFeature{
	background-image:url(/img/nav/contactLensesFeature.jpg);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	padding:30px 60px 10px 10px;
	height:84px!important;
	width:107px;
	float:left;
	font-size:1em;
	line-height:1.2em;
	color:#FFFFFF;
	text-decoration:none;
	margin:0px 0px 10px 0px;
}

a:hover#lensesFeature{
	background-image:url(/img/nav/contactLensesFeatureOn.jpg);
	background-repeat:no-repeat;
	color:#ECEE01;
}

a#spectaclesFeature{
	background-image:url(/img/nav/spectaclesFeature.jpg);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	padding:30px 60px 10px 10px;
	height:84px!important;
	width:107px;
	float:left;
	font-size:1em;
	line-height:1.2em;
	color:#FFFFFF;
	text-decoration:none;
	margin:0px 0px 10px 0px;
}

a:hover#spectaclesFeature{
	background-image:url(/img/nav/spectaclesFeatureOn.jpg);
	background-repeat:no-repeat;
	color:#ECEE01;
}

a#sunglassesFeature{
	background-image:url(/img/nav/sunGlasssFeature.jpg);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	padding:30px 60px 10px 10px;
	height:84px!important;
	width:107px;
	float:left;
	font-size:1em;
	line-height:1.2em;
	color:#FFFFFF;
	text-decoration:none;
	margin:0px 0px 10px 0px;
}

a:hover#sunglassesFeature{
	background-image:url(/img/nav/sunGlasssFeatureOn.jpg);
	background-repeat:no-repeat;
	color:#ECEE01;
}


a#appointmentFeature{
	background-image:url(/img/nav/appointmentFeature.jpg);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	padding:30px 60px 10px 10px;
	height:84px!important;
	width:107px;
	float:left;
	font-size:1em;
	line-height:1.2em;
	color:#FFFFFF;
	text-decoration:none;
	margin:0px 0px 10px 0px;
	
}

a:hover#appointmentFeature{
	background-image:url(/img/nav/appointmentFeatureOn.jpg);
	background-repeat:no-repeat;
	color:#ECEE01;
}


/*****EYE TEST FLASH*****/
a:link#eyeTestFlash, a:visited#eyeTestFlash{
	background-image:url(/img/nav/eyeTestFlash.gif);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	padding-top:90px;
	height:0px!important;
	height /**/:90px;
	width:90px;
	position:absolute;
	right:-12px;
	top:-32px;
}

a:hover#eyeTestFlash{
	background-image:url(/img/nav/eyeTestFlashOn.gif);
	background-repeat:no-repeat;
}



/*****Specs*****/
.glassesRow{
	height:120px;
	margin:0px 0px 10px 0px;
}

.specHolder{
	width:152px;
	display:block;
	background-color:#FFFFFF;
	padding:5px;
	margin:0px 20px 30px 0px;
	color:#000000;
	float:left;
	border:1px solid #CCCCCC;
}

.specHolder img{
	width:150px;
	
	display:block;
	padding:0px 0px 5px 0px;
	/*border:1px solid #CCCCCC;*/
}

.specDetails{
	border:1px solid #CCCCCC;
	padding:5px 0px 5px 5px;
	font-size:1em;
	width:145px;
	font-weight:bold;
}

.specDetails a:link, .specDetails a:visited{
	color:#000000;
	text-decoration:none;
	
}

.specDetails a:hover{
	color:#0083df;
}



.model{
	font-weight:bold;
	color:#0083D7;
}

.smallDescription{
	margin:5px 0px 5px 0px;
	display:block;
	font-size:0.9em;
}

.largeGlasses{
	border:1px solid #999999;
}

.blueText{
	color:#0083D7;
}

.blueText a{
	color:#0083D7;
	text-decoration:none;
}

.noshow{
	height: 0;
	overflow: hidden;
}

ul.colourList{
	margin:0px;
	padding:0px;
}

.colourList li{
	padding:0px 2px 0px 2px;
	margin:0px;
	list-style-type:none;
	display:inline;
}

/*****FOOTER*****/
#footer{
	width:780px;
	margin:10px auto;
	font-size:0.8em;
	text-align:right;
}



/*****SPECIAL OFFERS*****/


.manOfferHome{
	background-image: url(../img/images/manFeatureHome.jpg);
	background-repeat:no-repeat;
	width:190px;
	display:block;
	color:#000000;
	background-color: #07CDCD;
	margin:0px 0px 10px 0px;
	padding:10px 10px 10px 10px;
	font-size:1.2em;
	border:1px solid #FFFFFF;
	position:relative;
}

.womanOfferHome, .sunglassesOfferHome {
	background-image: url(../img/images/womanFeatureHome.jpg);
	background-repeat:no-repeat;
	width:190px;
	display:block;
	color:#000000;
	background-color: #07CDCD;
	margin:0px 0px 10px 0px;
	padding:10px 10px 10px 10px;
	font-size:1.2em;
	position:relative;
	border:1px solid #FFFFFF;
}
.contactOfferHome{
	background-image: url(../img/images/contactFeatureHome.jpg);
	background-repeat:no-repeat;
	width:190px;
	display:block;
	color:#000000;
	background-color: #9E9C9D;
	margin:0px 0px 10px 0px;
	padding:10px 10px 10px 10px;
	font-size:1.2em;
	position:relative;
	border:1px solid #FFFFFF;
}

/*.contactOfferHome a, .womanOfferHome a, .manOfferHome a, .womanOffer a, .manOffer a, .contactOffer a{
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	padding:2px;
	border:1px solid #000000;
	background-color:#FFFFFF;
}

.contactOfferHome a:hover, .womanOfferHome a:hover, .manOfferHome a:hover, .womanOffer a:hover, .manOffer a:hover, .contactOffer a:hover{
	color:#0083D7;
	background-color:#000000;
	font-weight:bold;
}*/


.contactOfferHome a, .womanOfferHome a, .manOfferHome a, .womanOffer a, .manOffer a, .contactOffer a, .sunglassesOfferHome a, .sunglassesOffer a{
	background-image:url(/img/nav/moreInfo.gif);
	background-repeat:no-repeat;
	display:block;
	overflow:hidden;
	padding-top:20px;
	height:0px!important;
	height /**/:20px;
	width:128px;
}

.contactOfferHome a:hover, .womanOfferHome a:hover, .manOfferHome a:hover, .womanOffer a:hover, .manOffer a:hover, .contactOffer a:hover, .sunglassesOfferHome a:hover, .sunglassesOffer a:hover{
	background-image:url(/img/nav/moreInfoOn.gif);
	background-repeat:no-repeat;
}



.womanOffer ul, .manOffer ul, .contactOffer ul, .sunglassesOffer ul{
	padding:0px;
	margin:0px 0px 0px 10px;
}


/*.womanOffer li, .manOffer li, .contactOffer li{
	padding:-5px 0px -5px 0px;
	margin:0px;
}*/

.contactOfferHome, .womanOfferHome, .manOfferHome, .sunglassesOfferHome{
	font-size:1.2em;
	position:relative;
}

.contactOfferHome h1, .womanOfferHome h1, .manOfferHome h1, .sunglassesOfferHome h1{
	color:#000000;
	font-weight:bold;
	font-size:1.4em;
	margin:0px 0px 10px 0px;
}

.womanOfferHome h1, .womanOfferHome{
	color:#FFFFFF;
}

.manOffer{
	background-image: url(../img/images/manFeature.jpg);
	background-repeat:no-repeat;
	width:248px;
	display:block;
	color:#000000;
	background-color: #07CDCD;
	margin:0px 0px 20px 0px;
	padding:10px 10px 10px 220px;
	font-size:1.1em;
	min-height:150px;
	position:relative;
}

* html .manOffer{
 height:150px;
 }

.womanOffer{
	background-image: url(../img/images/womanFeature.jpg);
	background-repeat:no-repeat;
	width:248px;
	display:block;
	color:#000000;
	background-color: #07CDCD;
	margin:0px 0px 20px 0px;
	padding:10px 10px 10px 220px;
	font-size:1.1em;
	min-height:284px;
	position:relative;
}

* html .womanOffer{
 height:150px;
 }

.contactOffer{
	background-image: url(../img/images/contactenFeature.jpg);
	background-repeat:no-repeat;
	width:248px;
	display:block;
	color:#000000;
	background-color:#D2D4CF;
	margin:0px 0px 20px 0px;
	padding:10px 10px 10px 220px;
	font-size:1.1em;
	min-height:150px;
	position:relative;
}

* html .contactOffer{
 height:150px;
 }


.sunglassesOffer{
	background-image: url(../img/images/sunFeature.jpg);
	background-repeat:no-repeat;
	width:248px;
	display:block;
	color:#000000;
	background-color: #6CACD9;
	margin:0px 0px 20px 0px;
	padding:10px 10px 10px 220px;
	font-size:1.1em;
	min-height:150px;
	position:relative;
}

* html .sunglassesOffer{
 height:150px;
 }


.contactOffer h2, .womanOffer h2, .manOffer h2, .sunglassesOffer h2{
	font-size:1.4em;
	line-height: 1.5em;
	color:#000000;
}

/*.price{
	border:1px solid #FFF;
	background-color: #000;
	padding:5px;
	position:absolute;
	bottom:10px;
	right:10px;
	font-size: 1.2em;
	font-weight: bold;
	color:white;
}*/


.price{
	padding:10px 10px 10px 10px;
	float:right;
	font-size: 2.6em;
	font-weight: bold;
	color:black;
	width:80px;
	text-align: center;
	line-height:1em;
	margin:0px 10px 10px 30px;
}


.priceHome{
	padding:0px 30px 8px 5px;
	float:right;
	font-size: 2.2em;
	font-weight: bold;
	color:black;
	width:40px;
	text-align: right;
	line-height:1em;
}


/*****CONTACT FORM*****/
#contactForm{
	width:250px;
	
	margin:20px 10px 10px 0px;
	font-size:1em;
	position:relative;
	border:#999999 solid 1px;;
	background-color:#FFFFFF;
	padding:10px;
}

#contactForm label{
	display:block;
	height:30px;
	font-weight:bold;
}


#contactForm label input, #contactForm label textarea, #contactForm label select {
	float:right;
	border:1px solid #999999;
	width:150px;
	
}

.contactSubmit{
	position:absolute;
	bottom:20px;
	right:10px;
	margin:0px 0px 0px 0px;
	border:1px solid #000000;
	background-color:#0083D7;
	color:#FFFFFF;
}

/*****APPOINTMENT FORM*****/

.error{
	color:red;
	font-size:0.8em;
}

#appointmentForm{
	height:550px;
	font-size:1.2em;
	position:relative;
	border:#999999 solid 1px;;
	background-color:#FFFFFF;
}

#appointmentForm h2{
	font-size:1em;
}

#appointmentForm p{
	margin:0px;
}

#appointmentForm label{
	display:block;
	height:25px;
}

#appointmentForm label input, #appointmentForm label textarea{
	width:100px;
	border:1px solid #999999;
	float:right;
}

#appointmentForm select{
	font-size:1em;
	border:1px solid #999999;
	margin:8px 0px;
}

#appointmentLeft{
	width:210px;
	padding:10px 10px 10px 10px;
	position:absolute;
	top:10px;
	left:10px;
	font-weight:bold;
	background-color:#80BEE5;
	border:1px solid #CCCCCC;
	

}

#appointmentRight{
	position:absolute;
	top:10px;
	right:10px;
	width:210px;
	padding:0px 10px 10px 10px;
	background-color:#80BEE5;
	border:1px solid #CCCCCC;
	font-size:0.9em;
	

}

#appointmentForm form{
	margin:0px;
}

.appointmentSelectHolder{
	margin:2px 0px;
	
}

.appointmentSubmit{
	border:1px solid #000000;
	background-color:#0083D7;
	color:#FFFFFF;
}


.selectFloatRight{
	float:right;
}

small{
	font-size:0.75em;
}

/*.backTintBlue{
	background-color:#ECEE01;
	padding:2px;
	margin:0px 0px 10px 0px;
}*/


/*Fixes the auto height for in Firefox on the container div when it containes floating elements. Apply style to the containing div*/	
.addClear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

* html .addClear {height:1%;}

.addClear {display:inline-block;} 
/* Hide from IE Mac \*/ 
.addClear {display:block;} 
/* End hide from IE Mac */ 




/*****ADMIN SYSTEM*****/

table{
	background-color:#FFFFFF;
	font-size:1em;
	width:100%
}

td, th{
	padding:10px;
	text-align:left;
	border-bottom:1px dotted #999999;
}




.adminDefault {
	padding:0px;
	/*border:1px solid #FF0000;*/
}

.adminDefault h2{
	color:#FFFFFF;
	font-size:1.2em;
}

.adminDefault a{
	color:#0083D7;
	font-weight:bold;
	text-decoration:none;
}

.adminDefault a:hover{
	color:#FFFF00;
}


.adminDefault input, .adminDefault textarea, .adminDefault select{
	border:1px solid #000000;
	color:#000000;
	
	width:300px;
}

label{
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	margin:10px 0px;
}

.adminDefault .submit input{
	margin:10px 0px;
	width:70px;
}

.adminDefault ul{
	float:right;
}

.adminDefault li{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

.login h2{
	color:#FFFFFF;
	font-size:1.2em;
}

.login label{
width:100px;

}

.login input{
border:1px solid #000000;
}


#logos{
	
}

.logos img{
	margin-bottom:0px;
	border:1px solid #CCCCCC;
}

#logoRight{
	float:right;
	width:130px;
}

#logoLeft{
	width:130px;
}

/*****blueprint*****/
/* typography.css */

h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#111;}
h1 {font-size:2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.2em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1em; font-size:1.2em; line-height:1.4em;}
/*p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}*/
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#62666D;}
a {color:#1E1E1D;text-decoration:underline; font-weight:bold;}

blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 0;}
ul, ol {margin:0 1.5em 1.5em 0; font-size:1.2em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}