﻿/*body { font-size: 80%; }
h1 { font-size: 187.5%; font-weight: 400; }
h2 { font-size: 150%; font-weight: 400; }
h3 { font-size: 125%; font-weight: 700; }
h4 { font-size: 100%; font-weight: 700; }
h5 { font-size: 87.5%; font-weight: 700; }
h6 { font-size: 80%; font-weight: 700; }*/

body 
{
    margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	background-color: #ffffff;
	min-width: 770px;
	color: black;
	line-height: 1.3em;
}


#HeaderWrapper
{
	background-color: white; /*#3366cc;*/
	color:White;
	/*height: 240px;*/
}
.HeaderContacts
{
    background-color: #3366cc;
    color: White; 
    font-weight: bold;
    padding:0;
    margin:0; 
    padding-bottom:1px;
    clear:both;
 }
.HeaderContacts p   {padding:           0.5em ; }
.HeaderContacts img {vertical-align:    middle; padding:0.3em; }


#HeaderMain
{
	background: url(../IMG/clean-topleft.gif) no-repeat 0% 0%;
	background-color: #FFFFFF;
	/*height: 190px;*/
	color:black;
}

#HeaderMain #HeaderMain2
{
    background: url(../IMG/clean-topright.gif) no-repeat 100% 0%; 
}

#LeftColumn
{
    position: absolute;
    left: 0;
    top: 240px;
	width: 200px; 
	/*z-index: 10;*/
	margin: 0 3px;
}

#LeftColumn h3
{
    font-size: 1.1em;
    font-weight: bold;
    color: #666;
    line-height: 1em;
}

#LeftColumn p
{
    font-size: 0.9em;
    font-weight: bold;
}

.LeftBox
{
    margin-bottom: 3px;
    padding: 3px;
    background-color: white;
	border: solid 3px #2953A6;
	line-height: 1.2em;
	font-size: 1.05em;
	text-align: left;
	color: Black;
	font-weight: bold;
}


#LeftBoxAdvert
{
    /*margin-bottom: 3px;
    padding: 3px;
    background-color: white;
	border: solid 3px #2953A6;*/
	text-align: center;
} 

#LeftBoxLinks
{
    /*margin-bottom: 3px;
    padding: 3px;
    background-color: white;
	border: solid 3px #2953A6;
	line-height: 1.2em;
	color: Gray;
	font-weight: bold;*/
	text-align: center;
}

/*
#LeftMenu
{
    margin-bottom: 3px;
    padding: 3px;
    background-color: white;
	border: solid 3px #2953A6;
	line-height: 1.2em;
	font-size: 1.05em;
	text-align: left;
	color: Gray;
	font-weight: bold;
} */

#LeftMenu a
{
    padding:1px 3px;
    display: block;
	background-color: inherit;
	color: black;
	text-decoration: none;
}

#LeftMenu a:active, #LeftMenu a:hover, #LeftMenu a.selected
{
	background-color: blue;
	color: #fff;
}

#MainContentBox
{
	/* holds the content items and left menu */
}

.PageDescription
{
    margin: 0 5px 0 210px;
    padding: 0;
    font-size:.9em;
    line-height: .9em;
    text-align:center;
    color: #219;
    background-color: #fff;
}

.PageDescription h1
{
    font-size:1.5em;
}

.ContentWrapper
{
    margin: 0 10px 0 210px;
	margin-bottom: 1em;
	min-width: 560px;
	border: solid 1px white;
	/*IE fix*/
	height: 1%;
}

/*reset for non IE*/

html > body .ContentWrapper
{
    height:auto;
}

.ContentHeader
{
    color:inherit;
	background-color: #ADB8CC;
	width: 100%;
    background-image: url(../IMG/Headers.gif);
    background-repeat: repeat-x;     
}

.ContentHeader div
{
	background: url(../IMG/Misc/TopRightCornergif.gif) no-repeat 100% 0%; 
}
.ContentHeader div div
{
	background: url(../IMG/Misc/TopLeftCornergif.gif) no-repeat 0% 0%;
	height: 2.5em;
	line-height: 2.5em;
	text-align: left;
	padding-left: 20px;
	margin: 0;
}


.ContentHeader div div h2
{
    font-size:1.15em;
    display:inline; /* Fixes IE padding the box with a big bottom border */
}

.ContentItem
{
	border: solid 3px #ADB8CC;
	color:inherit;
	background-color: White;
	padding: 0.5em;
	margin-bottom: 1em;
	/*IE fix*/
	height: 1%;
}

.ContentItem .ResultItem
{
    border-bottom: solid 1px #ADB8CC;
    width: 100%;
    margin: 0;
    padding:0.5em 0;
}

.ContentItem .LastResultItem
{
    padding:0.5em 0;
}

.contentitem .month
{
    border-bottom: solid 1px #ADB8CC;
    width: 100%;
    padding: 1em;
}
.ContentItem img
{
	margin: 0.5em;
}

