@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #333;
}

.accessibility {
display: none;
}

.clear {
clear: both;
overflow: hidden;
height: 0;
font-size: 0px;
}

a {
	text-decoration: none;
	color: #333;
}

a:hover {
	color: #999;
}

hr {
	color:  #EBEBEB;
	height: 1px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-left-width: 0;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;	
}

/* ********************************************* */

#full-background {
	width: 1050px;
	height: 100%;
	margin: 0 auto;
	background-color: #333;
	background-image: url(/images/background.png);
	background-repeat: repeat-y;
}

/* ********************************************* */

#container {
width: 974px;
margin: 0 auto;
background: #FFF;
}

/* ********************************************* */

#top {
	width: 974px;
	position: relative;
	height: 23px;
	padding: 3px 0 0 0;
	background-color: #CCC;
}

#top ul li {
display: inline;
float: left;
background: url(/images/interface/top_nav_divider.gif) 100% 5px no-repeat;
margin: 0 6px 0 0;
}

#top ul li.last {
	background-image: url(/images/basket.jpg);
	background-repeat: no-repeat;
	background-position: 1px 4px;
	padding-left: 20px;
	padding-top: 1px;
}

#top ul li a {
font-size: 0.6875em;
color: #666;
padding: 0 7px 3px 0;
}

#top ul li a:hover {
color: #000;
}

#top ul#menu-left {
position: absolute;
top: 3px;
left: 0;
width: 250px;
margin: 0 0 0 20px;
display: none;
}

#top ul#menu-right {
position: absolute;
top: 3px;
/*right: 210px;*/
right: 10px;
}

/* ********************************************* */

#top form {
position: absolute;
top: 0;
right: 0;
}

#top form fieldset {
}

#top form fieldset legend {
display: none;
}

#top form fieldset label {
display: none;
}

#top form fieldset input#quick-search-keywords {
	width: 114px;
	height: 13px;
	border: 1px solid #CCC;
	position: absolute;
	top: 5px;
	right: 78px;
	font-size: 0.6em;
	color: #333;
}

#top form fieldset input#quick-search-button {
position: absolute;
top: 5px;
right: 20px;
}

/* ********************************************* */

#homepage-image {
width: 974px;
height: 147px;
position: relative;
clear: both;
}

#homepage-image img#logo {
position: absolute;
top: 55px;
left: 21px;
z-index: 100;
}

#homepage-image img {
display: block;
}

/* ********************************************* */

#navigation {
	width: 974px;
	height: 33px;
	overflow: hidden;
	background-color: #323232;
	background-image: url(/images/main_nav_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#navigation ul {
width: 954px;
margin: 0 0 0 12px;
padding: 8px 0 0 0;
}

#navigation ul li {
	display: inline;
	float: left;
	height: 20px;
	margin: 0 5px 0 0;
	padding: 0 4px 0 0;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #666;
}

#navigation li a {
	height: 21px;
	font-size: 0.750em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 2px 9px 2px 9px;
	color: #FFF;
}

#navigation li:hover {
	background-image: url(/images/main_nav_hover_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px -8px;
	color: #FFF;
}

#navigation li a:hover {
	background-image: url(/images/main_nav_hover_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px -8px;
}

/*#home-page #home_li,
#events-page #events_li,
#news-page #news_li,
#training-page #training_li,
#resources-page #resources_li,
#conferences-page #conferences_li,
#publications-page #publications_li,
#funding-page #funding_li,
#recruitment-page #recruitment_li,
#members-page #members_li,
#join-page #join_li,
#directory-page #directory_li 
{ background: #FFF url(/images/interface/tabs_left.gif) 0 -100px no-repeat; }

#home-page #home_li a,
#news-page #news_li a,
#events-page #events_li a,
#training-page #training_li a,
#resources-page #resources_li a,
#conferences-page #conferences_li a,
#publications-page #publications_li a,
#funding-page #funding_li a,
#recruitment-page #recruitment_li a,
#members-page #members_li a,
#join-page #join_li a,
#directory-page #directory_li a 
{ background: url(/images/interface/tabs_right.gif) 100% -100px no-repeat; color: #330033; }*/

