/*
-------------------------------------------
NSSCI Website
Layout

Created By Rob Wright @ Oyster
www.oyster-creative.co.uk

------------------------------------------- 
*/

body {
	margin:0px;
	font: normal 62.0%  Arial, Helvetica, sans-serif ;
	color: #3F3F3F; 
}
#frame {
	width:1000px;
	margin: 5px auto;
	
}
img {
	border:0;
}
#frame  label {
	font-size: 10px;
	color: #FFFFFF;
} 

form {
	margin:0;
	padding:0;
}

h3 { 	font-size: 11px; color: #FFFFFF; }
a { font-weight: bold; 	 text-decoration:none;	 color: #903394; }
a:hover { font-weight: bold; 	 text-decoration:underline;	 color: #00549E; }
input, select, td {font-size:1em;}




/*-------------------------------------------    
    Header
-------------------------------------------*/
#frame #header {
	margin-bottom:6px;
	background: url(../images/layout/header_background.jpg) no-repeat;
	height: 133px;
}


#frame #header h1 {
	float: right;
	
	height: 133px;
	width: 161px;	
	display:block;
	text-indent: -3000px;
	overflow:hidden;
	padding:0;
	margin:0px 40px 0 0;
}

/*---- Accessibility Controls -----------------------------*/

#frame #header ul {
	list-style:none;
	width:157px;
	height:72px;
	margin:45px 0px 0px 30px;
	padding: 0px;
	font-weight:bold;
	font-size: 10px;
	float:left;
	display:inline;
	color: #FFF;
}
#frame #header ul li {
	padding:1px 6px 0px;
	margin:0px;	

}
#frame #header ul li a{
	padding-left: 5px;
	color: #FFF;
	font-weight:normal;
	text-decoration: none;
}#frame #header ul li a:hover{
	color: #cdced0;
}
/*-------------------------------------------    
    Navigation Bar
-------------------------------------------*/

#frame #navigation {
	width: 174px;
	float: left;
}
#frame #navigation ul{
	clear:both;
	width:168px;
	background: #cdced0 url(../images/layout/nav-background.jpg)  no-repeat bottom right;
	margin:0  0 0 0px;
	padding:12px 0 21px;
	list-style:none;
}
#frame #navigation ul li{
	padding:0 0 0 12px;
		margin:2px 0px 2px 20px
}
#frame #navigation ul li a {
	width:126px;
	display:block;
	text-indent: -2000px;
	overflow:hidden;
	background-repeat:no-repeat!important;	
	border-bottom:1px solid #c3c3c5;
	background-position:right top;
}
#frame #navigation ul li a:hover{
	background-position: -130px top!important;
}
#frame #navigation ul li a#home{	background: url(../images/button/home.jpg) ;	height:  25px;  }
#frame #navigation ul li a#about{	background: url(../images/button/about.jpg) ;	height: 25px;  }
#frame #navigation ul li a#services{	background: url(../images/button/services.jpg) ;	height:  25px;  }
#frame #navigation ul li a#members{	background: url(../images/button/members.jpg); height:  25px;  }
#frame #navigation ul li a#events{	background: url(../images/button/events.jpg) ; height: 25px; }
#frame #navigation ul li a#courses{	background: url(../images/button/courses.jpg) ; height: 25px; }
#frame #navigation ul li a#speaking{	background: url(../images/button/speakingforbus.jpg);	height: 25px; }
#frame #navigation ul li a#news{	background: url(../images/button/news.jpg);	height: 25px; }
#frame #navigation ul li a#dir{	background: url(../images/button/directory.jpg) ;	height: 25px; }
#frame #navigation ul li a#links{	background: url(../images/button/links.jpg); height: 25px; }
#frame #navigation ul li a#publications{	background: url(../images/button/publications.jpg) ; height:  25px;  }
#frame #navigation ul li a#trade{	background: url(../images/button/trade.jpg);	height: 25px;  }
#frame #navigation ul li a#staff{	background: url(../images/button/staffchamber.jpg);	height:  25px;  }
#frame #navigation ul li a#contact{	background: url(../images/button/contact.jpg) ;	height:  25px;  }

