/* Elements */
body{
	margin: 0;
	padding: 0;
	background-image:url(../images/bg_img.jpg);
	background-position:center;
	}
	
#wrapper {
margin:0px auto;
width:760px;
}

#topbanner {
margin:0px auto;
width:760px;
height:127px;
background-image:url(../images/Logo_Banner_img.jpg);
background-repeat:no-repeat;
}

span.highlight {
font-weight:bold;
font-size:12px;
}

/*contact details bar */
#contactbar{
width:720px;
height:29px;
margin-left:20px;
background-image:url(../images/contact_bar.jpg);
background-repeat:no-repeat;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
}

#contactbar a{
margin:8px 2px 0 0 ;
float:right;
color:#626262;
font-size:9px;
} 
/* navigation */ 	
#navbg {
	margin:0px auto;
	width:760px;
	height:29px;
	background-image:url(../images/Nav_bg.jpg);
	background-repeat:no-repeat;
	}
	
#nav {
margin-left:55px;
padding-top:10px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
	}
	
#navigation {margin: 0px; padding:0;
  font: 10px Verdana, sans-serif;}
#navigation li {list-style: none; margin: 0;
  display: inline;}
#navigation li a {margin-right:5px; margin-left:5px; text-decoration: none;}
#navigation li a:link {color: #626262;}
#navigation li a:visited {color: #626262;}
#navigation li a:hover { color: #626262;}


/* content container wrapper */
#contentcontainer {
	margin: 0px auto;
	width:700px;
	}

#homeleftcopy {
float:left;
width:280px;
padding-top:30px;
padding-right:10px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
line-height:20px;
}

h1 {
font: 18px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

h3 {
color: #626262;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
}

#list {
font: 11px Verdana, Arial, Helvetica, sans-serif;
list-style:square;
color:#626262;
}

table.tc {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
}

#homemiddleimg {
padding-top:31px;
float:left;
width:230px;
}

#homerightpane {
float:left;
width:160px;
padding-left:10px;
padding-top:30px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #acacac;
}

#homerightpaneIntro {
float:left;
width:160px;
padding-left:10px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #acacac;
}

#homerightpaneAlt {
float:left;
width:160px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #acacac;
}

#contactbg {
width:160px;
height:188px;
background-image:url(../images/contact_bg.jpg);
background-repeat:no-repeat;
}

#contactEmailCroydon {
width:140px;
padding-top:69px;
padding-left:30px;
}

#contactEmailCarrum {
width:140px;
padding-top:82px;
padding-left:30px;
}

#newsletterbg {
width:160px;
height:120px;
background-image:url(../images/newsletter_bg.jpg);
background-repeat:no-repeat;
}

#award06 {
float:left;
padding-right:10px;
width:75px;
height:78px;
background-image:url(../images/award06.gif);
background-repeat:no-repeat;
}

#award05 {
float:left;
width:75px;
height:78px;
background-image:url(../images/award05.gif);
background-repeat:no-repeat;
}

a.contact {
color:#000000;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:none;
}

a.here {
color:#626262;
font: 11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-decoration:underline;
}

/* divider for right col banners */
div.spacerRight {
width:160px;
height:14px;
}
/* main divider */

#maindivider {
clear:both;
margin: 0 auto;
width:700px;
height:1px;
}

/* ads on home page */

#adcontainer {
clear:both;
margin: 0px auto;
width:710px;
/*height:150px; */
background-color:#ffffff;
}

div.ad {
margin-right:5px;
float:left;
width:168px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#626262;
}

div.spacer {
float:left;
width:2px;
height:168px;
}

div.adbg {
width:168px;
background-image:url(../images/adNews_bg.jpg);
background-repeat:no-repeat;
}

#adimage {
width:168px;
height:168px;
padding-left:4px;
padding-top:4px;
}

p.ads {
margin-top:0px;
margin-left:7px;
}
p.adsdescrip {
margin-top:0px;
margin-left:8px;
}
/* footer */

#footerbg {
clear:both;
position: relative;  /* Needed for Safari */
margin: 0px auto;
width:760px;
height:69px;
background-image:url(../images/footer_bg.jpg);
background-repeat:no-repeat;
} 

#footer {
margin-left:30px;
padding-top:25px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
}

#footernav {
margin:0px;
padding:0;
font: 10px Verdana, sans-serif;
}
#footernav li {list-style: none; margin: 0;
  display: inline;}
#footernav li a {margin-right:0px; margin-left:0px; text-decoration: underline;}
#footernav li a:link {color: #626262;}
#footernav li a:visited {color: #626262;}
#footernav li a:hover { color: #626262;}