#navigation li.active, #navigation li.active:hover
{
    	background-image: url(/images/main_nav_hover_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px -8px;
	color: #FFF;
}

#navigation li.active a, #navigation li.active a:hover
{
    	background-image: url(/images/main_nav_hover_bg.jpg);
	background-repeat: repeat-x;
	background-position: 0px -8px;
	color: #FFF;
}


#nav-search form fieldset {
	padding-left: 10px;
}

#nav-search form fieldset legend {
display: none;
}

#nav-search form fieldset label {
display: none;
}

#nav-search form fieldset input#quick-search-keywords {
	width: 114px;
	height: 13px;
	border: 1px solid #CCC;
	/*top: 5px;*/
	right: 78px;
	font-size: 0.6em;
	color: #333;
	padding-top: 0;
	padding-left: 10px;
	float: left;
	margin-right: 8px;
	margin-top: 2px;
}

#nav-search form fieldset input#quick-search-button {
right: 20px;
}

/* ********************************************* */

#content {
	padding: 0 0 0 20px;
}

.pad {
padding: 2px 10px 4px 26px !important;
}

.sector {
padding: 2px 10px 4px 15px !important;
}


#home-page #content h2 {
background: #330033;
height: 22px;
font-size: 0.875em;
color: #FFF;
text-transform: uppercase;
padding: 8px 10px 0 15px;
}

#home-page #content #home-left-column h2 {
	width: 223px;
}

#home-page #content h2 a {
color: #FFF;
text-transform: uppercase;
display: block;
}

#home-page #content #home-left-column h2 a {
width: 223px;
}

#home-page #content h2 a:hover {
color: #765476;
}

#home-page #content h3 {
background: url(/images/interface/home_h3_background.gif) 0 0 repeat-x;
height: 20px;
color: #FFF;
font-size: 0.8125em !important;
padding: 6px 0 0 15px !important;
}


#home-page #content h3 a {
color: #FFF;
font-size: 1em !important;
font-weight: bold;
padding: 0 0 0 0;
}

#home-page #content h3 a:hover {
color: #CCC;
}

/* ********************************************* */

.control {
position: relative;
background: url(/images/interface/control_bg.gif) 0 0 repeat-x;
height: 52px;
margin: 12px 0 0 0;
}

#home-page .control {
background: none;
height: auto;
margin: 0 0 0 0;
}

.control ul.list-control {
position: absolute;
top: 17px;
right: 4px;
height: 16px;
width: 20px;
}

#home-page .control ul.list-control {
width: 40px;
top: 4px;
right: 0;
}

.control ul.list-control li {
width: 16px;
height: 16px;
float: left;
margin: 0 4px 0 0!important;
padding: 0 0 0 0 !important;
list-style: none !important;
font-size: 1em !important;
line-height: 1em !important;
}

.control ul.list-control li a {
position: relative;
display: block;
width: 16px;
height: 16px;
text-align: center;
font-weight: bold;
color: #FFF;
background: #666;
opacity: 0.6;
filter: alpha(opacity = 60);
}

#home-page .control ul.list-control li.minus {
display: block;
}

.control ul.list-control li.minus {
display: none;
}

.control ul.list-control li a:hover {
background: #999;
opacity: 0.7;
filter: alpha(opacity = 70);
}

.control h2 {
padding: 0 0 0 0 !important;
font-size: 1em !important;
line-height: 1em !important;
}

.control h2 a {
font-size: 0.875em;
padding: 9px 40px 0 12px;
color: #333;
display: block;
}

.control h2 a:hover {
color: #000;
}

.control h3 {
padding: 0 0 0 0 !important;
font-size: 1em !important;
line-height: 1em !important;
}

.control h3 a {
font-size: 0.6875em !important;
padding: 4px 20px 0 12px;
color: #666;
display: block;
font-weight: normal;
}

.control h3 a:hover {
color: #000;
}

.details {
padding: 10px 12px 0 12px;
margin: 0 0 12px 0;
}

.details img {
display: block;
float: right;
margin: 7px 0 12px 12px;
}

/* ********************************************* */

#content #home-left-column {
	width: 210px;
	float: left;
	padding-bottom: 40px;

}

#home-sponsorship {
border: 1px solid #CCC;
margin: 0 0 20px 0;
}

#home-sponsorship img {
display: block;
}

/* ********************************************* */

#content .list-box {
border: 1px solid #CCC;
margin: 0 0 20px 0;
}