#frame #navigation ul li a#homeOn{	background: url(../images/button/home.jpg) -130px top;	height: 25px; }
#frame #navigation ul li a#aboutOn{	background: url(../images/button/about.jpg) -130px top; height: 25px; }
#frame #navigation ul li a#servicesOn{	background: url(../images/button/services.jpg) -130px top; height: 25px; }
#frame #navigation ul li a#membersOn{	background: url(../images/button/members.jpg) -130px top; height:  25px; }
#frame #navigation ul li a#eventsOn{ background: url(../images/button/events.jpg) -130px top;	height:  25px;  }
#frame #navigation ul li a#coursesOn{	background: url(../images/button/courses.jpg) -130px top; height:  25px;  }
#frame #navigation ul li a#speakingOn{	background: url(../images/button/speakingforbus.jpg) -130px top;	height:  25px;  }
#frame #navigation ul li a#newsOn{	background: url(../images/button/news.jpg) -130px top; height: 25px; }
#frame #navigation ul li a#dirOn{	background: url(../images/button/directory.jpg) -130px top;	height: 25px; }
#frame #navigation ul li a#linksOn{	background: url(../images/button/links.jpg) -130px top;	height: 25px; }
#frame #navigation ul li a#publications:hover, #frame #navigation ul li a#publicationsOn{ background :url(../images/button/publications.jpg) -130px top;	height:  25px;  }
#frame #navigation ul li a#tradeOn{	background: url(../images/button/trade.jpg) -130px top; height:  25px;  }
#frame #navigation ul li a#staffOn{	background: url(../images/button/staffchamber.jpg) -130px top; height:  25px; }
#frame #navigation ul li a#contactOn{	background: url(../images/button/contact.jpg) -130px top; height:  25px;  }

#frame #navigation p {
	margin:0;
	padding:0;
}
.join {
	height: 27px;
}
#frame #navigation p a{

}

/*------------- Login-------------*/

#frame #navigation #login {
	width: 170px;

	text-align:right;
	background-color: #903394;
}
#frame #navigation #login h3{
	margin: 0px 19px 0 0;
	padding: 0px;
	letter-spacing: 1px;
}
#frame #navigation #login p{
	margin: 0;
	padding: 3px 9px;
	display:block;
}
#frame #navigation #login p input {
	width:95px;
	margin:0;
	border: 1px solid #8C8C8C;
}
#frame #navigation #login p #login-button {
	margin: 0 0 0 49px;
	border:0;
}
/*--------- Patrons ---------------*/
#frame #navigation #patrons {
	
	background:#FFFFFF;
	width: 170px;
}
#frame #navigation #patrons h3{
	padding:0;
	margin:20px 0px 0px 0;
	text-indent:-3000px;
	overflow:hidden;
	height:27px;
	background: url(../images/layout/patrons_heading_background.jpg) no-repeat;
}

/*--------- infobox ---------------*/
#frame #navigation .info-box {
	
	background:#FFFFFF;
	width: 174px;
	text-align:right;
	display:block;
}#frame #navigation .info-box  p{
	margin:0;
	padding: 0;
}
#frame #navigation .info-box  p span{
	font-weight:bold;
	display:block;
}
#frame #navigation .info-box  a{
	background: none;
	text-align:right;
	display:inline;
	font-weight:normal;
	line-height: 14px;
}

#frame #navigation .info-box  p.publication{
	padding:4px 0px;
	width: 174px;
	margin:0;
}

#frame #navigation .info-box  p.publication a{
	width: 140px;
	display:block;
	color:#666666;
	padding:4px 30px 4px 0px;
	background:  150px 5px;
	border-bottom: 2px solid #F2F2F2;
}
#frame #navigation .info-box  #publication_last a{
border:none;
}

#frame #navigation .info-box .publication a.newsletter, #frame #content #main-content p a.newsletter, #frame #content #main-content ul li a.newsletter {
	background-image: url(../images/layout/newsletter-icon.jpg);
	background-repeat: no-repeat;
}

#frame #navigation .info-box .publication a.pdf, #frame #content #main-content p a.pdf, #frame #content #main-content ul li a.pdf {
	background-image: url(../images/layout/pdf-icon.jpg);
	background-repeat: no-repeat;
}