/* digital media second page style template elements */

div.producttitle h1 {
margin: 0 auto;
padding-top:40px;
padding-bottom:30px;
width:700px;
font: 18px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

#productnav {
float:left;

}

#vertnav {
margin-left:0px;
padding-top:0px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
}

div.spacerprod {
float:right;
width:20px;
height:100%;
background-color:#cccccc;
}

div.spacerprod2 {
float:right;
width:20px;
height:100%;
background-color:#FF0000;
}

a.nav, a.nav:link, a.nav:visited {display:block;
width:150px;
height:24px;
background:#ffffff;
border-bottom:1px solid #e3e3e3;
margin-top:2px;
text-align:left;
text-decoration:none;
font-family:verdana, arial, sans-serif;
font-size:11px;
color:#626262;
line-height:24px;
overflow:hidden;
}

a.nav:hover {color:#fff; background:#626262;}
a.nav:active {color:#fff; background:#626262;}

/*
#vertnavigation li a {
display: block;
margin-right:0px;
margin-left:0px;
text-decoration: none;
background-color:#999999;}

#vertnavigation li a:link {color: #626262;}

#vertnavigation li a:visited {color: #626262;}

#vertnavigation li a:hover { color: #626262;}


/* below hack is required as whenever you use list to make menu ie doesn't
allow elements to stack up on top of each other as it inserts a line brek whereas all other browsers don't */

/* Fix IE. Hide from IE Mac \*/
/*html ul li { float: left; height: 1%; } */
/** html #vertnavigation { height: 1%; }
/* End */

#listContainer {
width:550px;
float:right;
}	

#recordcontainer {
float:right;
clear:both;
width:526px;
height:100%;
background-color:#cccccc;
}

#recordcontainerbottom{
float:right;
clear:both;
width:526px;
height:24px;
background-image:url(../images/list_bottom.gif);
background-repeat:no-repeat;
}


/* container to hold the image on the left */
#imgContainer {
width:150px;
height:100%;
float:right;
}

/* container to hold the records on the right */
#detailsContainer {
width:376px;
float:right;
background-color:#cccccc;
}

#recordimgholder {
float:left;
width:120px;
height:120px;
padding-top:10px;
padding-left:10px;
}

#prodimg {
width:120px;
height:120px;
padding-top:0px;
padding-left:0px;
background-image:url(../images/img_holder.gif);
text-align:center;
background-color:#FFFFFF
}

#prodtitle {
float:left;
height:100%;
vertical-align:bottom;
padding-top:10px;
}

div.prod {
font-family:verdana, arial, sans-serif;
font-size:10px;
color:#626262;
font-weight:bold;
}

#proddescrip {
padding-top:7px;
float:right;
width:376px;
height:100%;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
line-height:15px;
background-color:#cccccc;
padding-bottom:15px;
}

#pdficon {
float:left;
width:23px;
height:24px;
background-image:url(../images/pdf_icon.gif);
background-repeat:no-repeat;
}

#enquirylink {
clear:both;
width:284px;
padding-top:10px;
}
#enquirylinkNI {
clear:both;
width:284px;
padding-top:10px;
margin-left:10px;
}
#pdficonNI {
float:left;
width:23px;
height:24px;
}

td.red {
color:#FF0000;
}

span.red {
color:#FF0000;
}

a.link {
float:left;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
text-decoration:none;
padding-left:10px;
}

a.linkNopad {
float:left;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
text-decoration:none;
}

a.linkfooter {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
font-weight:bold;
text-decoration:none;
}

span.fpad {
padding-top:5px;
}

#prodenq {
padding-Left:10px;
padding-top:10px;
clear:both;
vertical-align:text-top;
}

/* these are the divs for records being displayed from the database with NO image*/

#detailsContainerNI {
width:526px;
float:right;
background-color:#cccccc;
}

#prodtitleNI {
float:left;
height:100%;
vertical-align:bottom;
padding-top:10px;
padding-left:10px;
padding-right:10px;

}

div.prodNI {
font-family:verdana, arial, sans-serif;
font-size:10px;
color:#626262;
font-weight:bold;
}

#proddescripNI {
padding-top:7px;
float:right;
width:506px;
height:100%;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #000000;
line-height:15px;
background-color:#cccccc;
padding-bottom:15px;
padding-right:10px;
}

#pdficonNI {
float:left;
width:23px;
height:24px;
padding-left:10px;
}

/*News Page... Different Template */

#newscontainer {
width:500px;
float:left;
}

