/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* TYPOGRAPHY*/
body{font-size:62.5%; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; }
p {font-size:1.1em; line-height:1.6em;}
h1 {font-size:2.1em; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;} /* displayed at 21px */
h2 {font-size:1.4em; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;} /* displayed at 20px */
h3 {font-size:1.3em; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;} /* displayed at 21px */
h4 {font-size:1.2em; line-height:1.8em; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;} /* displayed at 12px */
h5 {font-size:1em; line-height:1.8em; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif;} /* displayed at 10px */
#nav ul li a{font-size:1.2em; letter-spacing:0.1em;}
#content-thin #buttons ul li a{ font-size:1.2em;}
ul#info-menu li a{font-size:1.2em; font-weight:bold; line-height:1.3em;}
#content-wide .quote{font-family:times, serif; font-style:italic; font-size:1.4em; font-weight:bold; line-height:1.6em;}
#content-wide .contentmaster .quote p{font-family:times, serif; font-style:italic; font-weight:bold; line-height:1.6em;}
/* MAIN STRUCTURE */
body{background:#3E3E3E; margin-top:20px; margin-bottom:60px}
#container{background: #fff; margin:0 auto; width:1000px; padding-top:30px; padding-bottom:50px;}
#page{margin:0 auto; width:869px;}
/* HEADER */
#header{height:235px;}
#header h1{text-indent:-9999px;}
#header-left{background: url(img/head-left.jpg) no-repeat; float:left; height:235px; width:545px;}
#header-right{background: url(img/head-right.jpg) no-repeat; float:left; height:235px; width:323px;}
ul#info-menu{border:6px solid #fff; width:230px; margin:0 auto; margin-top:20px;}
ul#info-menu li{text-align:center; margin:0px;}
ul#info-menu li a{display:block; padding:18px 0px 18px 0px; border-bottom:6px solid #fff; color:#fff;text-decoration:none; margin:0px;}
ul#info-menu li.patient.on a{color: white; background:#d05f1c;}
ul#info-menu li.carer.on a{color: white; background:#d05f1c;}
ul#info-menu li.prof.on a{color: white; background:#d05f1c;}
ul#info-menu li.patient a{background:#f3b840; margin:0px;}
ul#info-menu li.patient a:hover{background:#d05f1c;}
ul#info-menu li.carer a{background:#fecf66; margin:0px;}
ul#info-menu li.carer a:hover{background:#d05f1c;}
ul#info-menu li.prof a{background:#b6afa4; border-bottom:0px; margin:0px;}
ul#info-menu li.prof a:hover{background:#d05f1c;}
/* NAVIGATION */
#nav{display:block; clear:both;}
#nav ul{float:left; display:inline; width:100%; background:#d05f1c; clear:both;}
#nav ul li{float:left; display:inline; background:#d05f1c; height:35px;}
#nav ul li a{display:block; background:#d05f1c; color:#fff; border-left:1px solid #e19161; padding:13px 20px 10px 20px; text-decoration:none; }
#nav ul li a:hover{background:#b74f11;}
#nav ul li.first a{border-left:0px;}
#nav ul li.red a{background:#cb0517;}
#nav ul li.red a:hover{background:#cb0517; text-decoration:underline; }
#nav ul li.red.on a{background:#cb0517; text-decoration:underline; }
#nav ul li.on a{background:#b74f11;}
/* CONTENT */
#content{background: transparent url(img/faux-col.gif); margin-top:6px;}
#content-wide{float:left; display:inline; width:539px; margin-right:7px;}
#content-wide h2{margin:20px 0px 10px 20px; width:90%; text-transform:uppercase; color:#3b3a3a;}
#content-wide .quote{margin:0px 0px 10px 20px; width:90%; color:#ae7c17;}
#content-wide .contentmaster .quote{margin:0px 0px 10px 0px; width:90%; color:#ae7c17;}
#content-wide .contentmaster .quote p{color:#ae7c17; font-size:0.9em;}
#content-wide .contentmaster{margin:0px 0px 30px 20px; width:93%; font-size: 1.1em;}
#content-wide .contentmaster p{color:#575757; margin-bottom: 15px;}
#content-wide .contentmaster ul{color:#575757; margin-bottom: 15px; font-size: 1.1em;}
#content-wide .contentmaster ol{color:#575757; margin-bottom: 15px; font-size: 1.1em;}
#content-wide .contentmaster li{line-height:1.6em; list-style: disc; margin-left:15px}
#content-wide .contentmaster h1{ line-height:1.6em;}
#content-wide .contentmaster h2{margin:0px 0px 15px 0px; line-height:1.6em;}
#content-wide .contentmaster h3{margin:0px 0px 10px 0px;color:#d05f1c; line-height:1.6em;}
#content-wide .contentmaster h4{font-size:1em; text-transform: uppercase; line-height:1.6em; color:#575757}
#content-wide .contentmaster h5{ line-height:1.6em;}
#content-wide .contentmaster a{color:#d05f1c;}
#content-thin{float:left; display:inline; width:323px;}
#content-thin h3{ padding-bottom:10px;}
#content-thin p{width:90%; padding-bottom:20px}
#content-thin p a{color:#d05f1c;}
#content-thin #top{background:#d5d4d2; border-bottom:6px solid #fff; padding:20px 0px 20px 20px; color:#434242;}
#content-thin #top a{color:#d05f1c;}
#content-thin #top h3{text-transform:uppercase; color:#d05f1c;}
#content-thin #top h3 a{text-transform:uppercase; color:#d05f1c; text-decoration:none;}
#content-thin #buttons{background:#fff; clear:both;}
#content-thin #buttons ul li{width:50%; float:left;background:#f3b840;}
#content-thin #buttons ul li a{display:block; padding:13px 22px 10px 22px; text-decoration:none; color:#fff;}
#content-thin #buttons ul li a:hover{background:#fecf66;}
#content-thin #buttons ul li.bigborder a{border-right:6px solid #fff;}
#content-thin #bottom{border-top:6px solid #fff; padding:20px 0px 20px 20px; color:#fff;}
#content-thin #bottom h3{color:#fecf66;}
#content-thin #bottom h3 a{text-decoration: none; color:#fecf66;}
#content-thin #bottom a{color:#fff;}
.main-image{clear:both; padding-bottom:20px}
#side-items{float:right; width:100px; padding: 0px 10px 10px 10px}
.product{margin-bottom:20px; border-bottom: 1px solid #ccc; padding-bottom: 10px;}
.product-image{float:left; display:inline; width:180px; margin-right:10px}
.product-info{float:left; display:inline; width:290px}
.buybutton a{background:#d05f1c; color:#fff; padding:5px; font-size:0.7em; text-transform:uppercase;}
.buybutton a:hover{background:#F5B941; color:#4e4e4e;}
#content-wide .contentmaster .buybutton a{background:#d05f1c; color:#fff; padding:5px; font-size:0.7em; text-transform:uppercase;}
#content-wide .contentmaster .buybutton a:hover{background:#F5B941; color:#4e4e4e;}
/* FORMS */
legend{font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-style:italic; color:#d05f1c; line-height:2.5em;}
label{float:left; width:70px;}
input{width:230px;}
textarea{width:305px; height:100px;}
input.radio, input.checkbox, input.submit{width:auto;}
input.submit{ width:auto;}
input.radio{float:left; margin-right:1em;}
/* SIDE-NAV */
ul#sub-nav{width:93%;}
ul#sub-nav li { border-bottom: 2px solid #D5D4D2;}
ul#sub-nav li a{display: block; padding: 15px 0px 15px 15px; text-transform: uppercase; font-size: 1.2em; text-decoration:none; background: #F3B840;}
#content-thin ul#sub-nav li a{color:#fff; font-weight:bold; }
#content-thin ul#sub-nav li a:hover{background: #FECF67;}
#content-thin ul#sub-nav li.on a{background: #D05F1D;}
#content-thin ul#sub-nav li a:active{background: #D05F1D;}
/* FOOTER */
#footer{background: url(img/foot.gif) no-repeat; margin-top:6px; height:129px; color:#3a3e3e; clear:both;}
#footer a{color:#3a3e3e; font-weight:bold;}
#foot-left{float:left; width:350px; margin:20px 0px 0px 20px;}
.call{font-size:1.5em; color:#fff; font-weight:bold; margin:10px 0px 30px 0px;}
#foot-right{float:right; width:350px; text-align:right;}
.credits{margin:50px 20px 0px 0px;}
/* OTHERS/ALL */
.clear{clear:both}
#content-wide .contentmaster .gallery{list-style: none; margin-bottom: 20px}
#content-wide .contentmaster .gallery li{float:left; border:1px solid #ccc; padding:3px; list-style: none; margin:0px 10px 0px 0px;}
#comments div{padding:10px 0px 20px 10px;}
#comments .one{background: #fff;}
#comments .two{background: transparent;}