/*
Title:			Ludlow College 
Description:	CSS Redesign For 2010
Author:			Visualcode Limited
Date: 			09.12.09
Version:		3.0
*/


/*
Colour Palette
dk Green:#3D541C; lt Green:#808f38; Grey:#333; lt Grey:#ECECEC;
*/

body {
	background:#FFF;
	font:13px/18px "trebuchet ms", tahoma, Geneva, Verdana, Tahoma, Arial, sans-serif;
	color:#333;
	margin:0;
	padding:0;
	}

input, 
button, 
select, 
textarea {
	font-family: "trebuchet ms", tahoma, Geneva, Verdana, Tahoma, Arial, sans-serif;
	color:#333;
	font-size:0.8em;
	}
	
a:link {
	color: #808f38;
	text-decoration: none;
}

a:visited {
	color: #808f38;
	text-decoration: none;
}

a:active {
	color: #3D541C;
	text-decoration: none;
}

a:hover {
	color: #3D541C;
	text-decoration: none;
}
	
h1 {
	font-size: 2em;
	color:#3D541C;
	font-weight:normal;
	margin:0 0 15px 0;
	padding:5px 0 10px 0;
	border-bottom:#808f38 solid 1px;
	line-height:normal;
	}

h2 {
	font-size: 1.7em;
	color:#808f38;
	font-weight:normal;
	margin:5px 0;
	padding:0;
	line-height:normal;
	width: auto;
	font-style: normal;
	}

h2.titleaah,
h2.title1619voc,
h2.title16191yr,
h2.titlepthealth,
h2.titleptvocational,
h2.titleftaccess,
h2.titleftbus,
h2.titlenews,
h2.titlebustimetables{
	font-size: 2em;
	color: #3D541C;
	font-weight:normal;
	margin:0 0 20px 0;
	padding:0;
	line-height:normal;
	}

h3 {
	font-size: 1.5em;
	color:#666;
	font-weight: normal;
	margin:0;
	margin-top:15px;
	padding:0;
	line-height:normal;
	}

small {
	color:#999;
	padding-top:5px;
	}

hr {
	border: none;
	border-top: 1px solid #3D541C;
	height: 1px;
	margin: 8px auto;
	padding: 0;
	color:#FFF;
	}

a img{border:none;}
	
/* Xinha Table Layout */

table {
	margin:0; 
	padding:0; 
	border-collapse:collapse; 
	border-spacing:0px;
	width:98% !important;
	}

table td{
	font-family: tahoma, arial, sans-serif;
	color:#403F3F;
	border:1px solid #ebebeb;
	padding:5px;
	font-size:1em;
	}

/* ______________________ Start Layout ______________________ */


/*
Colour Palette
dk Green:#3D541C; lt Green:#808f38; Grey:#333; lt Grey:#ECECEC;
*/

#headContainer{
	background:#3D541C url(images/containerBack.png) no-repeat center top; 
	border-bottom:#808f38 solid 5px;
	height:150px;
	}

#header {
	width:940px;
	margin:0px auto;
	padding:0px 0 0 0;
	background:url(images/ludlowBox.gif) no-repeat center 38px;
	color:#FFF;
	}

#Logo {
	width:220px;
	height:105px;
	background:url(images/llogo.png) no-repeat 0 10px;
	}

#printLogo {
	display:none;
	position:absolute;
	left:-1300px;
	top:-1300px;
	}

#strap {
	float:right;
	text-align:right;
	clear:right;
	color:#FFF;
	padding:15px 0px 0px 0px;
	}

#strap H2 {
	font-size:1.4em;
	font-weight:bold;
	display:inline;
	color:#FFF;
	}
/* ______________________ Start Top Navigation ______________________ */


#Top {
	height:40px;
	float:right;
	width:450px;
}

#Top ul{
	margin: 0px 0px 0 0 ;
	padding: 0;
	list-style:none;
	font-size:80%;
}

#Top li {
	margin-left:0px;
	padding:10px 5px 0 5px;
	border-right:#808f38 solid 1px;
	list-style:none;
	display:inline; 
	text-align:center; 
	display:block;
	float:right;
}

#Top li.end {
	border-right:none;
	padding-right:0;
	}

#Top a:link {
	color:#FFF;
	text-decoration: none;
}

#Top a:visited {
	color:#FFF;
	text-decoration: none;
}

#Top a:active {
	color:#FFF;
	text-decoration: none;
}

#Top a:hover {
	color: #808f38;
	text-decoration: none;
}
	
/* ______________________ Start Navigation ______________________ */

