/*
Theme Name: rugbytots default
Theme URI: http://www.rugbytots.co.uk/
Description: themestyle for rugbytots.
Version: 1.0
Author: Elliott Richmond
Author URI: http://www.squareonemd.co.uk/
*/

@import url('/css/reset.css');

@import url('/css/dropdown.css');

@import url('/css/slideshow.css');

body {
background-color:#e4edf6;
font-family:Arial, Helvetica, sans-serif;
font-weight: 300;
}

/* Global */

.error
{
    color: Red;
}

h1, h2, h3, p {
color:#5A4F4A;
}

h1.noborder, h2.noborder, h3.noborder
{
	border: none !important;
}

blockquote p{
border-left:4px solid #eaeaea;
padding:10px;
margin-left:10px;
margin:10px 
}

a {
color:#1664a8;
text-decoration:underline;
}

strong {
color:#5A4F4A;
font-weight:bold !important;
}

.floatright {
float:right;
margin:0 0 20px 20px;
}

.floatleft {
float:left;
margin:0 20px 20px 0px;
}

.infobox
{
	float: left;
	margin:0 20px 20px 0px;
	width: 300px;
}


/* Specific */

#wrapper {
width:939px;
margin:10px auto;
background:url(/images/wrapbg.jpg) no-repeat #0a316b top;
border:1px solid #5987b2;
}

#headwrap {
position:relative;
width:860px;
margin:0 auto;
margin-bottom:20px;
z-index:1200;
}

   #header {
   height:210px;
   }

      #strapline {
      position:absolute;
      top:53px;
      }

         #strapline h1 {
         color:white;
         font-size:35px;
         line-height:42px;
         font-weight: normal;
         }

      #logo {
      position:absolute;
      top:10px;
      left:665px;
      z-index:200;
      }

      #logo a{
      }


   #navbar {
   position:absolute;
   width:860px;
   top:168px;
   height:40px;
   background:url(/images/navbar.png) no-repeat top;
   }

.round {
  -webkit-border-radius: 3ex;
  -moz-border-radius: 3ex;
}

#contentwrapper {
z-index:90;
position:relative;
width:860px;
margin:0 auto;
}

#left {

width:860px;
margin-left: 42px;

}

.leftlonger
{
float:left;
width:860px;
}

#right
{
float:right;
width: 270px;
}

#sponsers {
   background-color:#ffffff;
   border:1px solid #4d6b9b;
   padding:30px;
   margin-bottom:20px;
   width:442px;
}

.leftholder {
width:300px;
margin:0 auto;
}

.rightholder {
width:300px;
margin:0 auto;
}

