@charset "utf-8";
/* CSS Document background-image:url(../images/header-bg.png); background-color:#ececec;orange e86700 blue 045c97*/
.tooltip {
	display:none;
	background:transparent url(http://www.photographycourses.co.uk/images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
.infoWindow{height:100px; width:240px;}

/*General Properties*/
body{margin:0;  font-family:Verdana, Geneva, sans-serif; font-size:0.7em; background-repeat:repeat-y;}
#wrapper{width:1020px; margin:0; margin:auto;}
.clear{ clear:both;}
.required{color:#F00;}
.grey{
	color:#666;
}
#voucher{height:100px; width:300px; background-color:#333; margin:0; margin:auto; margin-top:25px;}
#voucher h1{font-size:140px;}
#voucher_buy{width:290px; margin:0; margin:auto; text-align:right; margin-top:8px; padding:5px; background-color:#43628f;}
#voucher_buy label{color:#FFF;}
.tutors {padding:5px;}
.tutors legend{color:#ce0402; font-weight:bold;}
.fully_booked{background-color:#ffebe8;}
.places_available{background-color:#c2e5ba;}
/*Form Properties*/
.successWait, .success{ background-color:#c2e5ba; border:1px solid #14410a; padding:3px; color:#338320; width:505px; padding-left:25px; padding-right:25px; padding-bottom:25px;}
.validate{display:none;}
.errorInput{ background-color:#ffebe8; border:#dd3c10;}
.generalError{
	background-color:#ffebe8;
	border:1px solid #dd3c10;
	padding:3px;
	color:#666;
}

.errorWait{
	background-color:#ffebe8;
	border:1px solid #dd3c10;
	padding:3px;
	color:#666;
	width:555px;
}
#errorMessage ul{ color:#dd3c10;}
.error{ background-color:#d61c1c; border:1px solid #630a0a; padding:3px; color:#FFF; width:530px;}
#waiting_list{width:544px; padding:10px; background-color:#f6f6f6;}
#waiting_list label{float:left; width:180px; }
#waiting_list input, #contact_form input{margin-bottom:14px; width:217px; border:1px #c0c1c8 solid;}
#waiting_list select{margin-bottom:14px; width:217px; border:1px #c0c1c8 solid;}
#waiting_list textarea, #contact_form textarea{margin-bottom:14px; width:217px; border:1px #c0c1c8 solid;}
#contact_form label{width:100px; float:left;}

#mainForm {}
#mainForm label{width:120px; margin-bottom:14px; float:left; display:block; clear:both;}
#mainForm input{ border:1px #c0c1c8 solid; width:217px; margin-bottom:14px;}
#mainForm select{ width:217px; border:1px #c0c1c8 solid; margin-bottom:14px;}
#mainForm spanp{margin-bottom:14px;}


.formButton:hover{cursor:pointer;}

.submitWait, .submit {background-image:url(/images/table_bg.gif); color:#FFFFFF; font-size:14px; border:1px solid #0060a1; margin-left:180px; margin-top:8px; width:150px !important; cursor:pointer;}

.submitWait:hover, .submit:hover {border:#090 3px solid !important;}

/*Header Properties*/
#header{width:100%; height:166px; background-repeat:repeat-x; background-color:#333; background-image:url(../images/header-bg.jpg); background-repeat:repeat-x; background-position:top;}
#logo{ float:left; padding-top:47px;}
#topbar  {background:#cccccc; background-image:url(../images/bgtop.gif); background-repeat:repeat-x; height:23px; position:absolute; top:0; left:0; z-index:2000; width:100%; color:#000000;}
#topbarWrapper{width:1020px; margin:0; margin:auto;}
#topbar a{ color:#09C; text-decoration:none;}
#topbar a:hover{  text-decoration:underline;}

#topAdmin a{ color:#C00; text-decoration:none;}
#topAdmin a:hover{  text-decoration:underline;}


#topControl{ float:right;  height:23px; width:500px; text-align:right; }


#topAdmin{background-color:#cccccc; padding:10px; float:right;   -webkit-box-shadow: 0px 1px 5px 0px #ffffff;
    -moz-box-shadow: 0px 1px 5px 0px #ffffff;
    box-shadow: 0px 1px 5px 0px #ffffff;}

#topLogin{list-style:none; margin:0; padding:0;  float:right;}
#topLogin li{ padding-left:15px; padding-right:15px; background-color:#cccccc; padding-top:4px; padding-bottom:5px;}
#topAdmin input{ font-size:12px; float:left; border:1px solid #999;}


.hlogin{font-size:90%;  color:#547c97;  width:100px; float:left; border-left:1px solid #163143; border-top:1px solid #163143; border-right:1px solid #9ac0da; border-bottom:1px solid #9ac0da;}
#header_login label {color:#FFF; margin-right:8px; margin-left:8px; float:left;}
#header_wrapper{width:1020px; margin:0; margin:auto; height:120px; }
#login {width:100%; background-color:#045c97; padding-bottom:4px;}
#login_wrapper{ width:1020px; margin:0; margin:auto; color:#FFF;}
#login_wrapper a{color:#ffffff;}
.loginbtn{ font-size:10px; background-color:#3c7aa3; border:1px solid #79bae5; margin-left:7px; margin-right:7px; cursor:pointer; color:#ffffff;}
#header_login{float:right;}
#header_login input{ }
#menu{width:100%; /*background-image:url(../images/menu-bg.png);*/ background-color:#06F; background-repeat:repeat-x; background-position:top; height:37px;}
#breadcrumb{width:100%; height:25px; background-color:#045c97;}
#date{float:left; font-weight:bold; padding-top:2px;}
#gallery img{ border:none; margin-right:10px;}

/*Main Properties*/
#splash{width:564px; height:200px; margin-bottom:10px;}

#column1{float:left; margin-top:14px; margin-bottom:20px;}
#box_1{  background-color:#ecf2f8; border:1px #ffffff solid;}
.box_1{  background-color:#ecf2f8; border:1px #ffffff solid;}
.boxgap{height:10px;}
.box_menu a{display:block; width:214px; height:22px; padding-top:5px; text-decoration:none; color:#ce0402;  font-weight:bold; margin-bottom:4px;}
.box_menu a:hover{ color:#FFF; background-color:#045c97; height:20px; padding-top:5px; border-top:1px solid #1a3446; border-bottom:1px solid #4599d1;}



.results_header {  border:#999 1px solid; background-color:#343333; background-image:url(../images/table_bg.gif); background-repeat:repeat-x; color:#FFF; text-align:center; font-weight:bold; }
.results_table {border-right:#999 1px solid; }
.results_table td{ border:#999 1px solid; border-top:none; border-right:none;}

/* North East */
.NorthEast{background-color:#2b7bd4; color:#ffffff !important;}
.NorthEast a{color:#ffffff !important; font-weight:bold;}
/*West Midlands */
.WestMidlands{background-color:#f3f4c0; }

.Scotland{background-color:#ec7525; color:#ffffff !important;}
.Scotland a{color:#ffffff !important; font-weight:bold;}


/* North East */
.NorthWest{background-color:#aa2d2d; color:#ffffff !important;}
.NorthWest a{color:#ffffff !important; font-weight:bold;}

.London{background-color:#23a126;  color:#ffffff !important;}
.London a{color:#ffffff !important; font-weight:bold;}


.info_standard {background-color:#ecf2f8; border:1px #ffffff solid; padding:5px; line-height:17px; } 
.box_border{border:1px #a8a8a8  solid;}
/* Left info box properties */
.box_cart img{border:none;}
.box_cart{padding:5px;}
.5pad{ padding:5px;}
.5height{height:5px;}
.10pad{ padding:10px;}
.column1_3{width:218px;}
.standard_box{}
/* Right info box properties */

#column2 a{color:#e86700; text-decoration:none;}
#column2 a:hover{border-bottom:#666 1px dashed;}
#column2{
	float:left;
	margin-top:14px;
	padding-left:20px;
	padding-right:20px;
	line-height:20px;
	color:#212129;
}
.column2_3{width:564px;}
.column2_2{width:1020px;}
#column2 h1, .entry-title{
	color:#CE0000;
	margin-top:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:180%;
	font-weight:bold;
}

.entry-title a{
	color:#CE0000;
	margin-top:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bold;
}

#column2 h2{
	
	color:#ce0402;
	margin-top:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:140%;
}
.generalh2 {
color:#ce0402;
	margin-top:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:140%;	
}
#column2 h3{
	color:#666;
	margin-top:5px;
	margin-bottom:7px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:120%;
}
/* course results color:#548484;*/

#course_results{}
.course_result_wrapper{width:560px; background-color:#999;}
.course_results_left{width:200px; float:left; background-color:#0CF;}
.course_results_middle{width:200px; float:left;}
.course_results_right{width:160px; float:left; background-color:#0CF;}

#column3{float:left; margin-top:14px; }
.column3_3{width:198px;}

.info_heading img{padding-right:4px; position:relative; top:6px;}
/* sidebox headings such as news */
.info_heading{
	margin:0;
	font-size:15px;
	color:#045c97;
	margin-bottom:10px;
}

.info_heading_ni{
	margin-top:10px;
	font-size:16px;
	color:#045c97;
	margin-bottom:10px;
}




.box_3 a{
	color:#06C;
}
/* sidebox properties */


#footer_space{width:100%; height:20px; clear:both;}
#footer{
	width:100%;
	background-color:#23282c;
	background-repeat:repeat-x;
	background-position:top;
	clear:both;
	color:#ADADAD;
	
	
}
#footer a{color:#fff; text-decoration:none;}
#footer_bottom a{color:#fff;}
#footer a:hover{
	color:#058AE2;
}
#footer_bottom a:hover{
	color:#ADADAD;
}
#footer_wrapper{width:1020px; margin:0; margin:auto; background-image:url(http://www.photographycourses.co.uk/images/footer-image_bottom.jpg); background-repeat:no-repeat; }
#footer_bottom{background-color:#045c97; width:100%; padding-bottom:7px; padding-top:7px; color:#fff; }
#footer h3, #footer_bottom h3{color:#058AE2;}
#footer ul{margin:0; padding:0; margin-left:8px; margin-bottom:15px;}
#footer li{margin:0; padding:0;}
#footer_top{width:1020px; height:22px; margin:0; margin:auto; }

#menu_wrapper{
	
background: url(../images/menub_bg.gif) repeat-x; /*tab background image path*/
width:100%;

}

.glossymenu{
	width:1020px;
margin:0;
margin:auto;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	
	height: 46px;
	list-style: none;
}

.glossymenu li{
	
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 18px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}










#adminMenu{
width:520px; background-color:#999;	
}

#adminDetails ul{
margin:10px;
padding:5px;
}


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 564px;
	height:200px;


}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:564px;
}

/* single scrollable item */
.scrollable img {
	float:left;

	width:564px;
	height:200px;
	

}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}