/**** 1. WRAPPER ****/

/*
*{ margin:0; padding:0; }

html, body { 
	font-size:100%; font-family: sans-serif; color: #333; 
	text-align: center;
}

#container { 
    width: 980px; 
	background: #fff; 
	margin: 0 auto; 
	text-align: left; 
}
*/

/**** 2. HEADER ****/

/**** 3.3 BREADCRUMBS ****/

#crumbs {
list-style-type: none; 
margin: 0; padding:0;
font-size: 0.75em;
letter-spacing: 0px;
/*width: 65%;*/
float:left;
}
#crumbs li {
display: inline;
margin:0;padding:0;
}
#crumbs .sep{
padding: 0px 3px;
}



/**** 4. CONTENT ****/

#content { padding: 0 2em; clear:both; font-size: 1.4em; /* increase font to take into account blueprint */ }
#content p { font-size: 0.75em; line-height: 1.25em}

#content h2 { font-size: 0.875em; color: #4682B4; margin: 20px 0px 10px 5px ;}
#content h3 { font-size: 0.75em; color: #4682B4;  margin: 10px; }

/*#content ul.actions {margin:0px 0px 0px 20px; padding:0; list-style-type: none; }
#content ul.actions li a {font-size: 0.875em; }*/

#content ul.article-points {
margin: 0px 30px; 
}
#content ul.article-points li {
font-size: 0.75em;
margin: 10px 5px;
}


#article {
/*float:left;*/
width: 700px;
/*border: 1px solid #000;*/
margin: 0px 20px 30px 0px;
}

#exerpt {
background: #fcffdf;
border: 1px solid #d7ae56;
font-size:0.8em;
letter-spacing: 0.5px;
margin:0; padding: 10px 20px 10px 20px;
/*width: 700px;*/
}

#banner{
background: #fcffdf;
border: 1px solid #d7ae56;
color: #666;
padding: 0.5em 1em;
margin: 1em 0;
display:block;
}

/* pagetitle 

h1#pagetitle { 
	color: #4682B4; 
	font-size: 1.2em;
	font-weight:normal;
	margin: 15px 0px 15px 0px; padding:0;
	clear: both;	
	background: none;
}
*/

/* field error */
.error_message {
	color: #bb0000; 
	margin: 10px 0px 5px 20px; 
	font-weight: bold;
	font-size: 0.75em;
	clear: both;
}

/* form error */
.formerror {
margin: 10px 0px 10px 0px; padding: 17px 20px 17px 65px;
letter-spacing: 0.5px;
font-size: 0.8em;
border: 1px solid  #ffcc00; /*#bb0000; */
background: #ffffcc url(../img/icon_critalert.gif) 15px center no-repeat;
color: #c60000;
}


/* tables */

th { font-size: 0.75em; background: #ddd; color: #000; padding: 5px; font-weight: normal; 
border: 1px solid #fff; text-align: left;}

table.index {margin: 0px 0px 0px 20px; width: 97%; border: 1px solid #ccc;}
table.index td { font-size: 0.75em; line-height: 2em; padding: 2px 5px; border-bottom: 1px solid #ccc; }

table.view {margin: 0px 0px 0px 20px; border: 1px solid #ccc; width: 97%;}
table.view td { font-size: 0.75em; padding: 2px 5px;  
border-right: 1px solid #ccc;  border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
 

/* rule */

hr { width:98%; text-align: center;  margin: 0 auto; }

/* definition lists */

dl {
line-height:1.8em;
margin:0px 10px;
float:left;
width: 700px;
font-size: 0.75em; 
display: inline;
}
dt {
font-weight: bold;
vertical-align:top;
}
dd {
margin: -22px 0px 0px 150px;
vertical-align:top;
}

#view { border:1px solid #ccc; margin: 0px 40px 20px 30px; padding: 0px 10px;}


/**** 5.2 HOMEPAGE ****/

/*
#alertbox{
margin: 40px 50px 20px 50px;
padding: 0px 20px 5px 20px;
border: 2px solid #d7ae56;
background: #fcffdf;
font-size: 1.2em;
}
#alertbox h3 {color: #5b0000; }
*/

#content {
line-height: 1.5;
letter-spacing: 0.25px;
clear:both; 
color: #333;
margin: 0 0 0 5px;
/*border-top: 1px solid #666; */
}

#content p {
line-height: 1.5;
}

#content hr {
border:none;
border-bottom: 1px solid #666;
padding-top: 20px;
clear: both;
}
#content hr.dotted {
border:none;
background: url(../img/doth.gif) repeat-x top left; 
clear: both;
margin:0; padding:0;
}
#content hr.blank {
border:none;
clear: both;
}
.rightborder {
background: url(../img/dotv.gif) repeat-y top right;
margin-bottom: 20px;
}
#content .halfcol {
float:left; 
/*width: 345px; */ width: 430px;
padding:0px 20px 20px 20px;
}