#content .list-box h4 {
font-size: 0.8125em;
color: #666;
line-height: 1.2em;
}

#content .list-box h4 a {
color: #666;
display: block;
padding: 0 7px 0.25em 26px;
background: url(/images/interface/home_list_arrow.gif) 15px 2px no-repeat;
}

#content .list-box p {
font-size: 0.750em;
color: #999;
line-height: 1.2em;
}

#content .list-box p a {
color: #999;
display: block;
padding: 0 7px 0 26px;
}

p.learnmore-link a {
color: #330033 !important;
font-size: 0.9166em;
font-weight: bold;
padding: 0.5em 7px 0 15px !important;
}

p.learnmore-link a img {
float: none !important;
margin: 0 0 0 3px !important;
display: inline !important;
}

#content .list-box img {
float: left;
margin: 0 5px 0 12px;
display: block;
}

#content .list-box .stripe {
background: #EEE;
}

/* ********************************************* */

.home-list-item {
padding: 8px 0 6px 0;
}

.home-list-item:hover, .stripe:hover {
background: #DDD !important;
}

#content #home-left-column .list-box {
width: 248px;
}

/* ********************************************* */

#content #home-middle-column {
width: 422px;
float: left;
margin: 0 20px 0 20px
}

#content #home-middle-column h1 {
font-weight: bold;
color: #666;
font-size: 15px;
line-height: 20px;
padding-bottom: 10px;
}

#content #home-middle-column h2 {
padding: 8px 10px 0 188px !important;
}

#content #home-middle-column p {
color: #666;
font-size: 13px;
line-height: 18px;
padding-bottom: 15px;
}

.home-updates {
height: 190px;
overflow: hidden;
}

.home-updates img {
margin: 0 0 0 0 !important;
}

#content .home-updates h4 a {
padding: 0 7px 0.25em 15px;
background: none;
}

#content .home-updates p a {
padding: 0 7px 0 15px;
}

.home-updates .home-list-item {
height: 66px;
overflow: hidden;
width: 248px;
background: #E1D9E1;
}

.home-updates .stripe, .forthcomingevents-list .stripe {
background: #D8CED8 !important;
}

.home-updates .home-list-item:hover, .home-updates .stripe:hover {
background: #D0C7CF !important;
}

.forthcomingevents-list img {
float: right !important;
margin: 0 0 0 0 !important;
}

.forthcomingevents-list .home-list-item {
height: 45px;
overflow: hidden;
/*width: 283px;*/
background: #E1D9E1;
}

.forthcomingevents-list .home-list-item:hover, .forthcomingevents-list .stripe:hover {
background: #D0C7CF !important;
}

#content .forthcomingevents-list h4 a {
padding: 0 7px 0.25em 15px;
background: none;
color: #330033;
}

#content .forthcomingevents-list p a {
padding: 0 7px 0 15px;
}

.forthcomingevents-list a img {
float: none !important;
margin: 2px 0 0 3px !important;
display: inline !important;
}

.home-list-item .pad p.home-date {
font-size: 0.625em !important;
padding-bottom: 5px !important;
text-transform: uppercase;
letter-spacing: 1px;
color: #666!important;
}

/* ********************************************* */

#content .mini-box {
border: 1px solid #CCC;
margin: 0 0 20px 0;
width: 202px;
float: left;
height: 91px;
overflow: hidden;
}

/*#content .publications-box {
margin: 0 14px 0 0;
background: url(/images/interface/mini_box_bg.gif) 0 0 repeat-y;
}

#content .publications-box img {
float: left;
margin: 4px 7px 0 10px;
display: block;
}*/

#content .mini-box h4 {
font-size: 0.8125em;
color: #666;
}

#content .mini-box h4 a {
color: #666;
display: block;
padding: 8px 7px 0.25em 15px;
}

#content .mini-box p {
font-size: 0.750em;
color: #999;
line-height: 1.2em;
}

#content .mini-box p a {
color: #999;
display: block;
padding: 0 7px 6px 15px;
}

/* ********************************************* */

#content #home-right-column {
width: 222px;
float: left;
}

#content #home-right-column .list-box {
width: 220px;
}

.home-resources h4 a {
background: none !important;
padding: 0 7px 0.25em 15px !important;
}