/*
Colour Palette
dk Green:#3D541C; lt Green:#808f38; Grey:#333; lt Grey:#ECECEC;
*/

	
#Navigation a:link {
	color: #FFF;
	text-decoration: none;
	
}

#Navigation a:visited {
	color: #FFF;
	text-decoration: none;
}

#Navigation a:active {
	color: #808f38;
	text-decoration: none;
}

#Navigation a:hover {
	color: #808f38;
	text-decoration: none;
}

#NavWrapper {
	width:940px;
	height:30px;
	margin:0px auto;
	clear:both;
	padding-top:10px;
	}

#Navigation {
	height:30px;
	position: absolute;
	padding-top:5px;
	padding-left:10px;
	}

#Navigation ul {
	margin:0;
	padding: 0;
	list-style:none;
	border-right:#FFF solid 1px;
	position:relative;
	font-size:90%;
}

#Navigation li {
	margin-left:0px;
	padding:5px 3px 5px 3px;
	border-right:#808f38 solid 1px;
	list-style:none;
	display:inline;
	height:20px; 
	text-align:center; 
	display:block;
	width:80px;
	float:left;
	font-weight:bold;
	position:relative;
	font-size:11px;
	}

#Navigation li#nNews{width:50px;}
#Navigation li#nEmployers{width:150px;}
#Navigation li#nInternational{width:160px; border-right:none;}
#Navigation li.start{border-left:0 !important;}
#nHome{border-left:0 !important;}
#Navigation li.end{border-right:0 !important;}
#nContact{}

#Navigation a:hover,
#Navigation li:hover a,
#Navigation li.mnhover a {
	background: none !important;
}

#Navigation li ul {
	background: transparent url(images/navBackDrop.png) no-repeat left bottom;
	left: -9999px;
	margin: 13px 0 0 0px;
	padding: 0px 0;
	position: absolute;
	z-index: 10;
	border:0;
	}

#Navigation li ul li {
	text-align:left;
	border:0;
	font-size:10px !important;
	}
	
#Navigation li:hover ul,
#Navigation li.mnhover ul{
	left: 0;
	margin-top:5px;
	top: 25px;
}

#Navigation li ul li,
#Navigation li ul li a {
	height: auto;
	margin: 0;
	padding: 0;
	text-indent: 0;
}
#Navigation li ul li a {
	color:#3D541C !important;
	}

#Navigation li ul,
#Navigation li ul li {
	width: 195px;
}

#Navigation li:hover ul li a,
#Navigation li.mnhover ul li a,
#Navigation li ul li a {
	background: none;
	display: block;
	font-size: 1.1em;
	padding: 5px 10px 5px 10px;
	color: #FFF;
	}

#Navigation li ul li {
	background:transparent;
	border-top:#FFF solid 1px;
	}

#Navigation li ul li.mnhover a,
#Navigation li ul li a:hover {
	background: #808f38 !important ;
	color: #FFF!important;
	}


/*
Colour Palette
dk Green:#3D541C; lt Green:#808f38; Grey:#333; lt Grey:#ECECEC;
*/
/* ______________________ Banner ______________________ */

#adContainer{
	background:#F9F9F9;
	}

#Banner {
	width:950px;
	margin:0 auto;
	text-align:center;
	height:250px;
	}

#BannerHB {
	display: none;
	position:absolute;
	left: -9999px;
	}

#bannerImage {
	height:250px;
	width:735px;
	float:right;
	}

#bannerQuote {
	background:#ECECEC;
	height:190px;
	width:190px;
	float:left;
	padding:45px 10px 15px 10px;
	font-size:1.6em;
	font-family: Times New Roman, Georgia, Times, serif;
	vertical-align:middle;
	color:#808f38;
	}	



/*
Colour Palette
dk Green:#3D541C; lt Green:#808f38; Grey:#333; lt Grey:#ECECEC;
*/

/* ______________________ Start Body ______________________ */

#wrapper {
	width:950px;
	background:transparent;
	margin:0px auto 0 auto;
	}

#bodyWrapper {
	width:100%;
	margin:0;
	padding:0;
	margin-top:5px;
	width:950px;
	}
	
#Container {
	width:725px;
	margin-left:225px;
	margin-right:0;
	padding-top:0;
	padding:0px;
	}

#Container ul {
	list-style:none;
	}

#Container ul li {
	padding:3px 10px 3px 25px;
	background: url(images/boxedArrow.gif) no-repeat 0px 3px;
	background-position: 0px 5px;
	}

#Container ul li.Head {
	font-size: 1.2em;
	color: #707262;
	font-weight: normal;
	margin: 5px 0;
	padding: 0;
	width: auto;
	font-style: normal;
	background:none;
}