#content .halfcol h2 { margin-left:-10px }
#content .halfcol p { line-height: 1.75em; margin-top: 15px;}


/* about us pages */
#content .twothirdcol {
float:left; 
width: 680px;
padding:0px 5px 20px 20px;
}
#content .thirdcol {
float:left; 
width: 240px; 
padding:0px 5px 20px 20px;
}

/**** 5.1 FORMS ****/

/* fieldset */

fieldset {margin-bottom: 10px; padding: 0 15px 15px 15px; }

/*fieldset h4 { padding-left: 10px; padding-top: 10px;}*/


/* label */

label { font-size: 0.75em; margin:0; padding:0; font-weight: normal; cursor: pointer; } 

/* legend */

* html legend { margin:0; }
legend {padding:5px; font-size: 0.875em; color: #4682B4; /*color: #005972;*/ font-weight: bold; }

/* textarea and input */

textarea:focus { color: #000; border: 2px solid #9fd2ff; }
/*, input:focus */

textarea, input { color: #555; }

input, textarea { margin:0}

textarea { padding:5px;}

.radio { font-size: 0.75em; }

/* option tag */

option {margin:0px 0px 1px 5px; }



/**** 5.2 QUESTIONARE FORM ****/

/* maditory / em */
em.manditorylabel { font-size: 1.1em; float:right; width: 10px; text-align:right}

div.manditorylabel{ font-size: 0.75em;  float:right; font-weight: bold; }

em {
  font-weight: bold;
  font-style: normal;
  font-size: 1.1em;
  color: #bb0000; 
  margin: -5px 0px -10px 5px;
  float: left;
}

/* buttons */
input[type=submit] {cursor:pointer; padding: 1px 5px; margin:0 }
input.buttonright{ margin-left: 10px; float: right;}
input.buttonleft { margin-right: 10px;float: left; }
input.linkbutton { border: none; color: red}

a.buttonlink { border: 1px solid #ccc; padding: 5px; text-decoration: none}

input.greenbutton{
	background: #89D289 url(../img/button_bg.gif) bottom repeat-x;
	color: #FFF;
	border: 1px solid #53B256;
	font-weight: bold;
	font-size: 0.9em;
	padding:0; margin:0;
}

a.greenbutton{
	background: #89D289 url(../img/button_bg.gif) bottom repeat-x;
	color: #FFF;
	border: 1px solid #53B256;
	font-weight: bold;
	font-size: 1em;
	text-decoration:none;
	padding:4px 10px;margin:0px;
}

a.bluebutton{
	background:  #4682B4;
	color: #FFF;
	border: 1px solid #4682B4;
	font-weight: bold;
	font-size: 1em;
	text-decoration:none;
	padding:4px 10px;margin:0px;
	letter-spacing: 0.25px;
	cursor:pointer; 
	white-space:nowrap; 
}

/* radio item*/
.radioitem { margin: 0px 5px 0px 0px; }

/* notices */
.message_info {
	/*border: 1px solid #d7ae56;*/
	/*color: #656565; */
	/*font-weight: bold;*/
	color: #666;
	background: #fcffdf;
	padding: 0.5em 1em;
	margin: 1em 0;
	display:block;
}

.formnote {
border: 1px solid #d7ae56;
font-size:0.8em;
letter-spacing: 0.5px;
margin: 0px 40px 20px 30px; padding: 17px 20px 17px 65px;
background: #fcffdf url(../img/icon_notification.gif) 15px center no-repeat; 
width: 620px;
}

.note {
padding: 5px 10px 15px 10px;  margin:0; 
line-height: 1.8em; 
font-weight: bold; 
letter-spacing: 1.2px;
color: #333;
font-size: 0.75em !important;
}


/* positioning */

.largeform { width: 700px; padding-left: 30px; }

.splitform { margin: 10px; padding: 2px 10px 20px 10px; float:left; width: 290px; border: 1px #ccc solid;}

.splitfieldset { padding:10px; margin:10px 10px; float:left; width: 290px; /*border: 1px #ccc solid*/ } /* login */

.normfield, .largefield, .splitfield, .splitfieldlarge, .xlargefield  {
  float: right;
  text-align: left;
  padding:0; margin:0;
}

.blockfield {
  clear: both;
  text-align: left;
  padding:0; margin:0;
  padding-left: 10px; 
}

.normlabel, .smalllabel, .splitlabel, .splitlabelsmall, .vsmalllabel {
  float: left;
  text-align: right;
  padding:0; margin:0;
}

.blocklabel {
  clear: both;
  text-align: left;
  font-weight: bold;
  padding:0; margin:0;
  padding-left: 10px; 
}

.normfield {  width: 320px; }
.normlabel {  width: 320px; }

.largefield {  width: 420px; }
.smalllabel {  width: 220px; }

.xlargefield {  width: 540px; }
.vsmalllabel {  width: 100px; }

.splitfield {  width: 115px; }
.splitlabel {  width: 170px; }

.splitfieldlarge {  width: 150px; }
.splitlabelsmall {  width: 100px; }


/* block label/fields for non split forms */
.blocklabel {  width: 640px; }
.blockfield {  width: 640px; }

#checkout span {font-size: 0.9em;}


/**** 7. UTILS ****/

.clear, .clearrow, .clearrowbig {clear:both; padding:0; margin:0; }
.clearrow { padding-top: 5px;} 
.clearrowbig { padding-top: 8px;} 

.floatleft {float:left}
.floatright {float:right}
.inline {display:inline}
.border {border: 1px solid #000}

.phrase { white-space:nowrap; font-weight:bold; }

.nowrap {white-space:nowrap; }

/**** 8.1 SPECIFIC CLASSES (from ADMIN )****/

.Unread { color: #bb0000; /*font-weight : bold;*/}
th#right,td#right { text-align:right;}
tr.currentMessage { background: #fcffdf }
.indented { margin: 0px 0px 0px 20px; }

/**** 8.2 SPECIFIC CLASSES (cust)****/

#TreatmentPrice { font-size: 1em; font-weight: bold; letter-spacing:1px; color: #000; }

.FullPrice { margin: 0px 2px 0px 5px; color: #bb0000; font-weight: bold; letter-spacing:1px;}
.Saving { margin-left: 15px; color: #bb0000; font-weight:bold; letter-spacing:1px;}
.Price { font-weight:bold; letter-spacing:1px;}
input.special, label.special {display:none; visibility:hidden; }
.partner { padding-left: 40px;}


/**** 8.3 SPECIFIC CLASSES (myaccount)****/

ul#messageList {padding:0;margin:0px 0px 0px 20px; font-size: 0.7em;  list-style-type: none; float: left;}
ul#messageList li {display: inline}
ul#messageList .sep{ padding: 0px 3px; }

.Outstanding {color: #bb0000; font-weight: bold; letter-spacing: 0.5px}




/**** 8.4 NEW LAYOUT ****/

	#header     { margin:0 ; padding:0; float:right; }
	#logo       { padding: 15px 0px 0px 15px; margin:0; float:left }

	#headernav  { list-style-type: none; margin: 10px 20px 0px 0px; padding:0; text-align:right }
	#headernav li { display: inline; margin:0; padding:0; font-size: 0.7em; }
	#headernav li a { font-size: 1.1em; color: #666; font-weight:bold; text-decoration: none; }
	#headernav .sep { padding: 0px 2px 0px 6px; }

    /* needs border for some bizzare reason or it leaves gap between strapline and navigation in IE7 */
	#navigation    { list-style-type: none; margin: 40px 0 0 0; padding:0; border-bottom: 1px solid #fff}
	#navigation li { display: inline; float:left; margin:0 1px; padding:0; 
	                 text-align: center; background: url(../img/tab-normal.gif); width: 125px; }
	#navigation li.selected { background: url(../img/tab-selected.gif); }
	#navigation li a { text-decoration:none; color: #fff; font-weight: bold; line-height: 1.9em; width: 125px; }

	#strapline  { font-size: 1em; color: #fff; font-weight: bold; 
	              background: #94b2ce url(../img/green-border.gif) bottom repeat-x; 
	              margin:0; padding: 5px 0px 15px 17px; }

	#onethirdcol  { float: left; width: 317px; }
	#twothirdcol  { float: left; width: 645px; }
	#onethirdcolsmall  { float: left; width: 300px; }

	.leftmargin   { margin: 0 0 0 10px; }
	.bottommargin { margin: 0 0 10px 0; }
	.topmargin    { margin: 10px 0 0 0; }
	.innerbox     { margin: 15px; }

	#footer    { color: #fff; background-color: #94b2ce; padding: 7.5px 20px; margin: 20px 0 5px 0;}
	#copyright { font-size: 0.8em; float:left; margin:0; padding:0; }
	#footernav { list-style-type: none; margin:0 ;padding:0; float:right; }
	#footernav li { display: inline; margin:0; padding:0; font-size: 0.725em; }
	#footernav li a { color: #fff;  }
	#footernav .sep { padding: 0px 2px 0px 6px; }
	#csp { font-size: 1em; font-weight:bold; margin: 5px 0 10px 0 }

	.clearbig { clear: both; margin:50px 0 0 0 }

	#homepage h1 { font-size: 1.5em; font-weight: bold; margin: 0 0 20px 0; color: #555; }
	#homepage h2 { font-size: 1em; margin: 0 0 10px 0; line-height: 1.5em; /*color: #666; */ }
	#homepage h3.articlename { font-size: 0.8em; color: #333; margin:0 }
	#homepage p { font-size: 0.75em; line-height: 1.7em; }

	.shadowbox-outer { background: #ccc; position: relative; top: 4px; left: 4px; }
	.shadowbox-inner { background: #fff; border: 0.5px solid #ccc; position: relative; top: -4px; left: -4px;  padding: 10px 30px 30px 30px;  line-height: 1.8}
	.graybox { background:  #f0f5f9; border: 1px solid /*#d9e3ed*/ #c1e0f2; }



/* article page */

	#articleleft {float:left; width: 650px; }
	#articleright {float:right; width: 215px; }
	
	#articleleft h2 { margin: 35px 0px 0px 5px; } 
	#articleleft strong, #articleleft a { white-space:nowrap; }
	#articleleft p { margin: 10px; }
	
	#articleleft ul, #articleleft ol { margin: 0px 30px; }
	#articleleft ul li, #articleleft ol li { font-size: 0.75em; margin: 10px 15px; }

	p#physiotools {  clear:both; font-size: 9px; font-style: italic; }

	#author, #programme, #quote { border: 1px solid #ccc; padding: 20px; } 

	#author h3 { margin: 10px 0px 5px 0px; }
    #programme h3 { margin: 0px 0px 10px 0px; }
    #quote h3 { margin: 0px 0px 5px 0px; }

	#programme, #quote { margin-top: 20px; }
	#author { margin-top: 10px; }

	#quote { background: #f0f5f9 }

	#author img, #programme img { float: left; margin: 0px 10px 10px 0px }


/* faq page */
	#faq {margin-bottom: 50px}
	#faq h3 {margin-top: 25px;}
	#faq p {margin: 0px 200px 20px 25px;}

/* profile page */
	#profile {margin-bottom: 50px}
	#profile p { margin: 0px 20px 10px 0px; }
	#profile h3 { margin-left: 20px; color: #333 } 
	

/* landing page */

#advice {width: 900px; }
#advice p { margin: 10px; }

/*#advice .physio { margin-left: 10px; padding: 10px; border: 1px solid #ccc;  }*/
#advice .physioinfo {float:left; width: 300px; margin: 0px 10px;}
#advice .physiolinks {float:left; width: 500px; margin: 0px 20px;}

#advice .treatment {float:left; width: 300px; margin: 0px 10px;}
#advice .articles {float:left; width: 500px; margin: 0px 20px;}

#advice h3.section { margin: 0px;  } 

#advice ul, #advice ol { margin: 0px 30px; }
#advice ul li, #advice ol li { font-size: 0.75em; margin: 10px 15px; }