.home-resources p a {
padding: 0 7px 0 15px !important;
}

/* ********************************************* */



/* ********************************************* */

#sub-nav {
	width: 180px;
	float: left;
	border-bottom: 1px dotted #CCC;
	margin: 30px 20px 0 0;
}

#sub-nav ul li {
width: 180px;
display: inline;
}

#sub-nav ul li a {
	display: block;
	font-size: 0.8125em;
	font-weight: normal;
	color: #000;
	padding: 4px 5px 4px 18px;
	background: #FFF url(/images/sub_nav_arrow.png) 3px 9px no-repeat;
	border-top: 1px dotted #CCC;
	line-height: 18px;
}

#sub-nav ul li a:hover {
background: #E0DCDF url(/images/sub_nav_arrow.png) 3px 9px no-repeat;
}

#sub-nav ul li a.active {
	color: #900;
	background-color: #FFF;
	background-image: url(/images/sub_nav_arrow_active.png);
	background-repeat: no-repeat;
	background-position: 3px 9px;
}

#sub-nav ul li ul li a {
background: #FFF;
padding: 6px 5px 6px 26px;
font-weight: normal;
}

#sub-nav ul li ul li a:hover {
background: #EEE;
}

#sub-nav ul li ul li a.active {
background: #DDD;
}

#sub-nav ul li ul li ul li a {
font-size: 0.6875em;
padding: 6px 5px 6px 38px;
border-top: 0;
}

#sub-nav ul li ul li ul li a:hover {
background: #FFF;
color: #000;
}

#sub-nav ul li ul li ul li a.active {
background: #FFF;
color: #000;
font-weight: bold;
}

#sub-nav h1 {
	padding: 8px 0 8px 0;
	text-transform: uppercase;
	font-size: 0.9em;
	border-top: 1px dotted #CCC;
}


/* ********************************************* */

#middle-content {
	width: 500px;
	float: left;
	clear: right;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

#breadcrumb {
width: 500px;
border-top: 1px solid #EBEBEB;
border-bottom: 1px solid #EBEBEB;
}

#breadcrumb ul li {
display: inline;
float: left;
color: #765276 !important;
font-size: 0.635em !important;
text-transform: uppercase;
padding: 4px 0 4px 0 !important;
line-height: 1em !important;
list-style: none;
margin: 0 0 0 0 !important;
}

#breadcrumb ul li a {
color: #666;
padding: 0 1em 0 0;
}

#breadcrumb ul li a:hover {
color: #000;
}

#middle-content h1 {
padding: 1em 0 1em 0;
font-size: 1.500em;
color: #330033;
}

#middle-content h2 {
padding: 1em 0 0.5em 0;
font-size: 0.750em;
color: #330033;
line-height: 1.8em;
}

#middle-content h3 {
padding: 1em 0 0 0;
font-size: 0.750em;
color: #666;
line-height: 1.8em;
}

#middle-content h4 {
padding: 1em 0 0 0;
font-size: 0.750em;
color: #333;
line-height: 1.8em;
font-weight: bold;
}

#middle-content h5 {
padding: 1em 0 0 0;
font-size: 0.750em;
color: #333;
line-height: 1.8em;
font-weight: normal;
font-style: italic;
}

#middle-content p {
font-size: 0.750em;
line-height: 1.8em;
color: #666;
padding: 0 0 1em 0;
}

#middle-content ul li {
font-size: 0.750em;
line-height: 1.8em;
color: #666;
padding: 0 0 0.5em 0;
list-style-type: disc;
list-style-position: outside;
margin: 0 0 0 2em;
}


#middle-content p.intro-text {
font-weight: bold;
font-size: 0.9375em;
line-height: 1.7em;
}

/* ********************************************* */

.course-item {
border-top: 1px dotted #CCC;
}

.last-course {
border-bottom: 1px dotted #CCC;
margin: 0 0 1em 0;
}

.course-item h2 {
padding: 1em 0 0.5em 0 !important;
}

.course-item h3 {
padding: 0 0 0.5em 0 !important;
}

.course-item p.link {
padding: 0 0 1em 16px !important;
background: url(/images/interface/sub_nav_arrow.png) 4px 5px no-repeat;
}

.course-details-sidebar {
border-bottom: 1px solid #CCC;
}

