﻿/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:0px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}







/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html {
	color: #000;
	background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, checkbox {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
li {
	list-style: none;
}
caption, th {
	text-align: left;
}
/*h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}*/
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
input, textarea, checkbox {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input, textarea, checkbox {
*	font-size: 100%;
}

select {
	font-family: inherit;
	font-size: 85%;
	font-weight: inherit;
}

select {
*	font-size: 85%;
}


legend {
	color: #000;
}
body {
	font: 13px/1.231 "Trebuchet MS", arial,helvetica,clean,sans-serif;
	/*	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; */

*	font-size: small;*;
	font: x-small;
}
table {
	font-size: inherit;
	font: 100%;
}
pre, code, kbd, samp, tt {
	font-family: monospace;*;
	font-size: 108%;
	line-height: 100%;
}
body {
	text-align: center;
}
#ft {
	clear: both;
}
#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
	margin: auto;
	text-align: left;
	width: 57.69em;*;
	width: 56.25em;
	min-width: 750px;
}
#doc2 {
	width: 73.076em;*;
	width: 71.25em;
}
#doc3 {
	margin: auto 10px;
	width: auto;
}
#doc4 {
	width: 74.923em;*;
	width: 73.05em;
}
.yui-b {
	position: relative;
}
.yui-b {
	_position: static;
}
#yui-main .yui-b {
	position: static;
}
#yui-main {
	width: 100%;
}
.yui-t1 #yui-main, .yui-t2 #yui-main, .yui-t3 #yui-main {
	float: right;
	margin-left: -25em;
}
.yui-t4 #yui-main, .yui-t5 #yui-main, .yui-t6 #yui-main {
	float: left;
	margin-right: -25em;
}
.yui-t1 .yui-b {
	float: left;
	width: 12.30769em;*;
	width: 12.00em;
}
.yui-t1 #yui-main .yui-b {
	margin-left: 13.30769em;*;
	margin-left: 13.05em;
}
.yui-t2 .yui-b {
	float: left;
	width: 13.8461em;*;
	width: 13.50em;
}
.yui-t2 #yui-main .yui-b {
	margin-left: 14.8461em;*;
	margin-left: 14.55em;
}
.yui-t3 .yui-b {
	float: left;
	width: 23.0769em;*;
	width: 22.50em;
}
.yui-t3 #yui-main .yui-b {
	margin-left: 24.0769em;*;
	margin-left: 23.62em;
}
.yui-t4 .yui-b {
	float: right;
	width: 13.8456em;*;
	width: 13.50em;
}
.yui-t4 #yui-main .yui-b {
	margin-right: 14.8456em;*;
	margin-right: 14.55em;
}
.yui-t5 .yui-b {
	float: right;
	width: 18.4615em;*;
	width: 18.00em;
}
.yui-t5 #yui-main .yui-b {
	margin-right: 19.4615em;*;
	margin-right: 19.125em;
}
.yui-t6 .yui-b {
	float: right;
	width: 23.0769em;*;
	width: 22.50em;
}
.yui-t6 #yui-main .yui-b {
	margin-right: 24.0769em;*;
	margin-right: 23.62em;
}
.yui-t7 #yui-main .yui-b {
	display: block;
	margin: 0 0 1em 0;
}
#yui-main .yui-b {
	float: none;
	width: auto;
}
.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
	float: left;
}
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u {
	float: right;
}
.yui-g div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first, .yui-ge div.first, .yui-gf div.first, .yui-g .yui-gc div.first, .yui-g .yui-ge div.first, .yui-gc div.first div.first {
	float: left;
}
.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf {
	width: 49.1%;
}
.yui-gb .yui-u, .yui-g .yui-gb .yui-u, .yui-gb .yui-g, .yui-gb .yui-gb, .yui-gb .yui-gc, .yui-gb .yui-gd, .yui-gb .yui-ge, .yui-gb .yui-gf, .yui-gc .yui-u, .yui-gc .yui-g, .yui-gd .yui-u {
	width: 32%;
	margin-left: 1.99%;
}
.yui-gb .yui-u {
*	margin-left: 1.9%;*;
	width: 31.9%;
}
.yui-gc div.first, .yui-gd .yui-u {
	width: 66%;
}
.yui-gd div.first {
	width: 32%;
}
.yui-ge div.first, .yui-gf .yui-u {
	width: 74.2%;
}
.yui-ge .yui-u, .yui-gf div.first {
	width: 24%;
}
.yui-g .yui-gb div.first, .yui-gb div.first, .yui-gc div.first, .yui-gd div.first {
	margin-left: 0;
}
.yui-g .yui-g .yui-u, .yui-gb .yui-g .yui-u, .yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u, .yui-ge .yui-g .yui-u, .yui-gf .yui-g .yui-u {
	width: 49%;*;
	width: 48.1%;*;
	margin-left: 0;
}
.yui-g .yui-gb div.first, .yui-gb .yui-gb div.first {
*	margin-right: 0;*;
	width: 32%;
	_width: 31.7%;
}
.yui-g .yui-gc div.first, .yui-gd .yui-g {
	width: 66%;
}
.yui-gb .yui-g div.first {
*	margin-right: 4%;
	_margin-right: 1.3%;
}
.yui-gb .yui-gc div.first, .yui-gb .yui-gd div.first {
*	margin-right: 0;
}
.yui-gb .yui-gb .yui-u, .yui-gb .yui-gc .yui-u {
*	margin-left: 1.8%;
	_margin-left: 4%;
}
.yui-g .yui-gb .yui-u {
	_margin-left: 1.0%;
}
.yui-gb .yui-gd .yui-u {
*	width: 66%;
	_width: 61.2%;
}
.yui-gb .yui-gd div.first {
*	width: 31%;
	_width: 29.5%;
}
.yui-g .yui-gc .yui-u, .yui-gb .yui-gc .yui-u {
	width: 32%;
	_float: right;
	margin-right: 0;
	_margin-left: 0;
}
.yui-gb .yui-gc div.first {
	width: 66%;*;
	float: left;*;
	margin-left: 0;
}
.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf .yui-u {
	margin: 0;
}
.yui-gb .yui-gb .yui-u {
	_margin-left: .7%;
}
.yui-gb .yui-g div.first, .yui-gb .yui-gb div.first {
*	margin-left: 0;
}
.yui-gc .yui-g .yui-u, .yui-gd .yui-g .yui-u {
*	width: 48.1%;*;
	margin-left: 0;
}
s .yui-gb .yui-gd div.first {
	width: 32%;
}
.yui-g .yui-gd div.first {
	_width: 29.9%;
}
.yui-ge .yui-g {
	width: 24%;
}
.yui-gf .yui-g {
	width: 74.2%;
}
.yui-gb .yui-ge div.yui-u, .yui-gb .yui-gf div.yui-u {
	float: right;
}
.yui-gb .yui-ge div.first, .yui-gb .yui-gf div.first {
	float: left;
}
.yui-gb .yui-ge .yui-u, .yui-gb .yui-gf div.first {
*	width: 24%;
	_width: 20%;
}
.yui-gb .yui-ge div.first, .yui-gb .yui-gf .yui-u {
*	width: 73.5%;
	_width: 65.5%;
}
.yui-ge div.first .yui-gd .yui-u {
	width: 65%;
}
.yui-ge div.first .yui-gd div.first {
	width: 32%;
}
#bd:after, .yui-g:after, .yui-gb:after, .yui-gc:after, .yui-gd:after, .yui-ge:after, .yui-gf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#bd, .yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf {
	zoom: 1;
}
#hd {
	/*background-color: #8EB2EB;*/
	background-color: #9FB8E1;
	color: Black;
	/*text-align: right; */
	overflow: auto;
}
#hd img {
	/*float: left; */
}
#hd p {
	/*text-align: right; */
	margin: 0;
	margin-top: 5px;
	margin-right: 10px;
	padding: 0;
}