#frame #navigation .info-box .publication a.word, #frame #content #main-content p a.word, #frame #content #main-content ul li a.word{
	background: url(../images/layout/word-icon.jpg) no-repeat;
}

#frame #navigation .info-box .publication a.excel, #frame #content #main-content p a.excel, #frame #content #main-content ul li a.excel{
	background: url(../images/layout/xls-icon.jpg) no-repeat;
}
#frame #navigation .info-box .publication a.ppt , #frame #content #main-content p a.ppt,  #frame #content #main-content ul li a.ppt{
	background: url(../images/layout/powerpoint-icon.jpg) no-repeat;
}
#frame #content #main-content p a.default_file {
	background: url(../images/layout/file_icon.gif) no-repeat;
		padding:5px 0px 8px 30px;
 
}

 #frame #content #main-content p a.newsletter, #frame #content #main-content p a.pdf,  #frame #content #main-content p a.word,  #frame #content #main-content p a.excel,  #frame #content #main-content p a.ppt,  #frame #content #main-content ul li a.pdf,  #frame #content #main-content ul li a.word,  #frame #content #main-content ul li a.excel,  #frame #content #main-content ul li a.ppt {
	padding:4px 0px 8px 30px;
 
 }



/*--------- Links---------------*/

#frame #navigation .link-out{
	background-color: #FFFFFF;
	border: solid 1px #E9E9E9;
	border-top: 0;
	width: 160px;
	margin: 0px 0px 0px;
	padding: 15px 0px;
	text-align: right;
	line-height: normal;
}

#frame #navigation .link-out a {
	display: inline;
	width: auto;
	margin: 0px ;
	padding: 0px;
	clear: both;
}

#frame #navigation .link-out a img {
	width: auto;
	margin: 0px ;
	padding: 0px 9px 0px 0px;
}


#frame #navigation #focus_magazine {
	margin: 8px 0px 0px;
	padding: 5px;
	position: relative;
	width: 158px;
	height: 100px;
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
}

#staffs_business {
	display:block;
	margin:10px 0px 0px 2px;
	border:1px solid #EBEBEB;
	width:160px;
	padding:2px;
}
#staffs_business:hover { 	border:1px solid  #9D9D9D;}

/*-------------------------------------------    
    Content
-------------------------------------------*/
#frame #content  {
	width:825px;
	float:left;

}
#frame #content #main-content {
	width:600px;
	float:left;
	display:inline;
	clear:none;
	position:relative;
}
#frame #content #main-content ul, #frame #content #main-content ol {
	padding-left: 35px;
	margin-left: 35px;
	font-size: 1.1em;
}#frame #content #main-content ul li{
	font-size: 1.0em;	
	margin-bottom:5px;
}
#frame #content #main-content ol li{
	margin:10px 0px;
}
/* header Images */
#frame #content .header_banners {
	margin-left:20px;
}
#frame #content .header-image {
	margin:0;
	padding:0;
	position:absolute;
	right:0px;
	top:15px;
}

#frame #content #main-content  #text_column{
	/*width:330px;*/
}


/* Page specisfic images */

#frame #content #speaking_header {
	border:2px solid #E8E8E8;
	padding:1px;
	float:right;
	margin:0px 30px 10px 10px;

	/* 
	right:20px;
	top:90px; */
}


#frame #content #page-image {
	float:right;
	margin:0px 30px 5px 0px;
	display:inline;

}

/*--------- Search ---------------*/

#frame #content  #site-search {
	margin:0;
	padding:3px 0px 0px;
	height: 23px;
	
}
#frame #content  #site-search p {
	background: #d5d6d7;
	width: 183px;
	height: 20px;
	margin: 0;
	padding: 4px 0px;
	float:right;
}	
#frame #content  #site-search label {
	padding-top: 3px;
	height: 20px;
	float:left;
	margin-left: 12px;
	width: 30px;
}
#frame #content  #site-search input {
	width:101px;
	height: 11px;
	font-size:0.9em;
	padding:2px;
	border: 1px solid #bfc0c1;
	background: #FFFFFF;
	float:right;
	display: inline;
	margin: 1px 5px 0px 0px;
}
#frame #content #site-search #search-button {
	width: 52px;
	height: 16px;
	float:left;
	border: 0;
	margin: 0px 0px;
	background:none;
	display: inline
}

