/* Scotia Trading Companies Limited */
/* info@scotia-handling-rigging.co.uk */
/* Content Styles for SRS */

body {
font-family: Helvetica, Arial, sans-serif;
background: white url(../commonimg/srs_bg_strip.gif) repeat-y left;
}

#topbar {
border-right: 1px solid #930;
}

#menubar {
/* content of the menubar */
background-color: #e53935;
font-family: Verdana, sans-serif;
color: white;
font-size: 9px;
/* general */
border: 1px solid #930;
margin: 0;
padding: 0 10px 1px 10px;
width: 770px;
height: 18px;
voice-family: "\"}\"";
voice-family:inherit;
width: 748px;
}

#menubar a {
font-weight: bold;
text-decoration: none;
color: white;
}

#menubar a:hover {
font-weight: bold;
text-decoration: underline;
color: white;
}

#menutable {
font-family: Verdana, sans-serif;
color: white;
font-size: 9px;
}

#menutable a {
text-decoration: none;
color: white;
}

#menutable a:hover {
text-decoration: underline;
color: white;
}

#categorybar {
background: url(../commonimg/srs_curvedtop.gif) top left no-repeat;
border: 0;
}

h1 {  /* used for the category name in category bar */
border: 0;
margin: 0;
padding: 0;
font-size: 16px;
color: white;
}

h1 strong {  /* the actual category name is emphasised */
font-weight: bold;
}

h2 {  /* used for the product name in product pages */
border: 0;
margin: 0;
padding: 0 0 5px 0;
font-size: 16px;
font-weight: bold;
color: black;
}

h3 {  /* used for the product longer name in product pages */
border: 0;
margin: 0;
padding: 0 0 5px 0;
font-size: 13px;
font-weight: bold;
color: black;
}

h4 {  /* title of lists in the sidebar */
font-size: 12px;
font-weight: bold;
border: 0;
margin: 0 0 5px 0;
padding: 3px 8px 0 8px;
color: black;
}

h5 { /* used to show the num of products in a category - inside category bar */
font-family: Verdana, sans-serif;
border: 0;
margin: 0;
padding: 0;
font-size: 9px;
font-weight: normal;
color: white;
}

#main {
border: 1px solid #930;
border-top: 0;
}

#main p, #main li {
font-size: 0.8em;
color: black;
padding: 0;
margin-top: 0;
}

#main table {
font-size: 0.8em;
color: black;
padding: 0;
margin: 0;
}

#main table tr td {
color: black;
padding: 5px;
margin: 0;
}

#producttable { /* data tables used in product pages */
font-family: Verdana, Geneva, Arial, sans-serif;
margin-left: 7px;
border-spacing: 0px;
border: 1px solid black;
font-size: 9px;
border-collapse: collapse;
}

#producttable tr { /* data tables used in product pages */
border: 1px solid black;
}

#producttable td { /* data tables used in product pages */
border: 1px solid black;
padding: 3px;
}

#footer {
font-size: 9px;
color: #930;
}

#footer p {
border: 0;
margin: 0;
padding: 0;
}

#footer a {
text-decoration: underline;
color: #930;
}

#footer a:hover {
text-decoration: none;
color: #930;
}


#sidebar ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#sidebar li {
margin: 0;
border: 0;
border-top: 1px solid white;
}

#sidebar li:first-child {
border-top: 0;
}

#sidebar li a {
display: block;
font-size: 10px;
font-family: Verdana, sans-serif;
padding: 3px 8px 3px 8px;
border-left: 3px solid #e5e8f5;
background-color: transparent;
color: black;
text-decoration: none;
width: 150px; /* IE 4/5 Win */
voice-family: "\"}\"";
voice-family:inherit;
width: 131px;
}

#sidebar li a:hover {
color: white;
background-color: black;
border-left: 3px solid #e53935;
}

#copyright {
font-family: Verdana, sans-serif;
font-size: 9px;
color: #999;
padding: 10px;
}

#copyright p {
padding: 0;
margin: 0;
border: 0;
}

#categorytable {
text-align: center;
}

#categorytable img {
border: 0;
}

/* styles */

.sidebarlist {
padding: 0 0 7px 0;
margin: 0 0 7px 0;
border: 0;
border-bottom: 1px solid #bfbfe4;
}

.sidebarseparator {
margin: 0;
padding: 0;
border-top: 5px solid white;
}

.catproductname { /* product names in Category pages */
font-size: 11px;
font-weight: bold;
color: black;
font-family: Verdana, sans-serif;
padding: 5px 3px 3px 3px;
}

.moreinfo { /* used in Category pages for the "more info" link */
font-size: 10px;
font-family: Verdana, sans-serif;
padding: 3px 3px 3px 10px;
/* background: url(../commonimg/more_info_pointer.gif) no-repeat left; */
}

.moreinfo a {
text-decoration: underline;
}

.moreinfo a:hover {
text-decoration: none;
}

.hide {
display: none;
}

.rightside {
float: right;
margin: 0 0 5px 5px;
border: 1px solid black;
}

.leftside {
float: left;
margin: 0 5px 5px 0;
}