#newsdetails {
padding-top:10px;
float:right;
width:380px;
}

#newsimgcontainer {
float:left;
width:81px;
height:100%;
padding-top:10px;
}

#newsimgholder {
background-image:url(../images/news_img_holder.gif);
background-repeat:no-repeat;
width:81px;
height:81px;
padding-top:1px;
padding-left:1px;
padding-bottom:10px;
}

#newsdate {
float:left;
font-family:verdana, arial, sans-serif;
font-size:10px;
color:#626262;
font-weight:bold;
padding-bottom:7px;
}

#newslink {
float:left;
font-family:verdana, arial, sans-serif;
font-size:10px;
color:#626262;
font-weight:bold;
}

div.newstext {
padding-bottom:5px;
font-family:verdana, arial, sans-serif;
font-size:10px;
color:#626262;
}

/*selected news item */
#newsdetailsViewL {
padding-top:10px;
float:right;
width:290px;
}

#newsimgcontainerL {
float:left;
width:200px;
height:100%;
padding-top:10px;
}

#newsimgholderL {
background-image:url(../images/news_img_large_bg.gif);
background-repeat:no-repeat;
width:202px;
height:202px;
padding-top:1px;
padding-left:0px;
padding-bottom:10px;
}

#newsdateL {
float:left;
font-family:verdana, arial, sans-serif;
font-size:10px;
color:#626262;
font-weight:bold;
padding-bottom:7px;
}

div.newstextL {
padding-bottom:5px;
font-family:verdana, arial, sans-serif;
font-size:11px;
color:#626262;
line-height:20px;
}

/* maps on the contact page */

#contactcontainer {
width:700px;
float:left;
padding-left:30px;
}

#stores {
width:500px;
float:left;
margin-right:30px;
}

#homerightpaneContact {
padding-right:30px;
float:right;
width:160px;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #acacac;
}

#storecontainer {
width:500px;
float:left;
padding-top:10px;
padding-bottom:20px;
}

#mapcontainer {
float:left;
width:250px;
height:150px;
}

#detailscontainer {
padding-left:10px;
float:left;
font-family:verdana, arial, sans-serif;
font-size:10px;
color:#000000;
font-weight:bold;
}

#branchdivider {
width:500px;
float:left;
clear:right;
padding-left:30px;
}

#staffphotocontainer {
padding-left:1px;
padding-top:1px;
padding-bottom:10px;
float:left;
width:148px;
background-image:url(../images/staff_img_holder.gif);
background-repeat:no-repeat
}

#staffdetailscontainer {
float:left;
width:350px;
}

div.stafftext {
padding-bottom:10px;
font-family:verdana, arial, sans-serif;
font-size:10px;
color:#000000;
font-weight:bold;
}

div.stafftextNopad {
font-family:verdana, arial, sans-serif;
font-size:10px;
color:#000000;
font-weight:bold;
}

/* newsletter */
#newsletterleft {
float:left;
width:400px;
padding-top:30px;
padding-right:10px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
line-height:20px;
}

#newsletterright {
float:left;
padding-top:30px;
padding-left:10px;
width:255px;
}
td.bold {
width:110px;
font-family:verdana, arial, sans-serif;
font-size:10px;
font-weight:bold;
line-height:30px;
}

td.wrap{
width:110px;
font-family:verdana, arial, sans-serif;
font-size:10px;
font-weight:bold;
}

input.newsletter {
width:180px;
font-family:verdana, arial, sans-serif;
font-size:10px;
color:#000000;
}

input.submit { font-size:10px;font-weight:bold;border:2px; border-color:#626262;background-color:#ffffff;color:#626262;padding:3px; }

select.newsletter {
width:180px;
font-family:verdana, arial, sans-serif;
font-size:10px;
color:#000000;
}

/* intro for each product range */
#intro {
float:left;
padding-left:30px;
width:340px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
line-height:20px;
}

a.profile {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
font-weight:bold;
}

div.CourseCont{
width:480px;
overflow:hidden;
}

div.CourseCont a{
text-decoration:none;
font-weight:bold;
color:#000033;
}

div.CourseCont a:hover, div.CourseCont a:active{
color:#fff;
}

div.CourseCont div.venue{
width:350px;
float:left;
line-height:20px;
}

div.CourseCont div.date{
float:left;
width:100px;
}

/* about us */
#aboutCopy{
float:left;
width:500px;
padding-right:20px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
line-height:20px;
}

#c2tag{
position:relative;
bottom:0px;
right:-760px;
height:44px;
width:40px;
}