/* 
 * Cascading Style Sheet, for RS-Mania.co.uk
 * Author: Eduard Frankes (ed@invisioncube.com)
 * Copyright: 2006, all rights reserved 
 * 
 * Some parts used are part of the Beachcomb skin made for Invision Power Board 2.1.x
 * Beachcomb is Copyright � 2006 Skin Visions, Lisa C Whitlock.
 * (Invision Power Board is copyright Invision Power Services, all rights reserved)
 */


.ipbtable { width:100% }

table { width:100% }

table.ipbtable,
tr.ipbtable,
td.ipbtable
{ /* required for text in tables, because tables do not inherit from body */
	background: transparent;
	color: #DFE5FF;
	font-size: 11px;
	line-height: 135%;
}

.ipbtable td,
.divpad{ /* gives all tables faux cellpadding of 5px */
	padding: 5px;
}



form{
	display: inline;
	margin: 0; /* removes mystery form tag gapping */
	padding: 0; /* removes mystery form tag gapping */
}



/* 
 * ========================================
 * global hyperlink styles 
 * ========================================
 */

a:link, a:visited, a:active
{
   background: transparent;
   color: #DFE5FF;
   text-decoration: underline;
}

a:hover
{
   background: transparent; 
   color: #FEF8E0;
}

/* 
 * ========================================
 * Main wrapper, this controls the overall width of the board in you browser view window. 
 * ========================================
 */

/* 
 * ========================================
 * BEGIN Header / Logo
 * ========================================
 */
#ipbwrapper
{ 
   margin: 0px auto 20px auto;
   text-align: left;
   width: 98%;
}


table#header
{
   width: 100%;
   padding: 0px;
   border: none;
}

td#logographic
{
   width: 214px;
   /**height: 149px; **/
   background: transparent url(rs-logo-ani.gif) no-repeat top left;
   text-align: left;
   padding: 0px;
   margin-bottom:0px;
   padding-bottom:0px;
}


#logofooter
{
position:absolute;
top:174px;
width: 214px;
height: 22px;
background: transparent url(footer.jpg) no-repeat top left;
text-align: left;
padding: 0px;
   margin-top:0px;
   padding-top:0px;
}


td#logotext
{
   width: 282px;
   height: 171px;
   background: transparent url(logo-text.jpg) no-repeat top left;
   text-align: left;
   padding: 0px;
}

td#logocap
{
   height: 171px;
   background-image: url(logo-cap.jpg);
   background-position: top;
   background-repeat: repeat-x;
   text-align: left;
   padding: 0px;
}

td#pagetext
{
   width: 496px;
   height: 75px;
   background: transparent url(pagetext.jpg) no-repeat top left;
   text-align: left;
   padding: 0px;
}

td#pagetext h1
{
   background-color: transparent;
   font: 16px Verdana, Arial, Helvetica, sans-serif;
   margin: 0 0px 0px 10px;
   color: #DFE5FF;
}

td#pagetext-cap
{
   height: 75px;
   background: transparent url(pagetext-cap.jpg) repeat-x top left;
   text-align: left;
   padding: 0px;
}

/* 
 * ========================================
	 END Header / Logo
 * ========================================
 */

/* 
 * ========================================
	 START Submebu settings
 * ========================================
 */
.submenu-left,
.submenu-right{ 
	background: #F6BA25 url(tile_cat.gif) repeat-x top left; 
	border: 0; 
	color: #192A66; 
	margin: 0; 
	padding: 5px 0 5px 10px;
}

.submenu-right{ 
	padding: 5px 10px 5px 0; 
	text-align: right;
}

.submenu-leftt{ 
	padding: 10px 5px 5px 0; 
	text-align: left;
}

.submenu-left a:link,
.submenu-right a:link,
.submenu-left  a:visited,
.submenu-right  a:visited{ 
	color: #192A66; 
	text-decoration: none; 
}

.submenu-left a:hover,
.submenu-right a:hover{ 
	color: #FA9706; 
	text-decoration: none; 
}


/* 
 * ========================================
 * BEGIN Roundels
 * ========================================
 */

a#roundel-one
{
    width: 164px;
    height: 123px;
    display: block;
    margin-left: auto;
    margin-right: auto;
        background-image: url(Rundel-1.png)
}

a#roundel-one
{
        background-image: url(Roundel-1.png)
}

a#roundel-one:hover
{
    background-position: 0 123px
}

a#roundel-two
{
    width: 164px;
    height: 123px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(Roundel-2.png)
}

a#roundel-two
{
        background-image: url(Roundel-2.png)
}

a#roundel-two:hover
{
    background-position: 0 123px
}


a#roundel-three
{
    width: 164px;
    height: 123px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(Roundel-3.png)
}

a#roundel-three
{
        background-image: url(Roundel-3.png)
}

a#roundel-three:hover
{
    background-position: 0 123px
}


a#roundel-four
{
    width: 164px;
    height: 109px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(Roundel-4.png)
}

a#roundel-four
{
        background-image: url(Roundel-4.png)
}