#Container ul li a {
	font-weight:bold;
	}

#Container img {
	padding:0 5px;
	}

#mainContent {
	margin-top:15px;	
	}

#mainContentHB { 
	margin-top:15px;
	}



/* ______________________ Access Key ______________________ */

#accesskey {
	font-size:80%;
	background:#3D541C url(images/containerBack.png) no-repeat left top; 
	margin-left:215px;
	height:18px;
	border-top:#808f38 solid 2px;
	padding:5px 10px;
	color:#FFF !important;
	font-weight:bold;
	}

#accesskey a{
	padding:8px 15px 7px 5px;
	height:28px;
	background: url(images/accessArrow.gif) no-repeat right -2px;
	}

#accesskey a{
	color:#FFF;
	}

#accesskey a:hover{
	color:#808f38 !important;
	}

#accesskey img{
	padding:0px 0;
	}
/*
Colour Palette
dk Green:#3D541C; lt Green:#808f38; Grey:#333; lt Grey:#ECECEC;
*/

/* ______________________ Left Column ______________________ */

#leftColumn {
	width:210px;
	float:left;
	border:0;
	margin-bottom:3px;
	}
/*Sub Navigation*/

#subNav {
	height:auto;
	font-size:100%;
	}

#subNav ul {
	list-style:none;
	margin:0;
	padding:0;
	background:#ECECEC;
	border-bottom:#808f38 solid 2px;
	}

#subNav ul li {
	
	border-bottom:#FFF solid 1px;
	
	}

#subNav ul li a{
	display:block;
	padding:5px 10px 5px 27px;
	color:#3D541C;
	background:transparent url(images/boxedArrow.gif) no-repeat  5px center;
	}

#subNav ul li a:hover{
	color:#FFF;
	background:#808f38 url(images/boxedArrow.gif) no-repeat  5px center;
	}

#subNav ul li.Head, #Contact .Head{
	border-top:#808f38 solid 2px;
	padding:5px 10px;
	color:#FFF;
	font-weight:bold;
	height:18px;
	background:#3D541C url(images/containerBack.png) no-repeat left top; 
	}
	
#subNav ul li.Head a:link,
#subNav ul li.Head a:visited{
	color: #FFF;
	text-decoration: none;
}

#subNav ul li.Head a:active,
#subNav ul li.Head a:hover{
	color: #EEE;
	text-decoration: none;
}

#subNav ul li.Bottom {
	background:none;
	height:0px;
	}

/*Further Info*/

#Contact {
	width:210px;
	border-top:#FFF solid 10px;
	height:auto;
	margin-top:0px;
	margin-bottom:25px;
	line-height:1.6em;
	color:#3D541C;
	border-bottom:#808f38 solid 2px;
	}

#Contact p {
	padding:10px 0px 10px 27px;
	background:#ECECEC url(images/boxedArrow.gif) no-repeat;
	background-position: 5px 15px;
	margin:0;
	}



/* ______________________ Footer ______________________ */

#clearAll {
	clear:both; 
	height:55px;
	margin-bottom:0px;
	border-top:#3D541C solid 2px;
	}

#footerContainer {
	width:950px;
	margin:0 auto;
	height:15px;
	margin-bottom:30px;
	border-bottom:#ECECEC solid 1px;
	}

#copyright {
	width:200px;
	text-align:left;
	padding:10px 0px 0px 10px;
	font-size:110%;
	height:45px;
	float:left;
	}

#copyright a {
	color:#403F3F;
	}

#validate {
	text-align:right;
	height:35px;
	width:555px;
	float:right;
	padding:10px 10px 0 0;
	}

/* ______________________ Product Thumbs ______________________ */

.PThumb {
	margin:0;
	padding:0;
	border:#66685A solid 1px;
	margin-bottom:25px;
	}
	
.PThumb_title {
	background:#ABB387; 
	padding:2px 10px;
	color:#000;
	font-weight:bold;
	height:18px;
	width:400px;
	float:left;
	border:#FFF solid 1px;
	}
	
.PThumb_quantity {
	color:#000;
	float:right;
	font-weight:normal;
	font-size:90%;
	width:120px;
	text-align:right;
	}

form.quantity {
	margin: 0;
	padding: 0;
	width:120px;
	text-align:right;
	}
	
label.quantity {
	margin:0;
	padding:5px 1px 0 1px;
	width: 10em;
	text-align: right;
	}

input.quantity {
	border:#CCC solid 1px;
	font-size:95%;
	}


.PThumb_price {
	background:#D6DCAA; 
	padding:2px 10px;
	color:#000;
	float:right;
	height:18px;
	width:70px;
	text-align:right;
	border:#FFF solid 1px;
	}