body
{
	background-color: #EEEEEE;
}
#MainMenu {
	/*background-color: #000000;*/
}
#MainMenu a {

	text-decoration: none;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #f9f9f9;
	color:  #1F527B;
	background-color:  #E5E5E5;
	font-weight:bold;
}
#MainMenu a:hover {
	font-weight: bold;
	text-decoration: underline;
	color: Black;
	border-bottom: 1px solid #f9f9f9;
	background-color:  #99CCFF;
}

#bd {
	background-color: White;
	background-image: url('Images/MenuBackground.gif');
	background-repeat: repeat-x;

}

#ft {
	
	clear: both;
	background-color: #9FB8E1;
	/*background-color: #000000;*/
	padding: 1em;
	overflow: auto;
	margin-top: 0px;
	/*color: #FFFFFF;*/

}

#ft p {
	font-size: 0.9em;
	text-align: center;
	margin: 0px;
	padding: 2px;
	
}
#ft a {
	color: #1F527B;
	text-decoration: none;
}
#ft a:hover {
	/*color: #F3F300;*/
	text-decoration: underline;
}
.yui-u {
	/*background-color: #000000;
	color: #FFFFFF;*/
	background-color: White;
	margin: 0px;
	padding: 15px 0 15px 0;
}
/*.yui-u img {
	border: 4px solid #000000;

}
*/
.yui-u a {
	color: #1F527B; 
	text-decoration: none;
}
.yui-u a:hover {
	/*color: #F3F300; */
	text-decoration:underline;
}

