/* ----- CSS ----- */
html, body{
padding: 0px;
margin: 0px;
font-size: 100%; 
}
*{
}

dddiv{
border:1px solid #f00 !important;
}
dddiv div{
border:1px solid #000 !important;
}
dddiv div div{
border:1px solid #0f0 !important;
}
body{
margin: 4px 0 8px 0;
font-family: Tahoma, Arial; 
font-weight:normal; 
background: #1A4B8E url(images/BMain2.jpg) fixed no-repeat 50% 0%;
/*background: #1A4B8E url(images/BMain2Xmas.gif);*/
}
img{border:0}


/* ----- container IDS ----- */
/*
<div id="layout"> C 880
	<div id="backing"> 775
		<div id="header"> 775
			<div id="TopMenu"></div>
		</div>
		<h1>
		<div id="cont"> content </div> FR 580
		<div id="nav"></div> FL 182
		<div id="botLinks"></div> FR
		<div id="botBlab"></div> FR
		<div id="warn"></div> FR
		<div id="footer"></div> FR
	</div backing>	
 	<div id="sidebar"></div> FR
</div>
*/

#layout{
font-size:0.85em; /*ems as opera can give smaller font with %*/
	text-align:left;
	margin: 0 auto;
	width:790px;
	background:#EAF5FF url(images/TopMenuB.jpg) repeat-y -318px;
	border: 0px;
	border-right: 1px solid #777;
	border-left: 1px solid #EEE;
	background-color:#F0F8FF;
}
#backing{
/*	background: url(images/bgTop.jpg) no-repeat; */
	width:790px;
	display:inline;
}
#header{
	b__ackground: #EAF5FF url(images/HeaderB.gif) no-repeat 0% 90%; 
	background: #EAF5FF; 
	height:69px;
	position:relative; /*for floating links*/
}	
#logoLink{
	position:absolute; top:3px; left:4px; 
	cursor:pointer;
}	
#favLink { /* not used */
	position:absolute; top:92px; right:2px; 
	font-size:0.85em;
}
#cont{
	float:right; display:inline; clear:right; 	
	text-align:left;
	width:576px;
	margin-right:16px;
}	
#sidebar{
	float:right;
	width:110px;
	height:900px;
	background-color:#77CC99;
	display:none;
}
#botLinks{
	float:right; display:inline; 	
	width:576px;
	margin-right:0px;
	text-align:right;
	font-size:0.9em;
	margin-top:32px;
	clear:both;
	margin-bottom:8px;
}
#botLinks a{
	padding:0px 16px 0px 16px;
	margin:0px;
	text-decoration:none;
	color:#508CC7;
	background:url(images/Sep1.gif) no-repeat right 50%;	
}
#botLinks a:Hover{
text-decoration:underline;
color:#00F;
}
#botLinks .last{
background:none;
}

#botBlab{
	width:758px;
}	
#botBlab div{
width:371px; 
float:left; 
}
#botBlab p{
	text-align:left;
	font-size:1.1em;
	border:1px solid #EAF5FF;	
	margin:0 0 16px 0;
	padding:8px 16px 8px 24px;
	color:#13304C;
	background: #EAF5FF url(images/BGrad2.jpg) repeat-y 16px; 			
}

.noscript{
text-align:center;
width:564px;
margin-right:16px;
float:right; display:inline;
clear:right;
font-size:120%;
color:#744;
background-color:#FEE;
border:6px solid #FAA;
line-height:220%;
padding:30px 0px 30px 0px;
}
.PageDescArea{
	clear:both;
	margin-top:32px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #222222;	
}
#footer{
	background:#BBDAF9;
	clear:both;
	display:inline-block; /* for IE dblmargin @ top*/
	padding:16px 16px 8px 16px;
	margin:0px;
	text-align:right;
	color:#244566;
	font-size:0.8em;
}

#SearchSml{
	width:196px; 
	float:right;
	display:inline;
	position:relative;
	margin:-2px 16px 0 0;
	background-color:#999933;
}
#SearchSml input{
font-size:0.9em;
position:absolute;
top:13px;
margin-top:-0.775em;
}
#SearchSml .e{
width:140px;
left:4px;
height: 1.05em;
}
#SearchSml .b{
margin-top:-0.825em;
width:46px;
right:0px;
padding:0; /*keep small btn centered firefox*/
}