ul#course-details {
margin: 5px 1em 1em 1em;
}

ul#course-details li {
font-weight: bold;
font-size: 0.750em;
color: #666;
padding: 7px 0 0 0;
line-height: 1.4em;
}

ul#course-details li ul {
border-bottom: 1px dotted #CCC;
padding: 0 0 7px 0;
}

ul#course-details li ul li {
font-weight: normal;
font-size: 1em;
padding: 0 0 0 0;
}

ul#course-detail-buttons {
margin: 0 1em 1em 1em;
}

ul#course-detail-buttons li {
margin: 0 0 5px 0;
}

ul#course-detail-buttons li a {
font-size: 0.750em;
display: block;
padding: 0 0 0 16px;
background: url(/images/interface/sub_nav_arrow.png) 4px 1px no-repeat;
}

/* ********************************************* */

.quote {
background: url(/images/interface/close_quotes.gif) 100% 100% no-repeat;
}

.quote p.open-quote {
background: url(/images/interface/open_quotes.gif) 0 0 no-repeat;
}

.quote p {
padding: 0 40px 1em 40px !important;
}

p.quote-author {
padding: 0 40px 2em 40px !important;
font-weight: bold;
}

/* ********************************************* */

.page-nav {
	width:693px;
	clear: both;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}

.page-nav p {
	font-size: 0.8em;
	color: #666;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}

.page-nav .page-details {
	float: left;
	width: 226px;
}

.page-nav .page-links {
float: right;
text-align: right;
width: 226x;
}

/* ********************************************* */

.job-item {
border-top: 1px dotted #CCC;
}

/* ********************************************* */

.login {
padding: 50px 20px 100px 20px !important;
margin-top: 0 !important;
background: #555;
}

.login form {
margin: 0 auto;
background: #FFF url(/images/interface/login_bottom.gif) 0 100% no-repeat;
width: 422px;
padding: 0 0 0 0;
}

.login form fieldset {
background: url(/images/interface/login_top.gif) 0 0 no-repeat;
padding: 24px;
}

.login form fieldset legend {
display: none;
}

.login form fieldset label {
display: block;
margin: 12px 0 0 0;
}

.login form fieldset input.textfield {
width: 200px;
}

.login form fieldset input.button {
	float: right;
}

/* ********************************************* */

#sidebar {
width: 178px;
float: left;
border-top: 1px solid #CCC;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
margin: 0 0 0 26px;
}

#sidebar h3 {
background: url(/images/interface/home_h3_background.gif) 0 0 repeat-x;
height: 20px;
color: #FFF;
font-size: 0.8125em;
padding: 6px 0 0 15px
}

#sidebar h3 a {
color: #FFF;
}

#sidebar h3 a:hover {
color: #CCC;
}

#sidebar .info-box {
padding: 8px 0 6px 0;
border-bottom: 1px solid #CCC;
}

#sidebar .info-box:hover {
background: #EEE;
}

#sidebar h4 {
font-size: 0.8125em;
color: #333;
}

#sidebar h4 a {
color: #333;
display: block;
padding: 0 7px 0.25em 15px;
}

#sidebar p {
font-size: 0.750em;
color: #333;
line-height: 1.2em;
}

#sidebar p a {
color: #333;
display: block;
padding: 0 7px 0 15px;
}

/* ********************************************* */

form#regform fieldset {
border-bottom: 1px dotted #CCC;
margin: 1em 0 1em 0;
padding: 1em 0 1em 0;
}

form#regform fieldset legend {
display: none;
}

form#regform fieldset p {
	clear: left;

}

form#regform fieldset p label {
width: 120px;
display: block;
float: left;
	padding-bottom: 10px;
}

form#regform fieldset p.indent {
margin-left: 120px;
}

form#regform fieldset p input.textfield-short {
width: 100px;
float: left;
}

form#regform fieldset p input.textfield {
width: 200px;
float: left;
}

form#regform fieldset p input.textfield-long {
width: 300px;
float: left;
}

form#regform fieldset p textarea {
width: 300px;
float: left;
}

form#regform fieldset p select {
float: left;
}


span.required {
color: #F00;
}

/* ********************************************* */

#footer {
	height: 60px;
	background-color: #CCC;
	background-image: url(/images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

#footer p {
	color: #666;
	font-size: 0.6875em;
	padding: 25px 0 0 20px;
}