#thecontent.small
{
	width: 515px !important;
}

   #thecontent {

   background-color:#ffffff;
   border:1px solid #4d6b9b;
   padding:30px;
   margin-bottom:20px;
   width: 795px;
   }

      #thecontent h1, #thecontent h2, #thecontent h3, #thecontent h4 {
      line-height:35px;
      margin-bottom:10px;
      font-size:18px;    
      }    
      
      #thecontent h3
      {
      	font-size: 14px;
      	text-decoration: underline;
      }
      
      .nounderline
      {
          text-decoration: none!important;
      }
      
      #thecontent h4
      {
      	font-size: 14px !important;
      	color: #5a4f4a;
      	font-style: italic;      	
      }

      #thecontent p, #thecontent td {
      font-size:12px;
      line-height:22px;
	  margin-bottom:20px;
      }

      #thecontent ol, #thecontent ul {
      margin:10px 0 10px 20px;
      }

      #thecontent li {
      color:#5A4F4A;
      font-size:12px;
      line-height:18px;
      list-style:square;
	  margin-bottom:20px;
      }     

       #leftminicontent h1, #leftminicontent h2, #leftminicontent h3 {
      line-height:35px;
      margin-bottom:10px;
      font-size:18px;
      border-bottom:1px solid #C8C2BF;
      }

      #leftminicontent p, #leftminicontent td {
      font-size:12px;
      line-height:22px;
	  margin-bottom:20px;
      }

       #leftminicontent ol, #leftminicontent ul {
      margin:10px 0 10px 20px;
      }

       #leftminicontent li {
      color:#5A4F4A;
      font-size:12px;
      line-height:18px;
      list-style:square;
	  margin-bottom:20px;
      }
   
    .leftmini {
    float:left;
    width:286px;
    }

    .middlemini
    {
    float:left;
    width:286px;    
    }

    .rightmini
    {
    float:left;
    width:286px;
    }
      
   #leftminicontent {

   background-color:#ffffff;
   border:1px solid #4d6b9b;
   padding:30px;
   margin: 0 0 0 0;
   height: 450px;
   }
      
   #middleminicontent {

   background-color:#ffffff;
   border:1px solid #4d6b9b;
   padding:30px;
   margin: 0 0 0 12px;
   height: 450px;
   }
   
   #rightminicontent {

   background-color:#ffffff;
   border:1px solid #4d6b9b;
   padding:30px;
   margin: 0 0 0 12px;
   height: 450px;
   }

       #middleminicontent h1, #middleminicontent h2, #middleminicontent h3 {
      line-height:35px;
      margin-bottom:10px;
      font-size:18px;
      border-bottom:1px solid #C8C2BF;
      }

      #middleminicontent p, #middleminicontent td {
      font-size:12px;
      line-height:22px;
	  margin-bottom:20px;
      }

       #middleminicontent ol, #middleminicontent ul {
      margin:10px 0 10px 20px;
      }

       #middleminicontent li {
      color:#5A4F4A;
      font-size:12px;
      line-height:18px;
      list-style:square;
	  margin-bottom:20px;
      }
      
      #miniboxes
      {          
          width: 860px;         
          float: left;
          margin: 0 0 10px 0;
      }
      
  

       #rightminicontent h1, #rightminicontent h2, #rightminicontent h3 {
      line-height:35px;
      margin-bottom:10px;
      font-size:18px;
      border-bottom:1px solid #C8C2BF;
      }

      #rightminicontent p, #rightminicontent td {
      font-size:12px;
      line-height:22px;
	  margin-bottom:20px;
      }

      #rightminicontent ol, #rightminicontent ul {
      margin:10px 0 10px 20px;
      }

      #rightminicontent li {
      color:#5A4F4A;
      font-size:12px;
      line-height:18px;
      list-style:square;
	  margin-bottom:20px;
      }     

   #sidebar {
   padding:30px;
   min-height: 483px;
   background-color:#ffffff;
   border:1px solid #4d6b9b;  
   }

      #sidebar h1{
      font-size:18px;
	  line-height:22px;
      }

      #sidebar p {
      font-size:12px;
      line-height:18px;
      margin-bottom:20px;
      }

      #sidebar ul, #sidebar ol {
      margin:0 0 20px 20px;
      }

      #sidebar li {
      color:#5A4F4A;
      font-size:12px;
      line-height:18px;
      list-style:square;
      }

      #sidebar li a {
      color:#5A4F4A;
      text-decoration:none;
      }

      #sidebar li a:hover {
      color:#5A4F4A;
      text-decoration:underline;
      }
      
      #sidebar2 {
   width:230px;
   padding:30px;   
   float: right;
   margin-top: 10px;
   
   }

      #sidebar2 h1{
      font-size:18px;
	  line-height:22px;
      }

      #sidebar2 p {
      font-size:12px;
      line-height:18px;
      margin-bottom:20px;
      }

      #sidebar2 ul, #sidebar ol {
      margin:0 0 20px 20px;
      }

      #sidebar2 li {
      color:#5A4F4A;
      font-size:12px;
      line-height:18px;
      list-style:square;
      }

      #sidebar2 li a {
      color:#5A4F4A;
      text-decoration:none;
      }

      #sidebar2 li a:hover {
      color:#5A4F4A;
      text-decoration:underline;
      }

		#imagegallery {
		border:1px solid grey;
		}

#otherfeatures {
border:1px solid #465081;
padding:20px;
margin:0 auto;
margin-bottom:20px;
width:820px;
background-color: none;
}

   .ofcontainer {
   width:30%;
   float:left;
   border-right:1px solid #465081;
   margin-right:18px;
   padding-right:18px;
   }

   .ofcontainer_last{
   border-right:0;
   margin-right:0px;
   padding-right:0px;
   }

   #otherfeatures img{
   margin:0 0 20px 0;
   }

   #otherfeatures a img {
   margin:0px;
   }

   #otherfeatures h4{
   color:#ffffff;
   font-size:17px;
   line-height:20px;
   }

   #otherfeatures p{
   color:#ffffff;
   font-size:12px;
   line-height:17px;
   margin-bottom:20px;
   }

   #otherfeatures blockquote {
   color:#ffffff;
   font-style:italic;
   font-size:18px;
   line-height:32px;
   margin-bottom:20px;
   }

#banner_holder {
margin:0 auto;
width:728px;
}

#socialmedia {
clear:both;
width:860px;
margin:0 auto;
padding-top:10px;
   height:54px;
}

   .medialogo {
   float:left;
   width:50px;
   margin-right:20px;
	}
	
	.medialogo img {
	}

#footer {
background:url(/images/navbar.png) no-repeat;
height:25px;
padding:16px;
font-size:12px;
width:830px;
margin:0 auto;
}

   #copyright {
   float:left;
   color:#ffffff;
   }

   #copyright p {
   color:#ffffff;
   margin:0;
   }

   #desclaimers {
   float:right;
   }

   #desclaimers li{
   display:inline;
   }

   #desclaimers li a{
   color:#ffffff;
   margin-right:10px;
   text-decoration:none;
   }

   #desclaimers li a:hover{
   text-decoration:underline;
   }