.SearchBox{
	width:558px;
	font-size:0.85em; 
	text-align:center;
padding:8px;
border:1px solid #BBDAF9;
background: #EAF5FF url(images/BGrad2.jpg) repeat-y -300px; 	
color:#333333;
}
.SearchBox input, .SearchBox select{
	font-size:1em;
}
.SearchPageList {
font-family:Arial, Helvetica, sans-serif;
	width:566px;
	text-align:center;
	font-size:90%;
	padding: 2px 5px 2px 5px;
clear:both;
}

#nav{
	width:181px;
	margin-top:1px;
	font-size:0.9em;
}
#nav h2{
	font-weight:normal;
}
#nav a{
	background: #EAF5FF url(images/BGrad2.jpg) repeat-y 90%; 	
	display:block;
	width:161px;
	padding:3px 4px 3px 16px;
	margin:0;
	text-decoration:none;
	border-right:1px solid #BBDAF9;
	color:#111;
}
#nav h2 a{
width:169px;
color:#333;
background:#FFF;	
border:1px solid #BBDAF9; 
border-left:none;
padding:2px 4px 2px 10px;
margin:0;
}
#nav a:hover{
	background: #A0F07C;
	padding:2px 4px 2px 15px;	
	border: 1px solid #4B4;		
}
#nav h2 a:hover{
	padding:2px 4px 2px 9px;
}

#nav .HLite{
background:#FDF877;
}
#nav .LinkOut{
background-color:#F1F1F1;
}
#nav .Seperator{
	width:169px;
	padding:0px 4px 0px 10px;
	margin:0;
background:#FFF;
border:1px solid #BBDAF9; 
border-left:none;
height:6px;
font-size:1px;
}


.TopMenu {
	font-size:0.9em;
	height:22px;
	border-bottom:1px solid #EAF5FF;	
	background:url(images/TopMenuB.jpg) no-repeat left;
	overflow:hidden;
	line-height:20px;
}
.TopMenu a{
	float:right;
	padding:0px 16px 0px 16px;
	margin:0px;
	border-left:1px solid #EAF5FF;
	text-decoration:none;
	height: 100%;
	color:#111111;	
}
.TopMenu a:hover {
	background-color:#A0F07C;
	border: 1px solid #4B4;	
	padding:0px 15px 0px 16px;	
	height:93%;
	line-height: 18px;
}
.TopMenu em a{
	font-style:normal;
	font-weight:normal;
	background-color:#FDF877;
}
.Phones{
background:#FFF;
border-bottom:2px solid #C8E267;
color:#205B97;
}	
.Phones u{
text-decoration:none;
color:#102B67;
}
.Phones a{
text-decoration:underline;
}

	
.clear{clear:both}
.clearBR{clear:both; font-size:0px;}
.FloatR{float:right !important;}

/*PRODUCT BLOCK*/
.pBlock{
float:left; display:inline;
clear:both;
width:276px;
padding:3px;
border:1px solid #C4D3E1;
margin-bottom:8px;
background:#FFF url(images/BProdItem.jpg);
position:relative;
font-family: Geneva, Arial, Helvetica, sans-serif;
height:7.9em;
overflow:hidden;
}
.pBlockAlt{
float:right;
clear:none;
}
.pBlock Img{
float:right;
margin-top:4px;
}
.NoImgTxt{
display:block;
font-size:0.9em;
width:100px;
height:73px;
text-align:center;
text-decoration:underline !important;
padding-top:32px;
margin:0;
float:right;
cursor:pointer;
}
.pBlockI{
font-size: 0.9em;
text-align:center;
width:170px;
padding:0;
margin:0;
color: #555555;
}
.pBlockI i {
	font-style:normal;
	color:#407BB7;
	font-size: 125%;
	display:block;
	margin:0 0 4px 0;
	text-align:center;	
}
.pBlockI img{
float:none;
margin:6px 0 0 0;
}
.pBlock h2{
width:170px;
padding:0;
margin:0;
font-size:0.9em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
height:3.78em;
overflow:hidden;
text-align:center;
}
.pBlock h2 a{
	color: #222222;
	text-decoration: none;
}
.pBlock h2 a:Hover{
	color: #0000FF;
	text-decoration: underline;
}
.pBlock a{
text-decoration:none;
}
.AddCart{
display:block;
margin:0 auto;
text-align:center;
width:6em;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.95em;
background-color: #FDF877;
border: 1px solid #B3AF54;
color:#111;
font-weight:normal;
text-decoration:none;
}
.AddCart:Hover, .AddCart:Active, .AddCart:Focus{
	background-color: #A0F07C;
	color: #030;
	border: 1px solid #4B4;	
}
/*END OF PRODUCT BLOCK*/


