@charset "utf-8";
/* CSS Document */

/* -------------------------------------------
project:	Cactus Language \\ FLUSA Site re-build
start date:		18/08/2009
------------------------------------------- */


@import "styles-drop-downs.css";

* {
	vertical-align:baseline;
	border:0 none;
	outline:0;
	padding:0;
	margin:0;
	}
	
body{font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#231f20; background-color:#fff;}

#navlist li{display:inline; list-style-type:none; padding:0px 12px 0px 12px; background:url(/images_v2/network-divide.gif) right no-repeat;}

h1{font-size:14px; font-weight:normal;}
h2{font-size:14px; font-weight:normal;}
h3{margin-bottom:6px;}

.bold {font-weight:bold;}
.description-title{color:#1e5ba7; font-size:15px; font-weight:bold;}
.description-sub-title{font-size:12px;}
.highlight{font-size:11px; font-weight:bold; color:#ca322f}

.imgdrop {margin-bottom:5px;}

p{color:#555;}
p.bold{font-weight:bold;}
p.quote{color:#ca322f; font-weight:bold; margin:5px 0px 0px 0px;}
p.news{width:201px; background:url(/images_v2/news-divide.gif) bottom repeat-x; padding:3px 10px 18px 8px;}
p.news a{color:#555; font-size:11px; text-decoration:none;}
p.news a:hover{color:#ca322f;}
p.accreditations{width:201px; color:#555; background:url(/images_v2/news-divide.gif) bottom repeat-x; padding:0px 10px 26px 8px; text-align:center; font-size:11px;}

#network{background:url(/images_v2/network-bg.gif); width:100%; height:14px; text-align:center; padding-top:3px; padding-bottom:3px;}
#network a {color:#fff; padding:0px 7px 0px 7px; text-decoration:none;}
#network a:hover {color: #242b38;}

#frame{width:908px; margin-left:auto; margin-right:auto; text-align:left; padding-bottom:30px;}
#skyscrapers{width:144px; text-align:left; min-height:300px; float:right; margin:40px 0px 0px 4px;}
#skyscrapers img{margin-bottom:4px;}

#logo{width:760px; padding-top:22px;}

#logo-new{width:760px; padding-top:10px;}

a:link.logo-new, a:visited.logo-new{background:url(images_v2/cactus-iso-logo.gif) no-repeat top left; background-position:0px 0px; width:547px; height:113px; display:block; float:right;}

a:hover.logo-new{background-position:0px -113px; float:right;}

#main-top{width:742px; background:url(/images_v2/frame-top.gif); padding:9px 9px 2px 9px;}
#main-mid{width:751px; background:url(/images_v2/frame.gif); padding:2px 0px 0px 9px;}
#main-bot{width:760px; background:url(/images_v2/frame-bottom.gif) bottom; padding-bottom:11px;}

#search-box{width:742px; height:100px; background:url(/images_v2/search-box.gif);}
#search-box select, textarea {color:#555555; width:155px; margin-right:34px;}
#search-box input {width:60px; height:43px;}
#search-box-right{width:120px; height:47px; float:right; padding-top:28px; text-align:left;}
#search-box-left{height:35px; float:left; text-align:left; padding:40px 0px 0px 238px;}

#main-left{width:228px; float:left; margin-right:4px;}
#main-left h2{width:219px; height:22px; color:#FFF; background:url(/images_v2/left-title-bg.gif); padding:4px 0px 0px 8px; margin-bottom:5px;}

#main-right{width:509px; float:left;}
#main-right p{ margin-bottom:6px;}
#main-right a{font-size:11px; text-decoration:none; color:#3973d5; font-weight:bold;}
#main-right a:hover {color:#272d38; text-decoration:underline;}
#main-right h1{width:501px; height:22px; color:#FFF; background:url(/images_v2/right-title-bg.gif); padding:4px 0px 0px 8px; margin-bottom:5px;}
#main-right h2{width:501px; height:22px; color:#FFF; background:url(/images_v2/right-title-bg.gif); padding:4px 0px 0px 8px; margin-bottom:5px;}
#main-right h4{background:#7f8a9b; width:504px; padding:3px 0px 3px 5px;}
#main-right h4 a{color:#FFF;}
#main-right select, textarea, input {color:#555555; width:155px;}
.radio-butt {width:20px;}

#nav-box{width:742px; float:left; margin-top:0px; margin-bottom:4px;}
#nav-box a{color:#fff; padding:0px 7px 0px 7px; font-size:11px; text-decoration:none;}
#nav-box a:hover {color:#242b38;}

#speech{width:227px;}
#speech-top{width:227px; height:14px; background:url(/images_v2/speech-top.gif);}
#speech-middle{width:187px; background:url(/images_v2/speech-midd.gif); padding:0px 20px 0px 20px;}
#speech-bottom{width:207px; height:27px; background:url(/images_v2/speech-bottom.gif);padding:26px 0px 0px 20px;}
#speech-bottom a{color:#555; font-weight:bold; text-decoration:none;}
#speech-bottom a:hover{color:#ca322f;}

.extras-box{width:227px; height:59px; background:url(/images_v2/extras-bg.gif) no-repeat; padding-bottom:2px;}
.extras-box-left{width:56px; height:56px; text-align:center; float:left; padding-top:5px;}
.extras-box-right{width:171px; height:47px; float:right; font-size:16px; padding-top:9px;}
.extras-box-right a{font-size:16px; text-decoration:none; color:#FFF}
.extras-box-right a:hover {color: #242b38;}
.extras-box-right p{font-size:12px; margin-top:4px; color:#fff;}

.course-type-box{width:509px; height:56px; background:url(/images_v2/course-type-bg.gif) center no-repeat; margin-bottom:5px;}
.course-type-box-left{width:86px; height:52px; text-align:center; float:left; padding-top:4px;}
.course-type-box-mid{width:307px; height:51px; float:left; padding:5px 18px 0px 5px;}
.course-type-box-mid a{font-size:13px; text-decoration:none; color:#272d38; font-weight:bold;}
.course-type-box-mid a:hover {color:#ca322f;}
.course-type-box-right{width:77px; height:51px; float:left; color:#3973d5; text-align:right; padding:5px 16px 0px 0px}
.course-type-box-right p{font-size:26px; color:#3973d5; font-weight:bold;}
.course-type-box-taster{width:509px; height:102px; vertical-align:middle; background:url(/images_v2/course-type-bg2.png) center no-repeat; margin-bottom:5px;} /*added for taster pages*/

#footer{width:740px; background:#bebfc3; padding:5px 10px 3px 10px; text-align:center;}
#footer a{color:#231f20; text-decoration:none;}
#footer a:hover{color:#ca322f;}
#footer-top{width:740px; padding:5px 10px 5px 10px; text-align:center; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}

#social-media-icons{float: left; width: 200px; padding:3px 10px 3px 10px; text-align:left; padding-top: 33px;}
.lower-links{width:205px; float:left; padding:3px 20px 5px 20px; text-align:center; font-size:10px;}
.lower-links a {text-decoration:none; color:#999;}
.lower-links a:hover {color:#666;}

.framed-box, .framed-box-v2, .framed-box-list {width:487px; border:1px solid #ddd; padding:10px;}
.framed-box select, textarea {margin: 0; padding: 0; color: #555555; width:115px; height:20px; background:#f3f4f3; padding:2px; font-size:11px;}

/*
.book-now-box {width:135px; float:left; height:23px; padding-top:17px;}
.book-now-button {width:60px; float:left; height:25px; padding-top:15px;}
.book-now-date {width:160px; float:left; height:40px;}
.book-now-price {width:52px; float:left; height:23px; padding-top:17px; padding-right:8px; text-align:right;}
.book-now-bird {width:50px; float:left; height:30px; padding-top:10px;}
*/

.book-now-box {width:102px; float:left; height:40px; padding-top: 15px;}
.book-now-button {width:102px; float:left; height:40px; padding-top: 10px;}
.book-now-date {width:102px; float:left; height:40px; padding-top: 7px;}
.book-now-price {width:110px; float:left; height:40px;}
.book-now-price img {
	padding-top: 10px;
	padding-right: 7px;
	float: left;
	border: none;
	background: none;
}
.book-now-price label {
	float: left;
	padding-top: 15px;
}
.book-now-bird {width:50px; float:left; height:40px;}
.book-now-students {width:52px; float:left; height:40px; padding-top: 7px;}

.book-now-date select{width: auto !important;}

.framed-box-v2 ul, ol{padding:0px 16px; margin:0px 16px 8px 5px;}
.framed-box-v2 li{color:#555; list-style:circle; margin-bottom:3px;}
.framed-box-v2 {margin-bottom:4px;}
.framed-box-v2 tr input, select, textarea {border:1px solid #ddd;}
.framed-box-v2 p {margin-bottom:10px;}
.framed-box-v2 p.same {margin-bottom:10px; margin-top:7px;}
.framed-box-v2 h3{font-size:12px; color:#555; font-weight:bold; margin-top:7px;}

.framed-box-list { margin-bottom:5px;}
.framed-box-list a{display:block; text-decoration:none;}
.framed-box-list a:hover{text-decoration:underline; color:#555;}
.framed-box-list a:visited{color:#0066cc;}
.framed-box-list p.same {margin-bottom:10px; margin-top:7px;}

.half-box {border:0px solid #ddd; padding:10px; width:230px; float:left; margin-bottom:4px;}
.half-box ul, ol{padding:0px 16px; margin:0px 16px 8px 5px;}
.half-box li{color:#555; list-style:circle; margin-bottom:3px;}
.half-box h3{margin-bottom:6px;}

h2.course-level {font-size:14px; background:#CE0202; color:#FFFFFF; width:519px; padding:3px 0px 3px 5px; margin-bottom: 0;}

.comments {width:180px; height:100px;}

#description-intro{width:495px; background:url(/images_v2/top-shade.jpg) repeat-x #fff; padding:5px 3px 3px 10px; border:1px solid #ddd;  margin:0px 0px 4px 0px; float:left;}
#d-i-right{float:left; width:50px; color:#a3a4a8; text-align:right;}
#d-i-right img{margin:4px 0px;}
#d-i-left{float:left; width:440px;}
#d-i-left h2 a{color:#1a64af; text-decoration:underline;}
#d-i-left h2 a:hover{color:#7fa9d4;}
#description-intro h1{color:#cc3333; font-size:14px;}
#description-intro h2{background:none; font-size:13px; margin-bottom:0px; padding-left:0px;}
#description-intro h3{margin-bottom:3px;}
.price {color: #3973d5; font-weight:bold; font-size:16px;}
.language {font-size:20px;}

.info-box {background:url(../images_v2/fade-bg.gif); width:503px; height:128px; float:left; padding:3px; margin-bottom:4px;}
.info-box-left {width:130px; float:left;}
.info-box-right {width:373px; float:right;}
.info-box-right h3{ background:url(../images_v2/blue-header.gif); width:367px; height:21px; font-size:13px; color:#FFF; padding:5px 0 0 6px; font-weight:normal;}
.info-box-right p{ padding:6px 0 0 6px;}
.info-box-right a{text-decoration:none; color:#3973d5; font-weight:bold;}
.info-box-right a:hover {color:#272d38; text-decoration:underline;}

table.levels{text-align:left; color:#555; background-color:#eeeeee; margin: 0; border:1px solid #ddd; border-collapse: collapse; border-top: none; margin-bottom: 20px;}
table.levels td{margin: 0; padding:6px; border-top:1px solid #ddd; border-left:1px solid #ddd;}
table.levels td p {display: block; margin: 0 !important; padding:0 !important; font-size: 11px;}
table.levels .heading td {background: #eeeeee;}
table.levels .heading td h3 {font-size: 11px; padding: 0 !important; margin: 0 !important;}
table.levels .alternate td {background: #f5f5f5;}

.ticks {
	margin-left: 0;
	padding-left: 0;
}
.ticks li {
	list-style-type: none;
	background: url("/images_v2/icon-tick.gif") left 5px no-repeat;
	padding-left: 24px;
	margin-left: 0;
	padding-top: 5px;
}

#results {
	position: relative;
	text-align: center;
	width: 473px;
	overflow: hidden;
	padding-top: 5px;
	margin: 0 auto;
}
#results h3 {
	font-family: arial, helvetica, tahoma, sans-serif;
	font-size: 10px;
	line-height: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 15px;
}
#results p {
	font-family: arial, helvetica, tahoma, sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 34px;
	text-align: center;
	color: #e4e4e4;
	text-transform: uppercase;
	padding-top: 12px;
}
#results .score {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 58px;
	font-family: arial, helvetica, tahoma, sans-serif;
	font-size: 30px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: url("/images_v2/results-bubble.png") left top no-repeat;
	margin: 0;
	padding: 0;
	padding-top: 6px;
	padding-bottom: 14px;
	text-shadow: 0 -1px 0 #000;
}
#results #scale {
	display: block;
	width: 473px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
	padding: 0;
	padding-bottom: 29px;
	background: url("/images_v2/results-scale.gif") left bottom no-repeat;
}
#results #scale li {
	display: inline;
	float: left;
	width: 12px;
	font-family: arial, helvetica, tahoma, sans-serif;
	font-size: 10px;
	line-height: 12px;
	margin-right: 1px;
	font-weight: bold;
	text-align: center;
	list-style-type: none;
}
#results #scale li.beginner {
	width: 6px;
}
#results #steps {
	display: block;
	width: 473px;
	height: 53px;
	overflow: hidden;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}
#results #steps li {
	display: inline;
	float: left;
	height: 53px;
	text-indent: -999999px;
	overflow: hidden;
	list-style-type: none;
}
#results #steps li strong {
	display: block;
	height: 53px;
	overflow: hidden;
}
#results #steps li .beginner {
	width: 90px;
	background: url("/images_v2/step-beginner.jpg") left top no-repeat;
}
#results #steps li.achieved .beginner {
	background: url("/images_v2/step-beginner.jpg") left center no-repeat;
}
#results #steps li.passed .beginner {
	background: url("/images_v2/step-beginner.jpg") left bottom no-repeat;
}
#results #steps li .elementary {
	width: 77px;
	background: url("/images_v2/step-elementary.jpg") left top no-repeat;
}
#results #steps li.achieved .elementary {
	background: url("/images_v2/step-elementary.jpg") left center no-repeat;
}
#results #steps li.passed .elementary {
	background: url("/images_v2/step-elementary.jpg") left bottom no-repeat;
}
#results #steps li .intermediate {
	width: 77px;
	background: url("/images_v2/step-intermediate.jpg") left top no-repeat;
}
#results #steps li.achieved .intermediate {
	background: url("/images_v2/step-intermediate.jpg") left center no-repeat;
}
#results #steps li.passed .intermediate {
	background: url("/images_v2/step-intermediate.jpg") left bottom no-repeat;
}
#results #steps li .upper-intermediate {
	width: 77px;
	background: url("/images_v2/step-upper-intermediate.jpg") left top no-repeat;
}
#results #steps li.achieved .upper-intermediate {
	background: url("/images_v2/step-upper-intermediate.jpg") left center no-repeat;
}
#results #steps li.passed .upper-intermediate {
	background: url("/images_v2/step-upper-intermediate.jpg") left bottom no-repeat;
}
#results #steps li .advanced {
	width: 77px;
	background: url("/images_v2/step-advanced.jpg") left top no-repeat;
}
#results #steps li.achieved .advanced {
	background: url("/images_v2/step-advanced.jpg") left center no-repeat;
}
#results #steps li.passed .advanced {
	background: url("/images_v2/step-advanced.jpg") left bottom no-repeat;
}
#results #steps li .proficient {
	width: 75px;
	background: url("/images_v2/step-proficient.jpg") left top no-repeat;
}
#results #steps li.achieved .proficient {
	background: url("/images_v2/step-proficient.jpg") left bottom no-repeat;
}
#results #labels {
	display: block;
	width: 473px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	padding-top: 18px;
	background: url("/images_v2/results-bottom.gif") center bottom no-repeat;
	padding: 0;
	padding-bottom: 30px;
}
#results #static-labels {
	display: block;
	width: 473px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	background: none;
	padding: 0;
	padding-top: 18px;
	padding-bottom: 20px;
}
#results #labels li,
#results #static-labels li {
	float: left;
	text-transform: uppercase;
	font-family: arial, helvetica, tahoma, sans-serif;
	font-size: 10px;
	line-height: 12px;
	padding-right: 9px;
	font-weight: bold;
	list-style-type: none;
}
#results p.beginner,
#results #labels li.beginner,
#results #static-labels li.beginner,
#scale li.beginner {
	color: #048528;
}
#results p.elementary,
#results #labels li.elementary,
#results #static-labels li.elementary,
#scale li.elementary {
	color: #71c451;
}
#results p.intermediate,
#results #labels li.intermediate,
#results #static-labels li.intermediate,
#scale li.intermediate {
	color: #f2bc1c;
}
#results p.upper-intermediate,
#results #labels li.upper-intermediate,
#results #static-labels li.upper-intermediate,
#scale li.upper-intermediate {
	color: #d3621d;
}
#results p.advanced,
#results #labels li.advanced,
#results #static-labels li.advanced,
#scale li.advanced {
	color: #d01017;
}
#results p.proficient,
#results #labels li.proficient,
#results #static-labels li.proficient,
#scale li.proficient {
	padding-right: 0;
	color: #8e107b;
}
#scale li.active {
	color: #fff;
	text-indent: -999999px;
	overflow: hidden;
}