/*--------- Main Content---------------*/

#frame #content #main-content h2{
	font-size:2.1em;
	margin: 15px 30px 0px;
	clear:both;
	color:#903394;
}
#frame #content #main-content h2 img{
	clear:left;
	display:inline;
	float:right;
	right:0px;
	top:0px;
	padding-bottom:9px;
}
#frame #content #main-content ul#secondary-navigation{
	list-style:none;
	color:#903394;
	margin: 15px 30px 0px;
	padding:0px 0px 5px 0px;
	border-bottom: 1px dashed #DDDDDD;
	font-size: 1.0em;
}

#frame #content #main-content ul#secondary-navigation li{
	display:inline;
	margin:0;
	padding-right: 3px;	font-size: 1.0em;
}

#frame #content #main-content ul#secondary-navigation li a{
	font-size:1.1em;
	color:#00549E;
	padding-right: 5px;
}

#frame #content #main-content ul#secondary-navigation li a.secondaryOn{	color:#903394; }

#frame #content #main-content p, #frame #content #main-content #info-area, #frame #content #main-content table{
	font-size:1.1em;
	margin: 13px 30px;
}

#frame #content #main-content #info-area #buiness_network a{
	display:block;
	text-decoration:none;
}

#frame #content #main-content #info-area #buiness_network a span {
	display:block;
	font-size:1.1em; 
	padding:5px 8px 5px 0px; 
	color:#666666;
	text-align:center;
}

#frame #content #main-content #info-area, #frame #content #main-content table{	width:570px; }

#frame #content #main-content p.homepage {
	width:330px;
	margin-right:0px;
}

#frame #content #main-content table#browser { 	border:solid 1px #EFEFEF; }

#frame #content #main-content table#browser td{
 	width: 50%;
	text-align:left;
	padding:5px;
	border: none;
	color:#333333;
	border-top: 1px dashed #CCCCCC;
}
 
#frame #content #main-content p span{
	font-weight:bold;	
	font-size: 1.0em;
}

#frame #content #main-content ul li span{
	font-weight:bold;	
	font-size: 1.1em;
}

#frame #content #main-content h2#welcome{

	display:block;
	font-weight:normal;
	color:#913394;
}

#frame #content  h3, #frame #content #main-content #info-area h3{
	margin: 0;
	padding:0;
	display:block;
	text-indent: -2000px;
	overflow:hidden;
}

#frame #content #main-content  h3{

	margin: 13px 31px;
	clear:both;
	text-indent: 0px;
	overflow: visible;
	color:#666666;
	font-size:1.5em;
}

#frame #content #main-content p label{
	font-size: 1.1em;
	display:block;
	color:#666666;
}
#frame #content #main-content p input, #frame #content #main-content p textarea{
	width:75%;
}

#frame #content #main-content p #button {
	width:90px;
}

#frame #content #main-content .img-box {
	float:right;
	display:inline;
	margin: 0px 5px 5px 5px;
	
}
#frame #content  #main-content  h3#search-results {
	font-size:1.2em;
	border-bottom: #A9A3A0 1px solid;
	padding-bottom: 3px;
	margin-bottom:20px;

}
#frame #content  #main-content .publication {
	padding-left:29px;
}
#frame #content  #main-content .publication a{
	padding-bottom:5px;
	display:block;
	margin-left: -33px;
}

/*--------- Main Content >> Survey -----------------------*/
#frame #content #survey {
	width:390px;
}

#frame #content #survey h2{
	color:#B88BBD;
	font-size:1.0em;
}

#frame #content #survey h2 span, #frame #content #survey h2 strong{ display:block;  font-size:1.9em;  padding-top:3px;  }
#frame #content #survey h2 span {
	color: #A266A8;
} 

#frame #content #survey p strong {
	padding:0px 0px 3px;
}