/*RANGE AND RELATED ITEM AREAS*/
.BrowseArea{
	width: 576px;
	text-align:left;	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #222222;
	clear:both;
}
.SeeAlsoArea{
	width:100%;
	margin:32px 0 0 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #222222;
	clear:both;
}
.SeeAlsoArea p, .BrowseArea p{
	width: 108px;
	margin:0px 7px 4px 0px;
	padding: 4px 0px 0px 0px;
	float:left; display:inline;
	text-align:center;
	font-family: Tahoma, Arial;
	font-weight: normal;
	font-size: 0.8em;
	background: #FFF url(images/BrItemB.jpg) no-repeat; 
	overflow:hidden;
}
.SeeAlsoArea img, .BrowseArea img{
margin:0 2px 0 2px;
}
.SeeAlsoArea u, .BrowseArea u{
display:block;
height:2.5em;
overflow:hidden;
padding: 0 4px 0 4px;
cursor:pointer;
background: #FFF url(images/BrItemB.jpg) no-repeat 0% 100%; 
}
.BrowseArea h2{
margin-bottom:6px;
margin-right:7px;
margin-top:16px;
padding:2px;
padding-left:12px;
font-weight:normal;
font-size:0.95em;
clear:left;
display:block;
border-bottom:1px solid #C9E0FA;;
}
.BrowseArea .first{
margin-top:0px;
}

/*END OF RANGE AND RELATED ITEM AREAS*/

/*PROD PAGE*/
#PPProdInf{ /* dont float right or PPProdImg will not center in FF */
margin:0px;
padding:0;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.95em;
color: #444444;
}
#PPProdInf h2{
font-weight: bold;
font-size: 1em;
color: #222222;
}
#PPProdInf ul{
margin: 1em 0 1em 3em;
padding:0;
}
#PPProdImg{
text-align:center;
float:right;
margin-left:16px;
background-color:#FFF;
padding:4px 4px 8px 4px;
min-width:200px;
border:1px solid #CCC;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
}
#PPProdImg img{
padding-bottom:8px;
}
#PPProdInf .AddCart{
font-size:1em;
padding:0.2em;
}
#PPProdPrice{
font-size:0.95em;
background-color:#FFF;
width:220px;
padding: 8px;
margin:0 0 0 8px;
border:1px solid #DDD;
text-align:center;
}
#PPProdPrice i{
	font-style:normal;
	color:#407BB7;
	font-size: 1.4em;
}
.PPPriceBot{
font-size:0.95em;
width:220px;
padding: 8px;
margin:0 0 0 8px;
background-color:#F5F5F5;
border:1px solid #DDD;
border-top:none;
text-align:center;
}
#PPProdImgLst{
width:95%;
margin:32px auto 0 auto;
background-color:#FFF;
border:1px solid #CCC;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
color:#888;
}
/*
.PPPCode{
clear:both;
text-align:center;
border-top:1px solid #C9E0FA;
padding-top:1em;
}
*/
/*END OF PROD PAGE*/

/*misc*/
hr{
height:1px;
border:1px solid #C9E0FA;
margin:2em 0 2em 0;
}
.BottomMenu a{
	font-weight: normal;
	font-size: 0.97em;
	color: #ff6600;
	text-decoration: none;
	margin:0 5px 0 5px;
}
.clear{clear:both}
.AlignR{text-align:right;}
.AlignC{text-align:center;}
.MarginAH{margin:0px auto;}
.NoWrap{white-space:nowrap;}
.NoBorder{border:none !important;}

.link1{
text-decoration:underline !important; 
color:blue !important;
}

.SidePromo{position:absolute; left:790px; top:78px;}

/* ----- bookmarking ----- */
.bmList{
margin:0;
margin:0 12px 8px 0px;
padding-bottom:2px;
	float:right; display:inline; 	
	width:540px;
	text-align:right;
	font-size:0.9em;
	clear:both;
}
.bmList a{
background:url(images/bmSprite.gif) no-repeat -99px;
padding:0px 4px 2px 18px;
color:#508CC7;
cursor:pointer;
text-decoration:none;
}
.bmList a:Hover{
color:#0000FF;
text-decoration:underline;
}

.bmList .bmDE{background-position: 0px -40px;}
.bmList .bmRE{background-position: 0px -201px;}
.bmList .bmDI{background-position: 0px -79px;}
.bmList .bmFB{background-position: 0px -119px;}
.bmList .bmST{background-position: 0px -1px;}
.bmList .bmKA{background-position: 0px -162px;}


