/* oakrange.co.uk Corporate Style Sheet

 * Designed by Deelited Systems
 * Code created by M.Downham
 * Layout by R.Wild

 * Creation Date: 07-03-2006
 * W3C Verifcation Date: dd-mm-2006

 * Objective: Creates the overall "corporate" look of the whole website.
 *            Lays down standard widths, heights and colours for site,
 *            which may then be manipulated by any individual page.

 */


/* General Style Definitions for all pages and sections on the website */

body       {background-color: white; /* #e0ffee */
            background-image: url("Common/Images/MiniOakrange.jpg");
            background-repeat: repeat;
            background-attachment: fixed;
            font-size: 12px;
            color: #333333;}

img, a img {margin: 0;
            padding: 0px;
            border: 0px;
            text-decoration: none;}

#Header,
#NavBox,
#Main,
#Footer    {border-width: 0 1px 0 1px;
            border-style: solid;
            border-color: #555555;
            background-color: white;
            color: #333333;}




/* Definitions for the header section and navigation bar for all pages on website */

#Header    {height: 75px;
            width: 780px;
            margin: 0 auto;
            background-image: url(Common/Images/HeaderBackground.jpg);}

#Header a img
           {position: relative;
            top: 0px;
            left: 705px;}


/* Navigation order ofpseudo-classes (Very important) */
/* link, visited, hover, active.                      */

#NavBox    {height: auto;
            width: 780px;
            margin: 0 auto;
            background-color: #969696;
            text-align: center;}

#NavBar    {margin: 0 auto;
            text-align: left;}

#NavBar tr.MainRow td a
           {width: 129px;
            font-weight: bold;
            font-size: 11px;
            padding: 0px;
            text-decoration: none;
            display: block;
            text-align: center;
            border-width: 1px 1px 0px 1px;
            border-style: solid;
            border-color: #555555;}

#NavBar tr.MainRow td a:link
           {color: #666666;
            background-color: #b7b8bc;
            padding: 5px 0px 6px 0px;}

#NavBar tr.MainRow td.Active a:link,
#NavBar tr.MainRow td.Active a:visited
           {color: white;
            background-color: #2e171d;
            padding: 5px 0px 6px 0px;}

#NavBar tr.MainRow td a:visited
           {color: #b7b8bc;
            background-color: #838488;
            padding: 5px 0px 6px 0px;}

#NavBar tr.MainRow td a:hover,
#NavBar tr.MainRow td.Active a:hover
           {color: red;
            background-color: #2e171d;
            padding: 5px 0px 6px 0px;}

#NavBar tr.SecondRow
           {height: 24px;
            background-color: #2e171d;
            padding: 3px 0px 2px 0px;}

#NavBar tr.SecondRow td
           {text-align: center;
            padding: 3px 0px 2px 0px;}

#NavBar tr.SecondRow td a
           {width: 130px;
            font-size: 11px;
            padding: 2px 0px 3px 0px;
            text-decoration: none;
            display: block;
            color: #b7b8bc;}

#NavBar tr.SecondRow td.Active a
           {color: white;
            font-weight: bold;}

#NavBar tr.SecondRow td a:hover
           {color: red;}




/* Definitions for the main section of all pages on website */

#Main      {height: auto;
            width: 780px;
            margin: 0 auto;
            background-image: url(Common/Images/SideBar.jpg);
            background-repeat: repeat-y;
            background-position: top right;}

#Main h1   {padding-left: 5px;
            text-align: center;}

#MainHeight
           {width: 80px;
            height: 702px;
            float: right;
            background-repeat: no-repeat;
            background-position: top right;}

#MainLeft  {float: left;
            width: 345px;
            padding-left: 5px;
            /* background-color: yellow; */}

#MainRight {float: right;
            width: 345px;
            padding-right: 0px;
            /* background-color: green; */}

.Product   {float: left;
            width: 345px;
            height: 485px;
            padding-left: 5px;}

#CertComment
           {float: left;
            width: 695px;
            text-align: right;
            padding-left: 5px;}

.TagLine    {font-size: 40px;
             font-weight: normal;
             color: gray;
             padding-bottom: 40px;}

.CatchLine  {color: red;
             font-weight: normal;}

.Boxed      {height: 175px;
             width: 200px;
             margin-left: 70px;
             border-color: gray;
             border-style: solid;
             border-width: 1px;}

.Unboxed    {height: 230px;
             width: 250px;
             margin-left: 45px;}

.SmallPrint {font-weight: bold;
             font-size: 11px;}

.SmallPrint span
            {font-weight: normal;
             font-style: italic;}

.Price      {font-style: italic;
             font-weight: bold;}

.Red, .Company
            {color: red;}

img.SideBar {float: right;}




/* Definitions for the footer section of all pages on website */

#Footer     {width: 780px;
             height: 36px;
             margin: 0 auto;
             background-color: #969696;
             border-top: black solid 1px;
             border-bottom: black solid 1px;
             vertical-align: middle;
             text-align: center;}

#LinkSection
            {vertical-align: middle;
             text-align: center;
             line-height: 14px;
             color: black;
             font-size: 12px;
             font-weight: bold;}

a.FootLink  {font-size: 12px;
             color: red;}

a.FootLink:hover
            {color: black;}
.QualityLogo
            {width: 88px;
             height: 31px;
             vertical-align: middle;
             text-decoration: none;
             border: none;}

.DeeLited   {width: 30px;
             height: 30px;
             vertical-align: middle;
             text-decoration: none;
             color: black;
             font-size: 6px;
             border: none;}