body {
    color: #000;
    background-color: #000;
    min-width: 980px;
    margin: 40px 0px;
}

body,div,td,select,input,textarea {
    font-size: 11px;
    font-family: verdana, geneva, sans-serif;
    /* font-size: 76%; */
}


/*-- body layout elements --*/

#bodywrap {
    width: 960px;
    height: 720px;
    margin: auto;
    position: relative;
    padding:10px;
    background-color:#737573;
    height:auto !important ;
}

#pageheader {
    margin-bottom:10px;
    height:125px;
}


.cartlink, .cartlink a:link, .cartlink a:visited {
    text-align:right;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    padding-bottom:20px;
}

#pagebody {
    position:relative;
    background-color:#3a3a3a;
    height:484px;
    width:950px;
    padding:6px 5px;
}

#menubar {
    background-color:#000;
}

#leftcolumn {
    width: 150px;
    text-align:center;
    height:450px;
    position:absolute;
    left:5px;top:36px;
}
#leftcolumn img { /* line them up with buttons on homepage */
    padding-top:1px;
    padding-bottom:4px;
}

#homecolumn{
    overflow:hidden ;
    height: 450px;
    width:625px;
    position:absolute;
    left:160px;top:36px;
    background: #252525 url(images/rhino-skin.jpg) repeat top left;
}

#homecolumn p {
    margin:0; padding:0;
}

#pagecolumn {
    XXoverflow:hidden ;
    height: 450px;
    width:625px;
    position:absolute;
    left:160px;top:36px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#content {
    padding: 10px 20px;
    height: 410px;
    width:585px;
    XXoverflow-y: scroll;
    XXoverflow-x: hidden;
    color: #000;
    line-height: 150%;
}

#sitelogo {
margin:0;
padding:0;
width:216px;
height:120px;
float:left;
}
#clublogos {
    text-align:left;
    vertical-align:bottom;
}

#clublogos p {
    margin:0;padding:0;
}
#clublogos img {
    margin-left:1px;
}

#newscolumn {
    position:absolute;
    left:795px;top:36px;

    width:140px;
    height:442px;
    padding:4px 10px;
    overflow:hidden;
    background-color:#616161;
    color:#fff;
}

#newscolumn .newslist {
}

.newslist li {
display:block;
width:100%;
border-bottom:#999999 1px solid;
margin-bottom:20px;
clear:right;
}
.newslist li a:link{
color:#333333;
text-decoration:none;
}

.newslist li a:visited{
color:#666666;
text-decoration:none;
padding-left:12px;
background:url(../_content/tick.png) left no-repeat;
}

.newslist li a:hover{
color:#FFFFFF;
text-decoration:none;
}

.newslist li a:active{
color:#FF0000;
text-decoration:none;
}
.newslist_date {
font-size:9px;
color:#333333;
background:#999999;
margin:0;
padding:0 0 0 5px;
display:block;
width:100px;
float:right;
}

#menubar #newsheading {
    position:absolute;
    margin-top:2px;
    left:795px;top:6px;
    border-left:3px solid #616161;

    width:140px;
    padding:4px 10px;
    
    color:#fff;
    font-size:10px;
    font-weight:bold;
    text-align:left;
}

#newscolumn a {
    color:#fff;
    text-decoration:none;
}
#newscolumn a:hover {
    color:#fff;
    text-decoration:underline;
}
#newscolumn h3 {
    font-size:11px;
    line-height:140%;
    font-weight:normal;
    padding:0px; margin:0px;
    margin-bottom:1em;
}

#newscolumn img {
    margin-top:12px;
}

/*-- page body --*/
#contentarea {
    border-color: #373737;
    border-style: solid;
    border-width: 0px 0px 4px 4px;
}

#contentfooter {
    background: #000;
    padding: 10px 15px;
    height:30px;
    text-align: right;
    color: #fff;
    overflow:hidden;
}

#contentfooter h1 {
    margin: 0;
    padding: 0
}

#contentheader {
    background: #1c1c1c;
    padding:10px;
    height: 20px;
    overflow:hidden;
    position: relative;
    color: #fff;
}
.nosubmenu {
    height:40px;
}
#contentheader h1 {
    float:left;
    margin: 0; padding:0px;
    width:480px;
}
#contentheader .viewcart {
    float:right;
}
#contentheader .viewcart a {
    color:#fff;
    font-weight:bold;
    text-decoration:none;
}
div.submenu ul {
    font-size:10px;
    background-color:#8e8e8e;
    list-style: none;
    margin: 0; 
    padding: 0;
    float:left ;
    width: 100%;
    height:20px;
    overflow:hidden;
}   
div.submenu ul li {
    display:inline;
}
div.submenu ul li a {
    float:left ;
    padding:4px 8px;
    text-decoration:none;
    color:#474747;
    font-weight:bold;
}

div.submenu ul li a:hover, div.submenu ul li a.active {
    background-color: #369;
    color: #fff;
}