#frame #content #survey img {
	margin:0px 9px 0px 30px;
	display:block;
	border:1px solid  #F5F5F5;
}
#frame #content #survey p em { font-size:0.9em; color:#666666; }

/*--------- Main Content >> Directory Search---------------*/
#frame #content #main-content form#directory-search  {
	margin: 20px 20px 0px;
}
#frame #content #main-content form#directory-search fieldset {
	border: 1px solid #E9E9E9;
	width:550px;
	padding: 5px 10px;

}
#frame #content #main-content form#directory-search fieldset p  {
	height:3em;
	margin:0px;
	padding:0px  10px 0px 0px;
	display:inline;
	float: left;
	clear:none;
	width:166px;
}	
#frame #content #main-content form#directory-search fieldset p label {
	color:#333333;
	margin:0px;
	padding: 10px 0;
	width:100px;
}
#frame #content #main-content form#directory-search fieldset p#dir-button {
	width: 16px;
	height:3em;
	margin:0;
	padding:35px 0 0 0 ;
	display:inline;
} 

#frame #content #main-content form#directory-search  fieldset p#dir-button input{	width: 14px;}

#frame #content #main-content form#directory-search fieldset p input{
	width: 150px;
	border: 1px #999999 solid;
}

/*--------- Main Content >> Info /  News Area---------------*/

#frame #content #main-content #info-area {
	border-top: 1px solid #CCCCCC;
	padding-top:5px;
}

#frame #content #main-content #info-area #prem_members {
	padding-bottom:15px;
}

#frame #content #main-content #info-area p{
	width:185px;
	border-right: 1px dashed #8C8C8C;
	padding-right: 5px;
	margin:15px 0px ;
	font-size:0.9em;
	float:left;
}
#frame #content #main-content #info-area p img{
	margin-left:-8px;
	display:block;	
	position:relative;
}

#frame #content #main-content #info-area p .chamberconnect{
	margin-top: -6px;
	float:right;
	padding: 0 0 0px 2px;
}
#frame #content #main-content #info-area #news-box, #frame #content #main-content #info-area #bbc-box{
	width:187px;
	display:inline;
	float:left;
	clear:none;
	font-size: 1.1em;
	margin:15px 0px 3px 10px;
}
#frame #content #main-content #info-area #bbc-box{
	background:  #FFFFFF ;
	margin:0px 0px 22px 12px;
	
}
#frame #content #main-content #info-area #news-box h3{
	width: 197px;
	height: 23px;
	background:url(../images/layout/news-title.jpg) no-repeat;

}#frame #content #main-content #info-area #bbc-box h3{
	width: 197px;
	height: 14px;
	margin-top: 7px;
	background:url(../images/layout/bbc-title.jpg) no-repeat #9C1D16;
}

#frame #content #main-content #info-area  #news-box p{
	 width: 197px;
	 border:0px;
	 padding:0px;
	 margin:6px 2px 6px 5px;
 }
 #frame #content #main-content #info-area #bbc-box p{ 
	padding:8px 8px;
	border:0px;
	width: 181px;
	margin:0px 5px 0px 0px;
	background:#f2f2f3;
	line-height:12px;
}

#frame #content #main-content #info-area #bbc-box p a span{ 
   	color: #990000;
	font-size:1em;
   font-weight:normal;
   display:block;
}

#frame #content #main-content #info-area #bbc-box p a{ 
  	color:#666666;
	font-size:1em;
	text-decoration:none;
	font-weight:normal;
}

#frame #content #main-content #info-area #bbc-box #travel_info {
	clear:both;
	padding-top:10px;
	display:block;
}

#frame #content #main-content #info-area  #news-box p a {
	margin-top:5px;
} 
#frame #content #main-content #info-area  #news-box p a, #frame #content #main-content #info-area  #news-box p  span {
	 display:block;
}

#frame #content #main-content #info-area #feature {
	float:right;
	clear:none;
	min-height:405px;
	margin:15px 0;
	padding:1px 0px 30px 15px;
	border:0;
	width: 141px;
	border-left:1px dashed #8C8C8C;
	font-size:9px!important;
	display:block;
}
#frame #content #main-content #info-area #feature  .title{
	display:block;
	padding:0px 3px 6px;
	color:#903394;
	line-height:26px;
	font-size: 2.4em;
	font-weight: bold;
}