a#roundel-four:hover
{
    background-position: 0 109px
}

a#roundel-five
{
    width: 164px;
    height: 109px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(Roundel-5.png)
}

a#roundel-five
{
        background-image: url(Roundel-5.png)
}

a#roundel-five:hover
{
    background-position: 0 109px
}

a#roundel-six
{
    width: 164px;
    height: 110px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(Roundel-6.png)
}

a#roundel-six
{
        background-image: url(Roundel-6.png)
}

a#roundel-six:hover
{
    background-position: 0 110px
}

a#roundel-seven
{
    width: 164px;
    height: 123px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(Roundel-7.png)
}

a#roundel-seven
{
        background-image: url(Roundel-7.png)
}

a#roundel-seven:hover
{
    background-position: 0 123px
}

a#roundel-eight
{
    width: 164px;
    height: 123px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url(Roundel-8.png)
}

a#roundel-eight
{
        background-image: url(Roundel-8.png)
}

a#roundel-eight:hover
{
    background-position: 0 123px
}

/* 
 * ========================================
	 END Roundels
 * ========================================
 */

body {
  font: normal 11px/135% Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:0px;
  color:#666666;
  background-color:#5362A5;
}

A:link {
	COLOR: #0000FF; text-decoration: none;
}
A:visited {
	COLOR: #0000FF; text-decoration: none;
}
A:active {
	COLOR: #0000FF; text-decoration: none;
}
A:hover {
	COLOR: #FF0000; text-decoration: underline;
}

#page_wrapper {
  margin-left:0px; 
  margin-right:0px;
  width: 100%;
  text-align: left;
  background: #F5F5F5;
  border: 0px solid #FFFFFF;
}

#header_wrapper {
  background: #5362A5;
  margin:0px; padding:0px;
}

#header {
  height: 110px;
  padding:0px;
  margin:0px;
}

#header h1 {
  margin:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 28px;
  color:#ffffff;
  letter-spacing: -1px;
}

#header h2 {
  margin:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  color:#B1C6EB;
  letter-spacing: 1px;
}

#left_side {
  margin-top: 10px;
  float: left;
  width: 180px;
}

#right_side {
  margin-top: 10px;
  float: right;
  width:180px;
}
#content {
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 200px;
  margin-right: 200px;
}

#footer {
  height: 50px;
  background-color: #5362a5;
  clear: both;
  text-align: center;
  padding-top:12px;
  color: #FFFFFF;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
}

#footer A:link {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:visited {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:active {
	COLOR: #FFFFFF; text-decoration: none;
}
#footer A:hover {
	COLOR: #FFFFFF; text-decoration: underline;
}

#content p {
  margin-top:15px; margin-bottom: 15px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
}

#content h3 {
  margin-top:5px; margin-bottom: 10px;
  font-family: verdana, arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
}

#content h4 {
  margin-top:0px;margin-bottom:0px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#left_side h3, #right_side h3 {
  margin-top:5px; margin-bottom:10px; margin-left:5px; margin-right:5px;
  padding:4px;
  font-family: verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
  color: #FFFFFF;
  border:1px solid #0F3974;
  background-color: #5362a5;
}

#left_side A, #right_side A  {
  color: #FFFFFF;
}


#left_side h4, #right_side h4 {
  margin-top:0px;margin-bottom:0px;margin-left:10px;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
  color: #2153AA;
}

#left_side ul, #right_side ul {
	margin: 0 0 0 5px;
	padding: 0 0 1px 0;
}

#left_side li, #right_side li {
	margin: 0;
	padding: 0px 0 0 20px;
	list-style: none;
}

#left_side ul.secondary-nav li, #right_side ul.secondary-nav li {
	background: url(../images/arrow.gif) no-repeat left bottom;
}

#navlist
{
  margin-top:1px;
  margin-bottom:0px;
  text-align:center;
  padding: 3px 0;
  margin-left: 0;
  border-bottom: 1px solid #0F3974;
  font: bold 12px Verdana, sans-serif;
}

#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a
{
  color: #F1F6FE;
  padding: 3px 10px;
  margin-left: 2px;
  border: 1px solid #0F3974;
  border-bottom: none;
  background: #000000;
  text-decoration: none;
}

#navlist li a:link { color: #F1F6FE; }
#navlist li a:visited { color: #F1F6FE; }

#navlist li a:hover
{
  color: #FFE600;
  background: #000000;
}

#navlist li a#current
{
  color: #000;
  background: #F5F5F5;
  border-bottom: 1px solid #F5F5F5;
}

.float_right {
  float: right;
  margin-left: 10px;
}

.featurebox_center {
  background-color: #fffff6;
  margin:0px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}

.warning {
  background-color: red;
  margin:0px;
  padding:10px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #ffffff;
}

.featurebox_side {
  background-color: #fffff6;
  margin:0px;margin-left:5px;margin-right:5px;margin-bottom:5px; 
  padding:5px;
  border: 1px solid #DFE8F7;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
}