/*
  The original corporate Theme for phpBB version 2+
  Created by subBlue design
  http://www.subBlue.com
*/


body {
        background-image: url('images/back.png');
        background-repeat: repeat-x;
        background-color: #002a4f;
        width: 100%;
        color: #00345b;
        }
div{}
        .centered {
                text-align: center;
                margin-top: 20px;
                padding: 0em auto;
                }
        .padded {
                padding: 10px;
                }
td{}
        .topleft, .topright, .whitetop, .bottomright, .bottomleft {
                background-position: center center;
                background-repeat: no-repeat;
                font-size: 1px;

                }
        .topleft {
                background-image: url('images/topleft.gif');
                }
        .topright {
                background-image: url('images/topright.gif');
                }
        .bottomleft {
                background-image: url('images/bottomleft.gif');
                }
        .bottomright {
                background-image: url('images/bottomright.gif');
                }
        .white, .whitetop {
                background-color: #ffffff;
                }
        .menubar {
                background-image: url('images/menubar.gif');
                background-repeat: repeat-x;
                color: #ffffff;
                font-size: 12px;
                font-weight: bold;
                }
        .menubar a {
                color: #ffffff;
                text-decoration: none;
                }
span{}
        .bar {
                color: #666666;
                font-weight: normal;
                }