#frame #content #main-content #info-area #feature  .title .word_two{
	color:#B88BBD;
}

#frame #content #main-content #info-area #feature  .title .word_three{
color:#B1B3B5;
}

#frame #content #main-content #info-area #feature .text {
	padding:3px 6px 9px;
	display:block;
	font-size:1.1em;
	font-weight: normal;
}
#frame #content #main-content #info-area #feature img {
	padding-top:10px;
	margin-left:0px;
}
#frame #content #main-content #info-area #feature .date {
	display:block;
	font-size: 2.5em;
	font-weight: bold;
	color:#ba8cbf;
	padding:2px 5px 5px;
}
#frame #content #main-content #info-area #feature .date  span {
	display:block;	
	font-weight: normal;
	font-size: 1.6em;
}#frame #content #main-content #info-area #feature  a {
	padding:5px 0px 0px 5px;
	display:block;
	margin-top:1px;
	font-size:1.4em;
}



/*--------- Main Content >> Patrons--------------*/
#frame #content #main-content ul#patrons {
	list-style:none;
}
#frame #content #main-content ul#patrons li{
	width:150px;
	display:block;
	float:left;
	border-top: 1px solid #DDDDDD;
	text-align:center;
	margin: 0px 25px 0px 0px;
}
#frame #content #main-content ul#patrons li a{
	display:block;
	width: 138px;
	padding:4px;
	height:120px;
	margin:3px auto;
	font-size:1.0em;
}
#frame #content #main-content ul#patrons li a:hover{
	text-decoration:none;
	background-color: #FBFBFB;
}
#frame #content #main-content ul#patrons li a img{
	margin-top:13px;
}



/*--------- Main Content >> Services--------------*/
#frame #content #main-content ul#service-list {
	list-style:none;
	margin: 29px 0px 0px 20px;	
}
#frame #content #main-content ul#service-list li{
	width:155px;
	display:block;
	float:left;
	padding: 15px 25px 3px 0px;	
	height: 56px;
}

/*----------------Search ----------------------------------*/
p.search-result {
	color: #094E93;

}
p.search-result a {
	
	font-weight:normal;
	color:#333333;
}

p.search-result a:hover {
	color:#903394;
	text-decoration:none;
}
p.search-result a span {
	color:#903394;
}


#frame #content #main-content #premier p { 
	margin-top:10px;
	padding-top:20px;
	margin-bottom:10px;
	clear:both;
}
#frame #content #main-content #premier p:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#frame #content #main-content #premier p img{
	padding:7px;
	float:left;
	margin-top:-10px;
	margin-right:10px;
	border:1px solid  #EAEAEA;
}
#frame #content #main-content #premier p a {
	font-size:1.2em;
	display:block;
}

/*----------------------------
	Secondary Content
------------------------------*/

#frame #content  #secondary-content {
	width: 184px;

	float:right;
	display:inline;
	clear:none;
	margin:15px 0 22px 0;
	padding-left: 9px;
	font-size: 1.1em;
}

#secondary-content #member_area_button,#secondary-content #member_2_member{ 
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:132px;
	height:20px;
	margin-bottom:15px;
	color:#913896;
	padding: 10px 0px 0px 50px;
	text-decoration:none;
	border:1px solid #c5c7c9;
	position:relative;
	text-transform:lowercase;
	background: url(../images/layout/homepage-member-buttons.gif) no-repeat bottom right;
}

#secondary-content #member_2_member{ 
	padding: 8px 0px 3px 5px;	
	width:177px;
}
#secondary-content #member_area_button img{ 
	position: absolute;
	left:3px;
	top:-5px;
}
#member_2_member img{ 
	position:absolute; 
	top:-10px;
}

#member_2_member span{ padding-left:45px; }

#secondary-content #member_area_button span, #member_2_member span{  color:#9c9ca7; }

#frame #content  #secondary-content  #calendar{	padding-bottom: 9px;}