div.RightBar {
	text-align:center;
	background-image: url('images/MenuBackground.gif');
	background-repeat: repeat-x;
	
	
}
/*div.RightBar img
{
    border: 6px solid White;
    float: left;
    right: 25px;
    left: 15px;
    height: 100px;
    width: 67px;
}
*/
p {
	
	margin: 0.5em;
	padding: 0.3em;
	
}
h1{
	margin: 0.5em;
	padding-bottom: 1em;
	padding-top: 1em;
	}
h2{
	margin: 0.5em;
	padding-bottom: 1em;
	padding-top: 1em;
	}
	
ul li {
	 margin:2em;
}
input[type=text],input[type=password],textarea{
	width: 12.25em;*;
	width: 11.9em;
	margin-left: 0.5em;
}
label {
	/*margin-left: 0.5em;*/
}

/*div.first{padding-left:10px;padding-right:15px;

}*/

#skip a, #skip a:hover, #skip a:visited 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;
} 

#skip a:active, #skip a:focus 
{ 
position:static; 
width:auto; 
height:auto; 
} 

a.MainMenuItem  {

	text-decoration: none;
	display: block;
	padding: 5px;
	border-bottom: 1px solid #f9f9f9;
	color:  #1F527B;
	background-color:  #E5E5E5;
	font-weight:bold;
}
a.MainMenuItem:hover {
	font-weight: bold;
	text-decoration: underline;
	color: Black;
	border-bottom: 1px solid #f9f9f9;
	background-color:  #99CCFF;
}

.button {

	text-decoration: none;
	
	border: none;
	color:  #1F527B;
	padding: 5px;
	width: 225px;
	background-color: #E5E5E5;
	font-weight:bold;
}

.buttonSmall {

	text-decoration: none;
	
	border: none;
	color:  #AE2222;
	padding: 5px;
	background-color: #E5E5E5;
	font-weight:bold;
}

.imgMainProduct
{
    border-style: none solid  solid none;
    border-width: 0.75em;
    border-color: White;
    float: left;
    height: 400px;
}

.imgMainBody
{
    border-style: none solid  solid none;
    border-width: 0.75em;
    border-color: White;
    float: left;
    height: 150px;
}

.imgRightBarProduct
{
    border: 6px solid White;
    float: left;
    right: 25px;
    left: 15px;
    height: 100px;
    width: 67px;
}

.imgRHSAdvert
{
    border-style:  groove;
    border-width:  inherit;
    border-color: Black;
    float:  none;
    width: 200px;
}
/*div.first img
{
    border: 6px solid White;
    float: left;
    right: 25px;
    left: 15px;
    height: 100px;
}*/
.errortext
{
    color: Red;
    font-weight:bold;
}

.sale
{
    color: Red;
    font-weight:bold;
}

p.blocktext
{
    margin-left: auto;
    margin-right: auto;
}

.TableMain
{
    border: 2px solid Gray;
    width: 36em;
    
}

.TableListItem
{
   /*background-color: orange;
    border: 2px solid Black;
    */
}

.TableListItemAlt
{
    background-color: #DFDFDF;
}

.TableListHead
{
    font-weight: bold;
    background-color: Silver;
}

.TableListFoot
{
    /*font-weight: bold;
    background-color: Silver;
*/
}