/* choice of background styles for site */
.greybg { 
    background: #858688 url(images/gradient.jpg) repeat-y top left;
}
.whitebg { 
    background-color:#fff ;
}


#pagefooter {
    margin:10px 10px 10px 160px;
    color: #373737;
    font-weight: bold;
}
#pagefooter .text {
    margin-top:5px;
}

#pagefooter a:link, #pagefooter a:visited {
    color: #373737;
}

/* collapsing udm menus */
#udm {
    width:640px;
    margin-left:150px;
}

 
/* page elements */

.clearer {
    clear: both;
    padding:0;margin:0;
    line-height: 0px;
    height: 0px;
    background-color:transparent;
}

div.left { float:left; }
div.right { float:right; }


h1 {
    font-size: 140%;
    font-weight : bold;
}

table.center {
    height:100%;
    width:100%;
}   
table.center tr td{
    vertical-align:middle;
    text-align:center;
}   

#pagefooter ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    text-align:left;
}

#pagefooter ul li {
    list-style: none;
    display: inline;
    padding-right: 20px;
}

/* category image - available from tinymce - moved */
.greyborder {
    border:2px solid #666;
}

/* product layout */
#pagecolumn .productlink {
    float: left;
    text-align:center;
    margin:0px 10px 10px 0px;
}

.productlink span.img {
    display:block;
    padding:0;
    margin:0;
    height:90px;
    width:170px;
    overflow:hidden;
    border:none;
    text-align:center;
}
.productlink img {
margin:0;
padding:0;
width:170px;
}


.productlink span.text {
    display:block;
    font-size:11px;
}

.productlink a {
    color:#000;
    text-decoration:none;
    font-size:11px;
}

/* category page */

.categoryimage {
float:left;
    text-align:center;
    color:#000;
    margin:0px 10px 10px 0;
}

.categoryimage img, .categoryimage .blank {
    height:90px;
    width:170px;
    border:none;
}


span.text {
    display:block;
    width:170px;
    height:40px;
    padding-top:5px;
    padding-bottom:1px;
    background:url(/images/catimg_bg.png) no-repeat;
    color:#fff;
    font-weight:bold;
    font-size:11px;
    line-height:13px;
}

 span.text a:link,  span.text a:visited {
    color: #fff;
    text-decoration: none;
        font-size:11px;
}

.categoryimage a:hover {
    text-decoration: underline;
        font-size:11px;
}





#pagecolumn .productimage {
    float: left;
    margin-right:10px;
    text-align:center;
    overflow:hidden;
}

#pagecolumn .producttext {
    float:left;
    width:260px;
}

/* form elements */
.inputbox { 
    width:300px;
}   
.short {
    width:100px;
}
textarea.inputbox { 
    width:300px;
    height:50px;
}

.button, a.button:link,a.button:visited, .addbutton {
    background-color: #151515;
	font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica;
	font-size:16px;
    color: #FFFF00;
    border: 1px solid #a8a8a8;
    padding:4px 6px;
    cursor: pointer;
    text-align: center;
    text-decoration:none;
    margin-right:10px;
    display:block;
    float:left;
}

.addbutton2{
width:84px;
height:22px;
display:block;
text-align:center;
font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica;
font-weight:bold;
font-size:14px;
color:#202020;
background:none;
border:none;
}

a.amendcart:link, a.amendcart:visited {
    color:#000;
}
.smallbutton, a.smallbutton:link,a.smallbutton:visited {
    background-color: #999;
    font-weight: normal;
    color: #fff;
    font-size:90%;
    border: 1px outset #999;
    padding:3px 6px;
    cursor: pointer;
    text-align: center;
    text-decoration:none;
    margin-left:3px;
}   

/*-- text styles --*/
span.required {
    padding-left: 4px;
    color: #666;
    font-family: Verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

.hint {
    color: #666;
    /*width:320px;*/
}

.warning { 
    color: #c00;
}

.error, .success {
    padding: 3px 6px;
    margin: 12px 0;
    text-align:center;
    /*  width: 400px; */
}   
.error {
    color: #c00;
    background-color: #FCEEF3;
}
.success {
    background-color: #F4F4F4;
    color: #4e4f4f;
}


/*-- general --*/
form {
    margin: 0;
    padding: 0;
}

table tr td,table tr th {
    vertical-align: top;
    text-align: left;
}

a:link img, a:visited img {
    border:0px;
}

/*-- headers --*/
h1,h2,h3 {
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
}


/*-- table layout --*/
table.tablelist {
    border-spacing: 0px;
    border-collapse: collapse;
    empty-cells: show;
    margin: 12px 0px;
}
table td.right, table th.right {
    text-align:right;
}           
table.tablelist th {
    background-color: #333;
    color: #fff;
    padding: 4px 12px;
}
table.tablelist th a:link, table.tablelist th a:visited {
    color: #fff;
    text-decoration:underline;
}

table.tablelist td {
    padding: 4px 12px;
    border-bottom: 1px solid #999;
}
table.tablelist tr.follow td {
    padding-bottom:1px;
    border:none;
}

td.label {
    text-align: right;
}
td.right {
    text-align:right;
}
td.money {
    text-align: right;
}

table.tablelist td.buttons {
    border: none;
    text-align: right;
}

tr.total td {
    font-weight: bold;
}

div.buybuttons {
    margin: 12px 0px;
}

.cartimage {
    float: left;
    margin-right: 20px;
    margin-top: 12px;
    border: 1px solid #999;
    padding: 20px;
}

#progressbar {
    margin:5px 0px;

}
#progressbar .step {
    display:inline;
    height:60px;
    padding:2px 4px;
    border:1px solid #666;
    color:#333;
    font-size:10px;
    margin-right:2px;
}
#progressbar .done {
}
#progressbar .current {
    background-color:#314b98;
    border:1px solid #314b98;
    color:#fff;
}