#frame #content  #secondary-content #calendar h3{
	width:183px;
	background: #D5D6D8 url(../images/layout/event-calendar-background.jpg) no-repeat;
	height: 24px;
	margin-bottom:6px;
}
#frame #content  #secondary-content h4 {
	font-size: 1.5em;
	margin:1px 0px 20px;
	padding: 0px 0px 10px;
	text-transform:lowercase;
	border-bottom: 1px solid #dddedf; 
	color: #903394;
}

#frame #content  #secondary-content h4 span {
	display:block;
	color: #ba8cbf;
	font-size: 1.7em;
}
#frame #content  #secondary-content h5 {
	color:#CCCCCC;
	font-size:0.9em;
	margin:3px 0px 0px;
	padding:0px;
}

#frame #content  #secondary-content h5#course_title {
	background:url(../images/layout/course_title_background.jpg) no-repeat;
	text-indent:-3000px;
	overflow:hidden;
	width:181px;
	height:23px;
}

#frame #content  #secondary-content p {
	margin-top:0px;
	padding-top:0px;
	color:#6d6e71;
	font-weight:bold;
}
#frame #content  #secondary-content p span {
	font-size: 1.3em;
	display:block;
	font-weight:bold;
	color:#ba8cbf;
}
#frame #content  #secondary-content p a{
	padding-top:5px;
	display:block;
	font-size:0.9em;
	font-weight:normal;
	text-transform:lowercase;
}

#frame #content  #secondary-content ul{
	list-style:none;
	color:#903394;
	padding:0px ;
	margin:0;
}
#frame #content  #secondary-content ul li{
	margin:0;
	padding: 3px 3px 1px;
	
	border-bottom: 1px dashed #DDDDDD;
}
#frame #content  #secondary-content ul li a{
	font-size:1.1em;
	color:#00549E;
}
#frame #content  #secondary-content ul li a:hover, #frame #content  #secondary-content .on{
	color:#903394;
}


/*-------------------- Shopping Basket -------------------*/

#frame #content  #secondary-content #basket h3{
	width:183px;
	background: #BFC0C2 url(../images/shopping-basket.jpg) no-repeat;
	height: 24px;
 }
#frame #content  #secondary-content  #basket  p {
	padding: 10px 5px 3px;
	border:1px solid #DDDDDD;
	font-size: 0.9em;
	background-color: #f1eaf1;
	display: inline-block; 
}

#frame #content  #secondary-content  #basket  p:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 

frame #content  #secondary-content  #basket span.success { 
	clear:both;
	display:block;
	width:170px;
}

#frame #content  #secondary-content #basket p span.added, #frame #content  #secondary-content #basket p span.quantity_add, #frame #content #secondary-content #basket span.success { 
	color: #333333;

}
#frame #content  #secondary-content  #basket  p span.quantity, #frame #content  #secondary-content  #basket  p  span.quantity_add  {
	float:left;
	width:20px;
	font-weight: normal;
	font-size: 0.9em;
	clear:left;
	
}
#frame #content  #secondary-content  #basket  p span, #frame #content  #secondary-content  #basket  p span.added{
	float:left;
	width:140px; color:#333333;
	margin-bottom:15px;
	font-size: 0.9em;
	
}
#frame #content  #secondary-content  #basket p  a{
	padding:4px 0px 0px 27px;	
	margin:4px 0px 5px;
	clear:both;
}

#frame #content #main-content .basket-content, #frame #content #main-content .order-content, #frame #content #main-content .totals  {
	margin:13px 0px 13px 30px;
	width:570px;
	height: auto;
	padding:0px 0px 5px;
	border-bottom:1px dashed #F0F0F0;
}

#frame #content #main-content .basket-content:after, #frame #content #main-content .order-content:after, #frame #content #main-content .totals:after  {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#frame #content #main-content .totals  {
	background-color: #FFFFFB;
}

#frame #content #main-content .basket-content form {
	padding:0px;
}

#frame #content #main-content .basket-content form p {
	width:110px;
	float: left;
	display: inline;
	clear:left;
	line-height:18px;
	margin:0px;
}


#frame #content #main-content .order-content p {
	width:530px;
	margin:0px 0px 0px 10px;
	line-height:20px;
}