.ContentItem ul 
{

list-style-position:inside;
}


/*reset for non IE*/
html > body .ContentItem
{
    height:auto;
}



.ItemSummary
{
    text-align: left;
    font-size: 1em; 
    padding-left: 3em;
    font-weight:bold
}

.month
{
    border-bottom: solid 2px silver;
    text-align:center;
}


.center, .lastmonth
{
    text-align:center;
}

/********************/

/************************/
/*** Formating Styles ***/
.price
{
	color: #990000;
	background-color:inherit;
	font-weight: bold;
	font-size: 0.8em;
	line-height: 0.8em;
}

.strikeThru
{
    text-decoration:line-through;
    /*font-style:oblique;*/
}

/*.loginLinks /*, .DropDownMenu* /
{
    display: block;
    padding: 0.2em 1em;
    color:white;
    background-color: #2953A6;
    float: right;
    text-decoration:none;
    font-weight: bold;
    border-right:solid 2px white;
    border-top:solid 1px white;
}
*/
.loginName
{
   color:#2953A6;
   clear:both;
   background-color:White;
   text-align: right;
   padding: .2em 2em 0 0;
}
/*
a.loginLinks:hover
{
    color:white;
    background-color:blue;
}
*/

/************************/
/* possible link settings *
a:link { }
a:visited { }
a:hover { }
a:active { }
/**************************/

/*****************************/
/*** General Site Settings ***/

a img
{
border:none
}

p
{
	margin-top: 0;
}

.BrandLinks
{
    text-align: center;
    padding: 0;
    margin:auto;
}
 
.BrandDiv
{
    padding: 0;
    margin: 0;
    width: 150px;
    height: 150px;
    float: left;
}

.BrandLinkText p
{
    font-size: 1.75em;
    font-weight: bold;
    position: relative;
    top: 15px;
}

/* Shopping Cart Styles */

.Basket
{
    background-color:#DCDCDC;
    padding:0.2em;
}

.BasketHeader
{
    font-weight:bold;
    Color:White;
    background-color:#3D509E;
    padding:0.5em;
}

.ProdCode, .ProdName
{
    text-align:left;
}

.TradePrice, .SubTotal
{
    text-align:right;
}

.Qty
{
    text-align:right;
}

.Basket .Qty
{
    display:block;
}

.Basket .Buttons
{
    text-align:center;
}
.TextAlignTop
{
 vertical-align:top;   
}

.Total
{
    font-weight: bold;
}

.Error, .HtmlStatusMessage, .ConfirmCheckbox

{
 color:Red;
 font-weight: bold;   
}

address
{
    font-style: normal;
    font-weight:lighter;
    text-transform: capitalize;
    line-height: 1.4em
}

.offertext
{
    font-weight:bold;
    color:red;
    font-size: 1.1em;
       
}

.newsbold
{
    font-weight:bold;
    color:#2953a6;
    font-size: 1.1em;
       
}

.Table
{
    background-color: #eee;
    padding:0;
    vertical-align:top;   
    border: none;
}

.TableHeader
{
    font-weight:bold;
    Color:White;
    background-color:#3D509E;
}

.TableHeaderCell
{
    padding:.2em;
}


.TableRow
{
    vertical-align:top;
    border:none;
    border-bottom: solid 1px silver;
    background-color: white;
    padding: .5em ;
}
.TableRowAlternate
{
    vertical-align:top;
    border:none;
    border: solid 1pc white;
    border-bottom: solid 1px silver;
    background-color: #eee;
    padding: .5em ;
}
.TableSelectedRowStyle
{
    border-bottom: solid 1px silver;
    background-color: Yellow;
    padding: .5em ;
}


/********* SUCKERFISH STYLING ********************/

#menu a, #menu h2,
#menu2 a, #menu2 h2 {
font: bold .8em arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: .15em .25em .15em .5em;
}

#menu h2,#menu2 h2 {
color: #fff;
background:#2953A6;
text-transform: uppercase;
}

#menu a,#menu2 a {
color: #2953A6;
background: #efefef;
text-decoration: none;
}

#menu a:hover,#menu2 a:hover {
color: #fff;
background: blue;
}

/********** SUCKERFISH MENU *********/


#menu , #menu2 
{
    width: auto;
    float: right;
    padding: 0;
    margin: 0;
}

#menu ul, #menu2 ul
{
    list-style: none;
    float: left;
    width: 9em;
    margin: 0;
    padding: 0;
    
}

#menu a, #menu2 a
{
    display: block;     
    width:9em; 
} 
#menu li, #menu2 li
{     
    float: left;     
    width: 9em; 
}

/* #menu li ul, #menu2 li ul 
{
    position: absolute;     
    width: 8em;     
    left: -999em; 
} */


#menu li:hover ul, #menu li.sfhover ul,#menu2 li:hover ul, #menu2 li.sfhover ul 
{
    left: auto;
    display:block;
}
#menu ul ul, #menu2 ul ul {
    position: relative;
    z-index: 1;
}