pre {
    background-color:#eee;
}   

/*-- tooltips --*/
span.tip {
    padding:0px 3px; 
}   

.tool-tip {
    background-color:#ffffcc;
    width: 200px;
    z-index: 13000;
    color:#000;
    border:1px solid #d4d5aa;
    padding:8px 12px;
    margin: 0;
    font-weight: bold;
    font-size: 11px;
}
 
.tool-title {
    display:none;
}
 
.tool-text {
}

/*-- news list page --*/
ul.newslist {
    list-style: none;
    margin: 0; 
    padding: 0;
}
ul.newslist li {
    margin-bottom:1em;
}
ul.newslist li a {
    font-size:120%;
    font-weight:bold;
}    

ul.sitemap { 
    padding-bottom: 1em; 
    
}
ul.sitemap dt {font-weight: bold; }
ul.sitemap dd { margin-left:20px;  }
ul.sitemap dd {  background-image: url(images/sitemapline.gif); background-repeat: no-repeat; padding-left: 23px;}
ul.sitemap dd.bottom {  background-image: url(images/sitemapline2.gif); background-repeat: no-repeat; padding-left: 23px;}

#printheader {
    display:none;
}

/*-- heading --*/
h1.pageheading {
    padding:6px 20px;
    background-color:#636163;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    margin:0px;
}

/*-- breadcrumbs --*/
.breadcrumbs {
    padding:4px 20px;
    height:12px;

    font-size:10px;
    background-color:#8e8e8e;
    color:#474747;
    font-weight:bold;
}   

.breadcrumbs a:link, .breadcrumbs a:visited {
    color:#474747;
    font-weight:bold;
}   

.breadcrumbs .step {
    display:inline;
    color:#474747;
    font-size:10px;
    font-weight:normal;
    margin-right:2px;
}
.breadcrumbs .current {
    color:#111;
    font-weight:bold;
}
.breadcrumbs .done {
    color:#111;
}


.map_area_text{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;
line-height:12px;
}
.scrum_map{
font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica;
font-size:18px;
color:#FFFFFF;
line-height:14px;
margin:0;
}

.cart_total {
font-family:"Myriad Pro", "Trebuchet MS", Arial, Helvetica;
font-size:22px;
color:#FFFFFF;
font-weight:bold;
}
.cart_label {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
text-align:right;
}

.cart_product {
font-size:14px;
background: #999999;
font-family:"Myriad Pro", Arial, Helvetica;
font-weight:bold;
}
.cart_product2 {
font-size:14px;
background: #b5b5b5;
font-family:"Myriad Pro", Arial, Helvetica;
font-weight:bold;
}
.cart_free {
font-size:14px;
background: #e40000;
font-family:"Myriad Pro", Arial, Helvetica;
color:#FFFFFF;
font-weight:bold;
}

.cart_no_border{
border:none;
}

.archive_list {
list-style:none;
margin:0;
padding:0;
}

.archive_list li{
border-bottom:1px dotted #333333;
margin:0 0 20px 0;
font-size:10px;
color:#333333;
}
.archive_list h1{
display:block;
background:#333333;
font-size:14px;
color:#CCCCCC;
}

.archive_list2 {
list-style:none;
margin:0 0 0 105px;
padding:0;}

.archive_list2 li{
margin:0 0 5px 0;
font-size:10px;
color:#333333;
border:none;
}
.archive_list2 a:link{
color:#333333;
padding-left:20px;
text-decoration:none;
background:url(/images/archive/Rhino_archive_link.gif) left no-repeat;

}
.archive_list2 a:visited{
color: #666666;
padding-left:20px;
text-decoration:none;
background:url(/images/archive/Rhino_archive_visit.gif) left no-repeat;

}
.archive_list2 a:hover{
color:#000000;
padding-left:20px;
text-decoration: underline;
background:url(/images/archive/Rhino_archive_hover.gif) left no-repeat;

}
.archive_list2 a:active{
color:#FFFFFF;
padding-left:20px;
text-decoration: none;
background:url(/images/archive/Rhino_archive_visit.gif) left no-repeat;

}

.image_left {
float:left;
margin:0;
border:none;
}