.PThumb_body {
	clear:right;
	border-top:#ABB387 solid 1px;
	border-bottom:#ABB387 solid 1px;
	padding:5px;
	}

.PThumb_thumb {
	width:125px;
	padding:0;
	text-align:center;
	}

.PThumb_thumb img {
	border:#ABB387 solid 1px;;
	}
	

.PThumb_description {
	padding:0;
	float:right;
	width:375px;
	}

.PThumb_actions {
	background:#E6E4C3; 
	padding:3px 5px;
	text-align:right;
	border:#FFF solid 1px;
	}

.PThumb_actions .button {
	background:#FFF url(images/submit_green.gif) repeat-x;
	padding:2px 5px ;
	font-weight:bold;
	font-size:85%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #66685A;
 	border-bottom: 1px solid #66685A;
	border-left: 1px solid #FFF;
 	color:#FFF;
 	width:60px;
 	height:20px;
	}

.PThumb_actions .buy {
	background:#FFF url(images/submit_yellow.gif) repeat-x;
	padding:2px 5px ;
	font-weight:bold;
	font-size:85%;
	border-top: 1px solid #FFF;
	border-right: 1px solid #66685A;
 	border-bottom: 1px solid #66685A;
	border-left: 1px solid #FFF;
 	color:#FFF;
 	width:60px;
 	height:20px;
	}

.PThumb_actions .button a {
	font-weight:bold;
	}

.PThumb_actions .buy a {
	font-weight:bold;
	}

.PImage {
	border:#ABB387 solid 1px;
	padding:0px;
	margin-top:0;
	margin-right:0;
	margin-left:10px;
	margin-bottom:10px;
	}


/* 
Additional content should be placed under this line with date attached.
CSS to be commented. 

19.11.05 - copy of print css - deals with confirm order page. Quick Fix - May break Something

*/



/* Start of Div Formating */	

#companyName {
	width:65%; 
	float:left; 
	font-weight:bold; 
	font-size:130%;
	padding-bottom:5px;
	}

#date {
	float:right; 
	width:30%; 
	text-align:right;
	}

.sectionIntro {
	clear:right;
	width:100%; 
	font-weight:bold;
	padding:2px 0 2px 0;
	border-bottom:#CCC solid 1px;
	margin-top:10px;
	margin-bottom:5px;
	}

.nameAddress {
	width:60%;
	font-size:95%;
	padding-bottom:5px;
	text-align:left;
	}

.telComs {
	width:39%;
	float:left;
	font-size:95%;
	text-align:left;
	}
	
.instructions {
	border:#CCC solid 1px;
	padding:2px;
	margin:5px 0 5px 0;
	font-size:90%;
	background:#EBEBEB;
	}
	
.payment {
	font-size:95%;
	margin:5px 0 5px 0;
	}

#cardDetails {
	line-height:1.2em;
	background:#EBEBEB;
	padding:2px;
	border:#CCC solid 1px;
	font-size:95%;
	}

.cards {
	margin:5px 0 5px 0;
	text-align:center;
	border-bottom:#CCC dotted 1px;
	}
#cardDetails .payment {
	padding-top:5px;
	}

.companyAddress {
	font-size:95%;
	float:left;
	width:40%;
	border-right:#CCC solid 1px;
	}

.details {
	font-size:95%;
	float:right;
	width:59%;
	text-align:center;
	padding-top:10px;
	}

.clear {
	clear:both;
	}


/* Order Table */



table.Order   {
	width:100%; 
	margin:0; 
	padding:0; 
	border-collapse:collapse; 
	border-spacing:0px;
	font-size:90%
	}

table.Order thead td {
	text-align:left;
	background:#EBEBEB;
	border:#CCC solid 1px;
	padding:2px;
	font-weight:bold;
	}

table.Order thead td.actions {
	text-align:right;
	background:#ABB387;
	border-right:none;
	padding:2px;
	color:#FFF;
	width:75px;
	}	

table.Order tbody td {
	border-bottom:#CCC dotted 1px;
	padding:2px;
	}

table.Order tbody td.quantity {
	width:70px;
	text-align:center;
	}

table.Order tbody td.subtotal {
	width:70px;
	}

table.Order tbody td.actions {
	text-align:right;
	width:75px;
	}

table.Order tfoot td {
	padding:2px;
	padding-top:3px;
	padding-bottom:3px;
	}

table.Order tfoot td.totallabel {
	text-align:center;
	font-weight:bold;
	}

table.Order tfoot td.discountlabel, table.Order tfoot td.shippinglabel, table.Order tfoot td.vatlabel {
	text-align:right;
	font-weight:normal;
	background:#FFF;
	font-size:95%;
	padding-right:20px;
	}