#footer p a {
color: #666;
margin: 0 1em 0 1em;
}

#footer p a:hover {
	color: #333;
}

/* ********************************************* */

#opening-times {
	width: 180px;
	float: left;
	border-bottom: 1px dotted #CCC;
	clear: left;
	margin: 30px 20px 0 0;
}

#opening-times ul li  {
	width: 174px;
	display: inline;
	display: block;
	font-size: 0.8125em;
	font-weight: normal;
	color: #666;
	padding: 8px 5px 8px 0;
	border-top: 1px dotted #CCC;
	line-height: 1.3em;
}

#opening-times h1 {
	padding: 8px 0 8px 0;
	text-transform: uppercase;
	font-size: 0.9em;
	border-top: 1px dotted #CCC;
}


/* ********************************************* */

#help-nav {
	width: 180px;
	float: left;
	border-bottom: 1px dotted #CCC;
	margin: 30px 20px 0 0;
}

#help-nav ul li {
width: 180px;
display: inline;
}

#help-nav ul li a {
	display: block;
	font-size: 0.8125em;
	font-weight: normal;
	color: #000;
	padding: 6px 5px 6px 18px;
	background: #FFF url(/images/sub_nav_arrow.png) 3px 9px no-repeat;
	border-top: 1px dotted #CCC;
}

#help-nav ul li a:hover {
background: #E0DCDF url(/images/sub_nav_arrow.png) 3px 9px no-repeat;
}

#help-nav ul li a.active {
background: #765476 url(/images/sub_nav_arrow.png) 3px 9px no-repeat;
color: #FFF;
}

#help-nav ul li ul li a {
background: #FFF;
padding: 6px 5px 6px 26px;
font-weight: normal;
}

#help-nav ul li ul li a:hover {
background: #EEE;
}

#help-nav ul li ul li a.active {
background: #DDD;
}

#help-nav ul li ul li ul li a {
font-size: 0.6875em;
padding: 6px 5px 6px 38px;
border-top: 0;
}

#help-nav ul li ul li ul li a:hover {
background: #FFF;
color: #000;
}

#help-nav ul li ul li ul li a.active {
background: #FFF;
color: #000;
font-weight: bold;
}

#help-nav h1 {
	padding: 8px 0 8px 0;
	text-transform: uppercase;
	font-size: 0.9em;
	border-top: 1px dotted #CCC;
}

/* ********************************************* */

#welcome-box {
	width: 743px;
	height: 143px;
	float: left;
}

/* ********************************************* */

#intro-box {
	width: 698px;
	float: left;
	padding-top: 22px;
	padding-right: 22px;
	padding-bottom: 10px;
	padding-left: 22px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}

#intro-box h1 {
	color: #900;
	line-height: 1.4em;
}

#intro-box p {
	padding-top: 15px;
	font-size: 0.9em;
	color: #666;
	padding-bottom: 15px;
	line-height: 1.4em;
}

/* ********************************************* */

.more-info {
	font-weight: bold;
	font-size: 0.8em;
	background-image: url(/images/sub_nav_arrow.png);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 15px;
}

#more-info2 a {
	font-weight: normal;
	font-size: 0.7em;
	background-image: url(/images/sub_nav_arrow.png);
	background-repeat: no-repeat;
	background-position: 2px 44px;
	text-transform: uppercase;
	color: #900;
	vertical-align: baseline;
	display: block;
	padding-top: 42px;
	padding-left: 15px;
}

#more-info3 a {
	font-weight: normal;
	font-size: 0.7em;
	background-image: url(/images/sub_nav_arrow.png);
	background-repeat: no-repeat;
	background-position: 2px 17px;
	text-transform: uppercase;
	color: #900;
	vertical-align: baseline;
	display: block;
	padding-top: 15px;
	padding-left: 15px;
}

/* ********************************************* */

#highlights-box {
	width: 723px;
	float: right;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	margin-left: 0;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	padding-left: 20px;
}

#highlights-box h1 {
	color: #900;
	font-size: 0.8em;
	text-transform: uppercase;
	padding-bottom: 14px;
}

#highlights-box p {
	color: #666;
	font-size: 0.8em;
	text-transform: none;
	line-height: 1.5em;
}