#frame #content #main-content .basket-content form p span  {
	padding:5px;
}

#frame #content #main-content .order-content  p span.product-cost  {
	float:right;
}

#frame #content #main-content .basket-content form p span  input, #frame #content #main-content .basket-content form p span  a{
	margin-bottom: -4px;
}

#frame #content #main-content .basket-content p, #frame #content #main-content .totals p  {
	width:440px;
	margin:0px;
	line-height:20px;
}

#frame #content #main-content .totals p  { 
 	width:540px;
 	text-align:right;
}

#frame #content #main-content .totals p span {  	padding-right: 10px;}

#frame #content #main-content .basket-content p a {
	float:right;
	display:inline;
	padding-left:10px;
}

#frame #content #main-content .basket-controls {
	padding-top:30px;
	text-align:right;
}

#frame #content #main-content #order-progress {
	width: 480px;
	list-style:none;
	margin:23px 50px;
	padding-top:10px;
	padding-bottom:10px;
	border-top: 1px solid  #E9E9E9;
}
#frame #content #main-content #order-progress li{
	float:left;
	width:120px;
	color:#CCCCCC;
}
#frame #content #main-content #order-progress li.current{
	color: #903394;
	font-weight:bold;
}

#frame #main-content #services_links {
	width:580px;
	margin-right:0px;
	float:right;
	border-top:solid 1px  #CCCCCC;
	text-align:right;
	margin-bottom: 0px;
	font-size: 1.1em;
}
#frame #main-content #services_links ul {
	padding:0px;
	margin:8px 0px 0px;
	padding-right:  10px;
	list-style: none;	

}
#frame 	#main-content #services_links ul li{
	display:inline;
	margin:0px 1px;
}
#frame 	#main-content #services_links ul li a{
	padding:0px;
	color:#666666;
}

#frame 	#main-content #voucher { 	margin:46px 0px 30px; }

#frame 	#main-content #voucher form {
	border:1px solid #E9E9E9;
	width:550px;
	padding:20px 0px;
	position:relative;
	background: #F0F0F0;
	margin:20px 10px 10px 30px;
}

#frame 	#main-content #voucher form p label{
	display:inline;
}
#frame 	#main-content #voucher form p label input{
	display:block;
	margin:5px 0px 0px;
	width:400px;
	float:none;
}

#frame 	#main-content #voucher p #apply{
	width:90px;
	position:absolute;
	left:440px;
	top:52px;
}

#frame 	#main-content #voucher .error {
	color:#FF0000;
}
/*----------------------------
	Footer
------------------------------*/

#frame #footer {
	width:1000px;
	clear:both;
	float:left;
	margin-top:20px;
	border-top:1px dashed #CCCCCC;
}

#frame 	#footer ul {
	padding:0px;
	text-align:right;
	margin:10px 0px;
	padding-right:  20px;
	list-style: none;	
	color: #903394;
}
#frame #footer ul li{
	display:inline;
}
#frame 	#footer ul li a{
	font-weight: normal;
	color:#666666;
}

/*----------------------------
	Misc
------------------------------*/

.warning {
	display: block;
	text-indent: 15px;
	background: url(../images/layout/warning-a-background.jpg) no-repeat 0px 6px;
	padding:6px 0px;
	font-size: 0.8em;
	line-height:24px;
}
.error{
	background-color: #FFECEC;
	border: 1px dashed #FF0000;
	padding: 0px 0 0 3px;
	width:540px;
}
.success, .note{
	background-color: #FDFCEE;
	border: 1px dashed #CCCCCC;
	padding: 0px 0 0 3px;
	width:540px;
}
.note{
	padding:3px 0px 3px 3px
}
.error-text{
	color: #FF0000!important; 
	font-weight:strong!important;
}
/*----- Oyster Imprint----------*/

#frame  #boost {

	float:right;
	margin: 10px 25px;
}
#frame  #boost a{
	background-image: url(../images/oyster.jpg);
	background-repeat: no-repeat;
	height: 41px;
	width: 257px;
	text-indent: -1000px;
	overflow:hidden;
	display:block;
}