table.Order tfoot td.discount, table.Order tfoot td.shipping, table.Order tfoot td.vat {
	text-align:left;
	font-weight:normal;
	background:#FFF;
	font-size:95%;
	}

table.Order tfoot td.blank {
	text-align:left;
	font-weight:normal;
	background:#FFF;
	font-size:95%;
	}

/* 

Additional content should be placed under this line with date attached.
CSS to be commented. Any Changes to the above needs to have a date stamp.
*/

/* Details FORM */

form.custDetails {
	margin:0;
	padding:0;
	}

form.custDetails p {
	margin:0 0 5px 0;
	padding:5px 0 0px 0 ;
	display:block;
	}

form.custDetails label {
	float: left;
	margin:0;
	padding:0px 1px 0 1px;
	width: 10em;
	text-align: left;
	font-weight:normal;
	}

form.custDetails #delCheck label {
	margin:0;
	margin-bottom:5px;
	padding:5px 1px 0 1px;
	text-align: left;
	width:90%;
	float:right;
	font-weight:normal;
	}

form.custDetails #delCheck input {
	margin:0;
	margin-top:4px;
	text-align: right;
	float:left;
	}

form.custDetails .newsletter label {
	margin:0;
	margin-bottom:5px;
	padding:2px 1px 2px 1px;
	text-align: left;
	font-weight:normal;
	float:right;
	width:90%;
	clear:right;
	}


form.custDetails .newsletter input {
	margin:0;
	margin-left:10px;
	text-align: left;
	float:left;
	clear:right;
	border:none;
	}

form.custDetails .newsletter p {
	clear:right;
	margin-top:3px;
	margin-bottom:3px;
	}

form.custDetails input {
	margin:0;
	padding:2px 5px;
	border:#CCC solid 1px;
	font-family: tahoma, arial, sans-serif;
	font-size:13px;
	color:#333;
	}

form.custDetails #CheckoutBill input {
	margin:0;
	padding:2px 1px 0 1px;
	border:#CCC solid 1px;
	font-family: tahoma, arial, sans-serif;
	color:#333;
	width:20em;
	}
	
form.custDetails #CheckoutDel input {
	margin:0;
	padding:2px 5px;
	border:#CCC solid 1px;
	color:#FF0000;
	width:15em;
	}

form.custDetails select {
	margin:0;
	padding:2px 1px 0 1px;
	border:#CCC solid 1px;
	color:#333;
	}

form.custDetails textarea {
	margin:0;
	padding:2px 1px 0 1px;
	color:#333;
	border:#CCC solid 1px;
	width:30em;
	font-size:9pt;
	}	


form.custDetails .submitOrder input {
	padding:5px 5px ;
	font-weight:bold;
	font-size:85%;
	background:#C5E283 url(images/navBack.gif) no-repeat -20px -10px;
	border:#808f38 solid 1px;
	border-right:#3D541C solid 1px;
	border-bottom:#3D541C solid 1px;
 	color:#3D541C;
	}


/*--------------------------- Visualcode Network Pages ---------------------------*/

	
.networkClear{
	clear:right;
	height:1px;
	border-bottom:#CCC dotted 1px;
	margin:5px 0;
	}

#PDF {
	margin-top:20px;
	background:#FFFCCC;
	border:#CCC dotted 1px;
	}

#PDF ul li {
	background:url(images/pdficonsmall.gif) no-repeat 2px 5px;
	padding:10px 10px 10px 30px;;
	}

#getPDF {
	padding:0 0 10px 40px;
	font-weight:bold;
	font-size:80%;
	}

/*
Colour Palette
dk Green:#3D541C; lt Green:#808f38; Grey:#333; lt Grey:#ECECEC;
*/
	
/*--------------------------- Search Options ---------------------------*/	

#searchForm{
	border:3px solid #808f38;
	background:#808f38;
	
	color:#FFF;
	}

#searchForm form{
	border:#FFF solid 1px;
	padding:15px;
	}
	
#searchForm form label{
	font-size:1.5em;
	}

#searchForm form input{
	background:#FFF;
	border:#3D541C solid 1px;
	padding:3px 5px;
	font-size:1.3em;
	color:#333;
	}
	
	
#searchForm form input.sbut{
	font-size:1em;
	color:#3D541C;
	padding:3px 15px;
	background:#C5E283 url(images/navBack.gif) no-repeat -20px -10px;
	border:#FFF solid 1px;
	border-right:#3D541C solid 1px;
	border-bottom:#3D541C solid 1px;
	}