.clear {
clear:both;
}

.graphic
{
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

.youtube
{
    margin: 28px 0 0 0;
    padding: 0;
    float: left;
}

.booknow
{
    margin: 0 0 0 0;
    padding: 2px 0 0 0;
}

#flags
{
    width: 100px;
    height: 20px;    
    float: left;
    margin: -6px;
    padding-left: 20px;
}

.flagmargin
{
    margin-right: 5px;
}

.side_slideshow
{
   width: 180px;   
   margin: 0 0 0 5px;
   float: right;
   
}

.classgrid
{
    border-top: 1px solid black;
    border-left: 1px solid black;
}

.classgrid tr td
{
    border-bottom: 1px solid black; 
    border-right: 1px solid black;  
}

.spacing
{
    margin: 10px 0 0 0;
}

.jobs
{
    height: 1077px;
}

.survey
{
    height: 1053px;
}

.parties
{
    height: 492px;
}

.faqnew
{
    height: 150px;   
}

.franchising
{
    height: 600px;
}

#contactformdetails
{    
    width: 300px;
    float: left;    
}

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

#contactformcontainer
{
     width: 300px;
     float: left;
}

.fullwidth
{
   width: 795px;
}

.sendbutton
{
    margin: 10px 0 0 55px;
}

.verisign
{
    float: right;
}

.classesbtn
{
    margin-left: -13px;
}

.classesbtnright
{
    margin-top: 22px;
    margin-left: -15px;
}

.classesbtnmid
{
   
    margin-left: -17px;
}

#leftslideshowbutton
{
    position: absolute;
    top: 0;
    left: 0; 
    width: 50px;
    height: 280px;
    background-image: url('images/leftarrow.gif');
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#rightslideshowbutton
{
    position: absolute;
    top: 0;
    right: 0; 
    width: 50px;
    height: 280px;
    background-image: url('images/rightarrow.gif');
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

#verisign
{
    float: right;
    margin: 0 0 0 0;
    padding: 0; 
    position: relative;
    top: -10px;    
}

#verisign table td
{    
    padding: 0;
    vertical-align: top;
    margin: 0;
}

#map
{
    width: 500px;
    height: 500px;
}

.mapsub
{
	font-size: 80% !important;
	margin-top: 0;
}

p.separator
{
	border-top: 1px solid #CCCCCC;
}

table.class_search
{
	width: 100%;
}

table.class_search td
{
	vertical-align: top;
	padding: 10px;
}

table.form td
{
    padding: 2px;
}

table.form th
{
	text-align: right;
}

table.form .req
{
	/*border: solid 2px #FF3D3D;*/
}

table.form .textfield
{
	width: 150px;
}

table.form .textfield-short
{
	width: 100px;
}

table.form .textfield-long
{
	width: 200px;
}

table.form span.req
{
	color: #FF3D3D;
	font-size: small;
	margin-right: 2px;
}

table.franchisee td
{
	vertical-align: top;
	padding: 0 10px 10px 10px;
}

/* Shane's */

.detail-floater
{
	float: right;
	width: 240px;
	background-color: #FFFFFF;
	padding: 5px;
	margin-left: 10px;
}

.detail-floater#map
{
	width: 300px;
	height: 300px;
}

.detail-floater-left
{
	float: left;
	width: 250px;
	height: 300px;
	background-color: #FFFFFF;
}

.border-basic
{
	border: solid 1px #c8c2bf;
}

.class-forms-narrow
{
	width: 500px;
}

.form td.item
{
	text-align: right;
}

.form td.end
{
	padding-top: 10px;
	text-align: right;
}

.tables table
{
    color: #5a4f4a;
}

.tables table th
{
   font-weight: bold;
   font-size: 12px;
} 

.ordersummary td
{
    width: 25%;
    font-size: 14px;
    color: #5a4f4a;
}

.merchandise-table
{
    margin-top: 15px;
    font-size: 14px;
    color: #5a4f4a;
    width: 100%;
}

.merchandise-table th
{
    font-weight: bold;
}

.merchandise-table td
{
    width: 33%;
}

.rowspacing td
{
    padding-top: 20px;
}

.form
{
    font-size: 14px;
    color: #5a4f4a;
}

.coachright
{
   margin-left: 120px;
}

#coachleftnav
{
    position: absolute;
    top: 100px;
    left: 10px;
    font-size: 14px;
    color: #5a4f4a;
}

#coachleftnav ul li
{
    padding-top: 3px;
}

#leaflet
{
    top: 63px;
    right: 205px;
    position: absolute;
}

#leaflet-text
{
    top: 40px;
    right: 205px;
    position: absolute;
    font-size: 11px;
    font-weight: bold;
}