#higlight-one {
	width: 215px;
	height: 170px;
	float: left;
	margin-top: 25px;
	margin-bottom: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
	background-image: url(/images/homepage_stepper.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#higlight-one  p {
	padding-right: 100px;
	padding-bottom: 8px;
}

#higlight-two {
	width: 220px;
	height: 170px;
	float: left;
	margin-top: 25px;
	margin-bottom: 20px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
	margin-left: 20px;
		background-image: url(/images/homepage_bike.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#higlight-two  p {
	padding-right: 100px;
	padding-bottom: 8px;
}

#higlight-three {
	width: 220px;
	height: 170px;
	float: left;
	margin-top: 25px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#higlight-three  h2 {
	padding-bottom: 0;
 	font-size: 0.8em;
	font-weight: bold;
	color: #666;
}

#highlight-three p {
		padding-bottom: 0; !important
}

/* ********************************************* */

#brand-box {
	width: 699px;
	float: right;
	padding-top: 22px;
	padding-right: 22px;
	padding-bottom: 10px;
	padding-left: 22px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
}

#brand-box h1 {
	color: #666;
	line-height: 1.4em;
	text-transform: uppercase;
	font-size: 0.9em;
	padding-bottom: 10px;
}

#brand-box h2 {
	color: #666;
	line-height: 1.4em;
	font-size: 0.9em;
	padding-bottom: 10px;
}

#brand-box h3 {
	padding-top: 15px;
	font-size: 0.9em;
	color: #666;
	padding-bottom: 15px;
}

#brand-box p {
	padding-top: 15px;
	font-size: 0.9em;
	color: #666;
	padding-bottom: 15px;
	line-height: 30px;
}

#brand-box img {
	padding-right: 40px;
	padding-bottom: 25px;
}

#brand-box .space {
	color: #900;
	font-size: 10px;
	padding-right: 6px;
	padding-left: 6px;
		vertical-align: top;
}


/* ********************************************* */

#title-box {
	width: 744px;
	height: 85px;
	float: left;
	background-image: url(/images/title_banner.png);
	background-repeat: no-repeat;
}

#title-box h1 {
	font-size: 2em;
	color: #FFF;
	padding-top: 30px;
	padding-left: 22px;
}

/* ********************************************* */

#full-content {
	width: 723px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCC;
	float: left;
	padding-bottom: 0px;
	padding-left: 20px;
}

#full-content h2{
	color: #666;
	padding-bottom: 30px;
	line-height: 1.6em;
	font-size: 1.2em;
	padding-top: 20px;
	margin-top: 0px;
}

#full-content p {
	font-size: 0.8em;
	color: #666;
}

#text-box {
	float: left;
	width: 500px;
	padding-top: 30px;
	padding-right: 13px;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;
	padding-bottom: 20px;
}

#text-box h2 {
	color: #666;
	padding-bottom: 10px;
	line-height: 1.6em;
	font-size: 0.9em;
	margin-top: 0px;
	padding-top: 0px;
}

#text-box p {
	color: #666;
	padding-bottom: 10px;
	font-size: 0.8em;
	line-height: 1.8em;
}

#text-box li {
	color: #666;
	padding-bottom: 10px;
	font-size: 0.8em;
	line-height: 1.8em;
	list-style-type: square;
	list-style-position: inside;
}

#text-box img{
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 6px;
}

#text-right-box {
	float: left;
	width: 175px;
	padding-top: 30px;
	padding-left: 23px;
}

/* ********************************************* */

#product-index {
	width: 175px;
	height: 250px;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 28px;
	border: 1px dotted #CCC;
	padding-right: 15px;
	padding-left: 20px;
}

#product-index  h2 {
	font-size: 0.9em;
	padding-right: 10px;
	font-weight: bold;
	color: #666;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#product-index  p {
	font-weight: bold;
	color: #333;
	padding-top: 3px;
	padding-bottom: 1px;
	font-size: 0.9em;
	padding-left: 2px;
}


/* ********************************************* */

#product-box {
	width: 175px;
	height: 296px;
	float: left;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: 28px;
	border: 1px dotted #CCC;
	padding-right: 15px;
	padding-left: 20px;
	padding-top: 8px;
}