#main-mid ul.testimonials,
#main-mid ul.testimonials li,
#main-mid ul.testimonials li .bubble {
	display: block;
	width: 487px;
	overflow: hidden;
	list-style-type: none;
	line-height: 16px;
	overflow: hidden;
}
#main-mid ul.testimonials li .bubble {
	background: url(/images/bubble-top.jpg) left top no-repeat;
}
#main-mid ul.testimonials {
	padding: 10px;
}
#main-mid ul.testimonials li .bubble h3 {
	display: block;
	width: 451px;
	font-size: 11px;
	font-weight: bold;
	background: none;
	margin: 0;
	padding: 0;
	text-align: left;
	padding: 18px;
	color: #231F20;
	padding-top: 5px;
	padding-bottom: 27px;
	background: url(/images/bubble-bottom-right.jpg) left bottom no-repeat;
}
#main-mid ul.testimonials li .bubble h3 a {
	text-decoration: underline;
	color: #3973D5;
}
#main-mid ul.testimonials li.alternate .bubble h3 {
	text-align: right;
}
#main-mid ul.testimonials li .bubble p {
	display: block;
	width: 451px;
	margin: 0;
	padding: 18px;
	padding-top: 13px;
	padding-bottom: 0;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
}
#main-mid ul.testimonials li .bubble.small p {
	padding-bottom: 26px;
	background: url(/images/bubble-bottom-right.jpg) left bottom no-repeat;
}
#main-mid ul.testimonials li.alternate .bubble p {
	text-align: right;
	background: url(/images/bubble-bottom-left.jpg) left bottom no-repeat;
}
#main-mid ul.testimonials li .pupil {
	float: right;
	display: inline;
	padding: 3px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;
	color: #231f20;
	font-weight: normal;
	background: #fff;
	margin: 0;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #8c97a9;
}
#main-mid ul.testimonials li.alternate .pupil {
	float: left;
}
#main-mid ul.testimonials li .pupil strong {
	font-weight: bold;
	color: #3973d5;
}
#main-mid .course-type .more { display: block; padding: 5px; text-align: center; margin: 10px auto; background: #DDD }
#tweets {
	display: block;
	overflow: hidden;
	padding-top: 20px;
}
.twitter-feed {
	position: relative;
	display: inline;
	float: right;
	width: 483px;
	height: 72px;
	padding: 11px;
	padding-top: 8px;
	padding-bottom: 0;
	text-align: left;
	background: url("/images/twitter-bubble.gif") left top no-repeat;
	overflow: hidden;
	margin: 0 auto;
	margin-right: 14px;
}
.twitter-feed .avatar {
	position: absolute;
	top: 11px;
	left: 11px;
	display: block;
	width: 29px;
	height: 29px;
	background: url("/images/twitter-avatar.gif") left top no-repeat;
	text-indent: -999999px;
	overflow: hidden;
}
.twitter-feed p {
	margin: 0;
	padding: 0;
	height: 35px;
	line-height: 18px;
	padding-bottom: 11px;
	padding-left: 39px;
}
.twitter-feed p.date {
	font-weight: bold;
	padding: 0;
	padding-left: 2px;
	line-height: 22px;
	height: auto;
}
.twitter-feed p a,
.twitter-feed p a:visited,
.twitter-feed p a:active {
	color: #3973d5;
	text-decoration: none;
	font-weight: bold;
}
.twitter-feed p a:hover,
.twitter-feed p a:focus {
	color: #000;
	text-decoration: underline;
}
.twitter-feed p.date a {
	background: url("/images/twitter-icon.gif") left center no-repeat;
	padding-left: 26px;
	line-height: 22px;
	font-weight: normal;
}
#footer-top a,
#footer-top a:visited,
#footer-top a:active {
	color: #3973d5;
}
#footer-top a:hover,
#footer-top a:focus {
	color: #000;
	text-decoration: underline;
}