/* ----- HEADINGS ----- */
h1, h2, h3 {
	margin:0;
	padding:0;
}
h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.20em;
	font-weight: normal;
	line-height:1.1em;
	color:#333;
	text-align:left;
	background: #BBDAF9  url(images/BGrad2.jpg) 100% repeat-y; 
	padding:2px 12px 2px 4px;
float:right; display:inline;
width:575px;	
margin-bottom:16px;
border:1px solid #ABCBE9;
border-right:none;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	font-size: 103%;	
	font-weight: bold;
}

/* Statics */
.StaticPage{
width:538px;
margin:0 0 0 22px;
font-size:0.93em;
color: #333; /* 444444; */
}
.StaticPage h2{
font-size:105%;
color:#444; /*333333; */
}

.CartInfBlock{
font-size: 91%;
color:#222222;
}

.InfBlock{
color:#333333;
width:400px;
margin:0px auto;
padding:8px;
background-color:#DFECF5;
}
.InfBlock img{
float:left;
margin-right:12px;
}
.ErrBorder{
border:4px solid red;
}

.Voucher{
border:2px dotted red;
width:412px;
margin-top:12px;
padding:12px;
background:#FEE;
} 

/* Cart */
.nopcart {
	text-align:left;
	font-weight: normal;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	border:1px solid #BBDAF9;
	border-bottom:none;
	border-top:none;	
}
.nopheader {
	vertical-align: top;
	background: #BBDAF9;
}
.nopentry {
	background-color: #FFF;
	border-bottom: 1px solid #BBDAF9;	
}
.nopinfo {
border-top:3px solid #BBDAF9;
}
.noptotal {
	vertical-align: top;
	border-bottom: 1px solid #F0F8FF;
	background: #BBDAF9;
}
.nopentry I{
	color:#777;
	font-style:normal;
	font-size:90%;	
}
.nopentry IMG{
background:#FFF;
border:1px solid #FFF;
padding:3px;
margin-right:6px;
float:left;
position:absolute;
visibility:hidden;
}
.nopentry IMG:Hover{
border:1px solid blue;
}
.nopentry A{
	text-decoration:none;
	color: #333333;	
}
.nopentry A:Hover{
	text-decoration:underline;
	color: #0000FF;	
}
.nopcart input, .nopcart select, .nopcart textarea{
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
}
.nopaction{
color:#355C7E !important;
margin:0 0.5em 0 0;
font-size:100%;
}
.nopaction:Hover{
color: #0000FF !important;	
}
.nopqty{
position:relative;
display:block;
text-align:right;
padding-right:20px;
}
.nopqtybtn{
position:absolute;
right:0px;
width:0.91em;
height:0.899em;
background:#FFF;
border:1px solid #BDD9F2;
overflow:hidden;
text-align:center;
}
.nopplus{top:-.5em;}
.nopminus{top:0.655em;}
.nopqtylink{
text-decoration:none !important;
cursor:pointer;
display:block;
width:2em;
line-height:2em;
position:absolute;
top:-0.56em;
left:-0.54em;
}
.nopminuslink{
top:-0.65em;
left:-0.52em;
}
.nopqtybtn:Hover{border:1px solid #8B3;}
.nopqtylink:Hover{
background:#C8E267;
color:#000 !important;
}

/* descs and tables*/
.BrowseDesc{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:90%;
color:#222;
}
.BrowseDesc h2{
margin-top:2em;
}
.BrTbl1{
border:1px solid #c9e0fa;
background:#EBEFF5;
}
.BrTbl1 caption{
background:#c9e0fa;
font-weight:bold;
}
.BrTbl1 td, .BrTbl1 th{
padding:3px 4px 3px 4px;
text-align:left;
}
.BrTbl1 .alt td{
background:#FFF;
}
.BrTbl1 th{
border-bottom:1px solid #c9e0fa;
}


/* ----- PARAGRAPHS ----- */

p{
margin: 1em 0 1em 0;
}
#primaryContent p{
}
#secondaryContent p{
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
}
li p{
}
ol{
}
ul{
}
ol li{
}
ul li{
}

/* ----- IMAGES ----- */

img{
}
img a{
}
img a:hover{
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
}
i{
}

/* ----- LINKS ----- */

a{
}
a:hover{
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
}
input{
}
textarea{
}
input, textarea{
}
select{
}
optgroup{
}
option{
}

/* ----- DEFINITIONS ----- */

dl{
}
dt{
}
dd{
}