/* General font families for common tags */
font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }
a:link,a:active,a:visited { color : #619dca; }
a:hover                { text-decoration: underline; color : #5488af; }
hr        { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}


a{}
        .menulink:link, .menulink:visited, .menulink:active, .menulink:hover {
                color: #ffffff;
                text-decoration: none;
                text-transform: lowercase;
                }
        .menulink:hover {
                text-decoration: underline;
                }

/* Main table cell colours and backgrounds */
td.row1,td.row2, td.row3, td.row3Right         {
        background-color: #d7e6f1;
        background-image: url('images/postb.gif');
        background-repeat: repeat-x;
        }



/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic {
                background-color: #bed9ed;
}

/* Header cells - the blue and silver gradient backgrounds */
th        {
        color: #ffffff; font-size: 11px; font-weight : bold;
        background-color: #006699; height: 25px;
        background-image: url(images/cellpic3.gif);
        text-transform: lowercase;
        }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
                        background-color:#bed9ed; border: #FFFFFF; border-style: solid; height: 16px;
                        color: #5488af;
}


/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat,td.catHead,td.catBottom {
        height: 16px;
        border-width: 0px 0px 0px 0px;
}
th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
        font-weight: bold; border: #FFFFFF; border-style: solid; height: 28px; }
td.row3Right,td.spaceRow {
        background-color: #d7e6f1; border: #FFFFFF; border-style: solid; }

th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
th.thSides,td.catSides,td.spaceRow         { border-width: 0px 1px 0px 1px; }
th.thRight,td.catRight,td.row3Right         { border-width: 0px 1px 0px 0px; }
th.thLeft,td.catLeft          { border-width: 0px 0px 0px 1px; }
th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
th.thTop         { border-width: 1px 0px 0px 0px; }
th.thCornerL { border-width: 1px 0px 0px 1px; }
th.thCornerR { border-width: 1px 1px 0px 0px; }


/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2        {
                        font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
                        text-decoration: none; line-height : 120%; color : #4d8dbd;
}


/* General text */
.gen { font-size : 12px; }
.genmed { font-size : 11px; }
.gensmall { font-size : 10px; }
.gen,.genmed,.gensmall { color : #00345b; }
a.gen,a.genmed,a.gensmall, a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #00345b; text-decoration: none; }
a.gen:hover,a.genmed:hover,a.gensmall:hover        { color: #5488af; text-decoration: underline; }


/* The register, login, search etc links at the top of the page */
.mainmenu                { font-size : 11px; color : #00345b }
a.mainmenu                { text-decoration: none; color : #00345b;  }
a.mainmenu:hover{ text-decoration: underline; color : #5488af; }


/* Forum category titles */
.cattitle                { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #00345b}
a.cattitle, a.cattitle:visited                { text-decoration: none; color : #5488af; }
a.cattitle:hover{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */
.forumlink                { font-weight: bold; font-size: 12px; color : #00345b; }
a.forumlink, a.forumlink:visited         { text-decoration: none; color : #00345b; }
a.forumlink:hover{ text-decoration: underline; color : #5488af; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav                        { font-weight: bold; font-size: 11px; color : #00345b;}
a.nav, a.nav:visited                       { text-decoration: none; color : #00345b; }
a.nav:hover                { text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */
.topictitle                        { font-weight: bold; font-size: 11px; color : #00345b; }
a.topictitle:link   { text-decoration: none; color : #00345b; }
a.topictitle:visited { text-decoration: none; color : #5493B4; }
a.topictitle:hover        { text-decoration: underline; color : #5488af; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name                        { font-size : 11px; color : #00345b;}

/* Location, number of posts, post date etc */
.postdetails                { font-size : 10px; color : #00345b; }


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link        { text-decoration: none; color : #00345b }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #5488af}


/* Quote & Code blocks */
.code {
        font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
        background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
        border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
        font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
        background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
        border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* Copyright and bottom info */
.copyright                { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px;}
a.copyright                { color: #444444; text-decoration: none;}
a.copyright:hover { color: #000000; text-decoration: underline;}


/* Form elements */
input,textarea, select {
        color : #00345b;
        font: normal 11px Verdana, Arial, Helvetica, sans-serif;
        border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
        background-color : #FFFFFF;
}

input { text-indent : 2px; }

/* The buttons used for bbCode styling in message post */
input.button {
        background-color : #EFEFEF;
        color : #000000;
        font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* The main submit button option */
input.mainoption {
        background-color : #FAFAFA;
        font-weight : bold;
}

/* None-bold submit button */
input.liteoption {
        background-color : #FAFAFA;
        font-weight : normal;
}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/
.helpline { background-color: #DEE3E7; border-style: none; }

body {

  background-image: url(images/background-depth.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  background-color: #074060;
  margin: 0;
  padding: 0;
  font-size: 62.5%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #053d5d;
}

img{
  border: 0px;
}
h1 {
  margin: 0px;
  padding: 0px;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-size: 2em;
}
h2 {
  font-size: 1.5em;
}

h3 {
    margin: 10px 0px;
    padding-top: 5px;
    font-size: 1.25em;
}


a{
  color: #053d5d;
}

a:hover {
  text-decoration: none;
}


#page {
  width: 780px;
  text-align:center;
  margin: 15px auto;
}

#page-bottom{
padding-top:0px;
margin-top: 0px;
margin-bottom: 25px;
  background-color: #ffffff;
  border-bottom: solid #222222 1px;
  border-left: solid #222222 1px;
  border-right: solid #222222 1px;
    width: 781px;
  /*
  background-image: url(../images/page-bottom2.jpg);
  background-position: bottom left;
  background-repeat: no-repeat;
  */
}

#page-middle{

  /*background-image: url(../images/page-sides2.jpg);
  background-position: top left;
  background-repeat: repeat-y; */
  border-left: solid #222222 1px;
  border-right: solid #222222 1px;
  background-color: #ffffff;
  margin: 0px;
  padding: 0px 0px;
  width: 781px;
}

.spacer-fix {
  clear: both;
}

#photobanner {

    width: 781px;
    background-color: #fefe9e;
    padding: 5px 0px;
}
#logo {
  float: left;
  padding-top: 10px;
}


#contactdetails {
    padding-top: 5px;
    padding-right: 10px;
    float: right;
    text-align: right;

}

#header {
    padding: 0px 0px 0px 10px;
}


#mainpage {
margin:0px;
padding: 0px;

  float: right;
  width: 480px;

}

#basket {
    text-align: right;
    border-bottom: solid 3px #81b5d5;
    padding: 5px 0px;
}

#content {

}

#footer {

}

#copyright {
  float: right;
  text-align: right;
  padding-right: 10px;
}

#footermenu {
    float: left;
    padding: 0px;
    text-align: left;
}

#footermenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 1.2em;
    padding-left: 10px;
}
#footermenu li {
  	display: inline;
    padding-right: 15px;
}

#menubar {
  width: 175px;
  float:left;
  padding: 10px;

}

.menubox {

width: 175px;
  border: solid 1px #62a3ca;
  margin-bottom: 10px;
}

.boxtitle {

    padding: 3px;
    background: #62a3ca;
    color: #ffffff;
    font-size: 1.15em;
}

.menutitle a:link, .menutitle a:visited {
    display: block;
    padding: 3px;
    margin: 0px;
    background: #62a3ca;
    color: #ffffff;
    font-size: 1.15em;
     text-decoration: none;
}

.menutitle a:hover {
    background-color: #f5b537;

}


.menuoption a:link, .menuoption a:visited  {
    display: block;
    background-color: #b2dcf5;
    padding: 3px;
    padding-left: 10px;
   background: #b2dcf5;
   color:  #053d5d;
    text-decoration: none;
}
.menuoption a:hover {
    background-color: #f5b537;
}



.menuarrow {
  float: right;
  padding-right: 5px;
  padding-top: 3px;
}

.searchoption {
    padding: 5px;
    background: #b2dcf5;
    color:  #053d5d;
}
.searchform {
    margin: 0px;
  padding: 0px;
}

.searchbutton{
  padding: 0px;
  margin: 0px;
  width: 55px;
}

.titlehighlight {
    background: #f5b537;
    color: #053d5d;
    padding: 5px;
    margin-top: 30px;
    font-size: 1.25em;
    font-weight: bold;
}

.product-left {
    clear: both;
    float: left;
    width: 250px;
}

.product-right {
    float: right;
    width: 250px;
}


.product-title {

}
.product-image {
    float: left;
}
.product-description {
    margin-left: 100px;
}
.product-price {
    padding-top: 15px;
    clear: both;
    float: left;
}
.product-more {
    padding-top: 15px;
    margin-left: 100px;
}

.backtotop {

    clear: both;
    text-align: right;
    padding-top: 25px;
}

.hide {
  display: none;
}
.show {
  display: block;
}



#forum-content {
width: 760px;
  padding: 0px 10px;

}


/* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
@import url("formIE.css");