/* Start of CMSMS style sheet 'Default' */
/* Colours
Orange: #ff6900;
Dark Grey: #4d4d4d;
Deep Red: #890c08;
Light Grey: #efefef;
*/

/* Reset */

html, body, div, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, img, fieldset {
margin: 0;
padding: 0;
}

html {
color: #3b3b3b;
font-family: Arial, 'Helvetica Neue', Helvetica, Verdana, sans-serif;
font-size: 62.5%;
}

img {
border: 0;
margin: 0.35em 0.75em 0.25em 0;
}

/* Layout */

html { padding: 1.5em; }

body {
/*background-image: url('uploads/images/grid_90-15.png');*/
margin: 0 auto;
position: relative;
width: 82.5em;
}

.header { height: 7em; }

#title {
background-position: 0.58em 0;
background-repeat: no-repeat;
height: 10.5em;
position: relative;
}

#content {
clear: both;
margin: 0 31.5em 0 10.5em;
min-height: 40em;
position: relative;
width: 40.5em;
}

#context {
background: url('uploads/images/pages/fish.jpg') no-repeat;
min-height: 15em;
padding-top: 16em;
position: absolute;
right: -31.5em;
top: 0;
width: 30em;
}

.footer {
border: 1px dotted #b3b3b3;
border-width: 1px 0;
margin: 1em 0 0.5em 10.5em;
padding: 0.5em 0 1em 0;
width: 40.5em;
}

/* Typography */

h1 {
font-weight: normal;
font-size: 6em;
line-height: 1;
position: absolute;
right: 0;
top: 0.2em;
}

h1 a {
background: url('uploads/images/rhyme_logo.gif') no-repeat;
display: block;
text-indent: -9999px;
width: 145px;
}

h2 {
color: #ff6900;
font-weight: normal;
font-size: 2.4em;
line-height: 1;
letter-spacing: 0;
margin-bottom: 0.7em;
}

#title h2 {
bottom: 0;
left: 0;
position: absolute;
}

h3, h4, p, li {
font-size: 1.2em;
line-height: 1.5;
margin-bottom: 1.5em;
}

#content h2 { padding: 0 0.229em; }

#content h3, #content h4, #content p { padding: 0 0.458em; }

li { margin-bottom: 0; }

li li { font-size: 1em; }

#content ul, #content ol {
margin: 0 0.458em 1em 0.458em;
padding-left: 1.5em;
}

#content ol { padding-left: 2.5em; }

#content ul { list-style: disc; }

a { color: #890c08; }

a:hover { color: #000; }

#content .products {
list-style: none;
margin: 0;
padding-left: 0.416em;
}

.products li { display: inline; }

.products img { margin: 0 0.95em 0.75em 0; }

/* Tables */

table { padding: 0 0.458em; }

th, td { font-size: 1.2em; }

th {
background-image: url('uploads/images/context_bg_grey.gif');
line-height: 1.6;
}

td.note {
font-size: 1.1em;
padding-top: 1em;
}

/* Contextual Area */

#context ul {
list-style: none;
margin: 0 0 1em 0;
padding-left: 0;
}

#context > ul > li { background-image: url('uploads/images/context_bg_grey.gif'); }

#context li {
font-size: 1em;
margin-bottom: 1em;
padding-bottom: 1.5em;
}

#context h4, #context p {
font-size: 1.1em;
padding: 0 1.5em 0 0.5em;
}

#context h4 {
background-color: #5f5f5f;
color: #fff;
line-height: 1.8em;
margin-bottom: 0.5em;
}

#context p {
color: #000;
line-height: 1.3;
margin-bottom: 1em;
}

#context a {
color: #000;
text-decoration: none;
}

#context ul ul {
list-style: disc;
margin: 0 1.5em 0 2em;
padding: 0;
}

#context li li {
color: #000;
font-size: 1.1em;
line-height: 1.4;
margin-bottom: 0;
padding-bottom: 0.5em;
}

#context li li a:hover {
color: #4d4d4d;
text-decoration: underline;
}

#context .more { margin-bottom: 0; }

#context .more a { color: #ff6900; }

/* Top Navigation */

#main_nav { margin-bottom: 1.5em; }

#main_nav ul {
clear: right;
list-style: none;
width: 100%;
}

#main_nav li {
background-color: #ff6900;
float: left;
font-size: 1.1em;
line-height: 1.8;
margin: 0 1.363em 1.363em 0;
text-indent: 0.5em;
width: 8.181em;
}

#main_nav a {
color: #fff;
display: block;
font-weight: bold;
text-decoration: none;
}

#main_nav a:hover { color: #000; }

#main_nav li:hover {
background-color: #efefef;
color: #ff6900;
}

/* Secondary Navigation */

#secondary_nav {
left: -10.5em;
position: absolute;
top: 10.3em;
width: 9em;
}

#secondary_nav ul {
list-style: none;
margin: 0;
padding-left: 0;
}

#secondary_nav li {
border-bottom: 1px dotted #b3b3b3;
font-size: 1.1em;
line-height: 1.090em;
padding: 0.25em 0.5em;
}

#secondary_nav li:first-child { text-transform: uppercase; }

#secondary_nav li:hover { background-color: #efefef; }

#secondary_nav a {
color: #4d4d4d;
display: block;
text-decoration: none;
width: 100%;
}

#secondary_nav li:hover a { color: #000; }

#secondary_nav .menuactive a {
color: #ff6900;
font-weight: bolder;
}

/* Footer Navigation */

.footer p, #legal {
font-size: 1.1em;
padding-left: 0.5em;
}

.footer p { margin: 0.5em 0 0; }

#legal { margin-left: 9.7em; }

.footer a, #legal a, .footer span a:hover { color: #4d4d4d; }

.footer a:hover, #legal a:hover, .footer span a { color: #890c08; }

/* Search Box */

.nav form { margin-top: 3em; }

.nav fieldset { border: 0; }

.nav label {
display: block;
font-size: 1.1em;
padding: 0 0.5em;
}

.nav input {
border: 1px solid #efefef;
font-size: 1em;
text-indent: 0.5em;
width: 9em;
}

.nav button {
background: url('uploads/images/search.png') no-repeat 2.5em 0 #fff;
border-width: 0;
font-size: 1em;
margin-top: 0.3em;
padding-left: 0.4em;
text-align: left;
width: 9em;
}

.nav button:hover {
color: #ff6900;
cursor: pointer;
}
/* End of 'Default' */