#product-box  h2 {
	font-size: 0.8em;
	padding-right: 10px;
	padding-bottom: 8px;
	font-weight: bold;
	color: #666;
	padding-top: 6px;
	line-height: 1.3em;
}

#product-box  p {
	font-weight: normal;
	color: #666;
	padding-top: 3px;
	padding-bottom: 0;
	font-size: 0.75em;
	padding-left: 2px;
	line-height: 1.5em;
}

#product-box .special {
	font-weight: normal;
	color: #900;
	padding-top: 3px;
	padding-bottom: 1px;
	font-size: 0.8em;
	padding-left: 2px;
}

#product-box .price {
	font-weight: bold;
	color: #900;
}

/* ********************************************* */

#product-page-left {
	width: 340px;
	float: left;
}

#product-page-left img {
	border: 1px dotted #CCC;
}

#product-page-left h4 {
	font-size: 1.2em;
	color: #900;
	padding-top: 12px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-top: 20px;
	margin-bottom: 6px;
	margin-right: 26px;
	padding-bottom: 2px;
}

#product-page-left h5 {
	font-size: 0.9em;
	color: #333;
	font-weight: normal;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 15px;
	margin-right: 26px;
}


#product-page-left p {
	font-size: 0.9em;
	color: #666;
	font-weight: normal;
	padding-top: 18px;
	padding-bottom: 25px;
		border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-right: 26px;
}

.price {
	color: #900;
}


/* ********************************************* */

#product-page-right {
	width: 340px;
	float: left;
}

#product-page-right p{
	font-size: 0.8em;
	line-height: 1.4em;
	color: #666;
	padding-bottom: 8px;
}

#product-page-right h3{
	font-size: 0.9em;
	line-height: 1.4em;
	color: #FFF;
	background-image: url(/images/main_nav_bg.jpg);
	background-repeat: repeat-x;
	height: 29px;
	width: 332px;
	padding-top: 6px;
	padding-left: 8px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#product-page-right h4{
	font-size: 1.2em;
	line-height: 1.4em;
	color: #333;
	height: 29px;
	width: 332px;
	padding-top: 8px;
	padding-left: 8px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	padding-bottom: 6px;
}

#product-page-right li{
	font-size: 0.8em;
	line-height: 1.4em;
	color: #666;
	padding-bottom: 10px;
	list-style-type: square;
	margin-left: 15px;
}

#add-basket {
	font-size: 0.9em;
	color: #666;
	line-height: 20px;
}


#basket a{
	font-weight: normal;
	font-size: 0.7em;
	background-image: url(/images/add_to_basket.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
	color: #FFF;
	vertical-align: baseline;
	display: block;
	padding-top: 6px;
	padding-left: 30px;
	padding-bottom: 6px;
	width: 96px;
}

#basket a:hover{
	background-image: url(/images/add_to_basket_hover.jpg);
	background-repeat: no-repeat;
	background-color: #333;
}

#zoom a{
	font-weight: normal;
	font-size: 0.75em;
	background-image: url(/images/zoom.jpg);
	background-repeat: no-repeat;
	text-transform: uppercase;
	color: #999;
	vertical-align: baseline;
	display: block;
	padding-top: 6px;
	padding-left: 22px;
	padding-bottom: 6px;
	width: 196px;
	background-position: 0px 4px;
	margin-top: 15px;
}

#zoom a:hover{
	background-image: url(/images/zoom_hover.jpg);
	background-repeat: no-repeat;
	color: #000;
}


#basket-layout {
	width: 680px;
	padding-top: 30px;
}

table {
	font-size: 0.9em;
	color: #666;
}
td {
	/*border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;*/
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
tr {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}


input {
	background-color: #FFF;
	border: 1px solid #CCC;
	color: #900;
	font-size: 0.8em;
}

.table-rows {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

.table-font{
	font-size: 1.1em;
	line-height: 18px;
}

.message_fail{
	font-size: 1.1em;
	line-height: 28px;
	font-weight: bold;
	color: #666;
}

.message_fail input {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-decoration: underline;
}

.message_success{
	font-size: 1.1em;
	line-height: 28px;
	font-weight: bold;
	color: #900;
}

.basket-button{
	background-color: #CCC;
	color: #666;
	font-size: 0.7em;
	margin: 0px;
	padding: 0px;
}