legend {color:#121212; font-weight:bolder; font-family:arial,sans-serif; font-size:9pt; width:100px; margin-left:14px; padding-left:22px;  padding-right:20px;  padding-top:2px; padding-bottom:2px;  background: #95A2ED url(../images/default/bg-legend.gif); border:1px solid #626ABC}

.headerbg { background: #999999; }
.commonbg { background: #FFFFFF; }
.middlebg { background: #BDE1FD; }
.usualbg  { background: #E6F4FF; }
.pinkbg   { background: #E6F7E0; }
.errorbg  { background: #cc0000; }

body       {font-size: 100%; font-family: Arial,sans-serif; color: black; margin-height: 0; margin-width: 0; margin: 0;}
body.popup { font-size: 100%; font-family: Arial, sans-serif; color: black; margin-height: 0; margin-width: 0; margin-top: 0; margin-left: 0; }

tr, td               { font-size:87%; font-family: Arial,sans-serif; color: black; }
tr.usual, td.usual { background-color: #E6F4FF; }
tr.pink, td.pink { background-color: #E6F7E0; }
tr.usualWhite, td.usualWhite { background-color: white}
tr.header, td.header { background-color: #999999; color: white; }
tr.middle, td.middle { background-color: #BDE1FD; font-weight: bold; }
tr.error, td.error   { background-color: #FFE0E0; color: #cc0000; font-weight: bold; }

table.noborder {border-collapse: collapse; border: 0px solid #050;}
table.noborder td {border: 0px solid #050; padding: 0px 0px 0px 0px;}
table.topName {border-collapse: collapse; border: 0px solid #050;}
table.topName td {border: 0px solid #050; padding: 5px;}
table.moreBooks {border-collapse: collapse; border: 0px solid #050;}
table.moreBooks td {border: 0px solid #050; padding: 8px;}
table.rpcat {border-collapse: collapse; border: 0px solid #050;}
table.rpcat td {border: 0px solid #050; padding: 15px;}
table.rpsubcat {border-collapse: collapse; border: 0px solid #050;}
table.rpsubcat td {border: 0px solid #050; padding: 3px;}

.tab { font-family: Arial,Tahoma; font-size: 11pt; font-weight: bold; text-decoration: none; background: #dedede; }
.tab:hover { text-decoration: none; }
.tabActive { font-family: Arial,Tahoma; font-size: 11pt; font-weight: bold; text-decoration: none; background: #999999; color: white; }
.tabActive:hover { text-decoration: none; color: white; }

form { margin-bottom: 0; }

a { color: #0063AF; text-decoration: underline;  }
a:hover { color: #009CFF; text-decoration: underline; }
a.top10 { color: black; text-decoration:none;  }
a.top10:hover { color: #444EB2; text-decoration: underline; }
a.topNav { color: black; text-decoration:text-decoration: underline;}
a.topNav:hover { color: white; text-decoration: underline; }

a.header:hover { color: #FAF7AA; text-decoration: underline; }
a.header { color: #ffffff; text-decoration: underline; }
a.title:hover { font-size: 10pt; font-weight: bold;  color: #009CFF; text-decoration: underline; }
a.title { font-size: 10pt; font-weight: bold;  color: #0063AF; text-decoration: underline; }
a.small:hover { color: blue; text-decoration: underline; font-size: 8pt; }
a.small { color: #000000; text-decoration: none; font-size: 8pt; }
a.white { color:white;}
a.white:hover { color: white; }

ol {color:#3B3B3B; margin-left:25px; margin-bottom:0px}
ul.faq {margin-left:35px; margin-bottom:0px; list-style:circle}
li {font-family:Tahoma,Verdana,Arial,sans-serif; font-weight:normal; color:black; margin-left:-5px; margin-bottom:7px}

.h1 { font-family: arial,sans-serif; font-size: 140%; }
.h2 { font-family: arial,sans-serif; font-size: 120%; }
.h5 {font-family:Arial,Tahoma,Verdana,sans-serif; font-size:100%; text-decoration:none; color:black; font-weight:bold;}
.h5u {font-family:Arial,Tahoma,Verdana,sans-serif; font-size:100%; text-decoration:underline; color:#0063AF; font-weight:bold;}
.h6 {font-family:Arial,Tahoma,Verdana,sans-serif; font-size:100%; text-decoration:underline; color:#0063AF; font-weight:bold;}

.realprice { text-decoration: line-through; border: none; width: 100px; background: transparent; font-size:100%; font-family: tahoma,verdana,sans-serif; }
.realprice2 { text-decoration: line-through; border: none;background: transparent; font-size:100%; font-family: tahoma,verdana,sans-serif; }
.ourprice { color: #d50000; font-weight: bold; border: none; width: 100px; background: transparent; font-size:100%; font-family: tahoma,verdana,sans-serif; }
.ourprice2 { color: #d50000; font-weight: bold; border: none; background: transparent; font-size:100%; font-family: tahoma,verdana,sans-serif; }
.small { font-size: 90%; }
.middleText { font-size: 100%; }
.comment { font-size: 90%; color: #7777CC; }
.message { font-size: 100%; color: #0000CC; }
.title  { font-size: 10pt; font-weight: bold; color: black; }
.subtitle {font-family:Arial,sans-serif; font-size:103%; color:#0175FF; font-weight:bold; text-transform:uppercase}
.bigtitle { font-size: 103%; font-weight: bold; color: black; }
.boxTitle {background:#37D600 url(../images/bg-green.gif); padding-left:15px; font-weight:bold; color:white; font-size:103%;}
.boxTitle2 {background:#0181FF url(../images/bg-blue.gif); padding-left:15px; font-weight:bold; color:white; font-size:103%;}
.boxTitle2 td {color:white; font-size:87%;}
.boxTitle2 td a {color:white; font-size:100%; text-decoration:underline;}
.boxTitle2 td a:hover {color:white; font-size:100%; text-decoration:none;}
.error { color: #cc0000; font-size:x-small;}
.red {color: #F91512}
.nb {text-decoration:none; color:black; font-weight:normal;}
.disabled { 
	color: gray; cursor: hand; 
	font-family: tahoma, arial,sans-serif; 
	font-size: 8pt; 
	text-decoration:none; 
	border: 1px solid gray; 
	background: silver; 
	padding-left:3px; padding-right:3px; 
}

a.button:link, a.button:visited { 
	color: #30659B; 
	font-family: arial,sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration:none; 
	background: #E3E9F6 url(../images/bg-button.gif);
	border: 1px solid gray; 
	border-bottom: 1px solid gray; 
	padding:5px;
}
a.button:hover, a.button:active {
	color:#4092E5; 
	font-family: arial,sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	text-decoration:none; 
	background: #E3E9F6 url(../images/bg-button.gif); 
	border: 1px solid navy; 
	border-bottom: 1px solid navy; 
	padding:5px;; 
}



.copy {font-family:Tahoma,Verdana,Arial,sans-serif; font-size:7pt; color:#2F2F2F; margin-left:35px}
.top10 {margin-bottom:7px}
.articleDate { font-size: 8pt; color: #7777CC; margin-bottom: 5px; }
.faqQuestion  {border-top:1px solid #cccccc; background:white; padding:10px; padding-left:15px}
.faqAnswer  {text-align:justify; padding:10px; padding-left:15px}

fieldset {border:1px solid #BDE1FD; }

input.field {font-family:Tahoma,Verdana,Arial,sans-serif; font-size:90%; border-left: #747474 1px solid; border-top: #747474 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; color:black}
input.search {font-family:Tahoma,Verdana,Arial,sans-serif; font-size:90%; width:150px; border-left: #747474 1px solid; border-top: #747474 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; color:black}
select {font-family:Tahoma,Verdana,Arial,sans-serif; font-size:90%; color:black}
select.search {font-family:Tahoma,Verdana,Arial,sans-serif; font-size:90%; width:150px; color:black}
textarea { font-family:Tahoma,Verdana,Arial,sans-serif; font-size:90%; border: #747474 1px solid; border-top: #747474 1px solid; border-right: #dcdcdc 1px solid; border-bottom: #dcdcdc 1px solid; color:black}
input.submit {font-size:93%; background:#37D600 url(../images/bg-submit.gif);  color:white; font-weight:bold; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
input.usualprice  { background-color: #E6F4FF; border: none; text-align: right; font-family: tahoma,verdana,sans-serif; font-size: 100%; }
input.orderprice  { background-color: #BDE1FD; border: none; text-align: right; font-family: tahoma,verdana,sans-serif; font-size: 100%; font-weight: bold; }

a.menu:link, a.menu:visited {
	font-family:arial,sans-serif; 
	font-size:13px; 
	font-weight:bold; 
	color:white; 
	text-decoration:none; 
	background:#F7141D url(../images/bg-menu.gif); 
	padding-left:20px; padding-right:20px; padding-bottom:4px; padding-top:3px; 
	display:block;
	text-transform:uppercase;
}

a.menu:hover, a.menu:active {
	font-family:arial,sans-serif; 
	font-size:13px; 
	font-weight:bold; 
	color:black; 
	text-decoration:none; 
	background:#FF835F url(../images/bg-menua.gif); 
	padding-left:20px; 
	padding-right:20px; 
	padding-bottom:4px; 
	padding-top:3px; 
	display:block;
	text-transform:uppercase;
}

a.menuActive:link, a.menuActive:visited, a.menuActive:hover, a.menuActive:active {
	font-family:arial,sans-serif; 
	font-size:13px; 
	font-weight:bold; 
	color:black; 
	text-decoration:none; 
	background:#F7141D url(../images/bg-menua.gif); 
	padding-left:20px; 
	padding-right:20px; 
	padding-bottom:4px; 
	padding-top:3px; 
	display:block;
	text-transform:uppercase;
}

/* Site Navigation */ 

ul.horizontal, ul.horizontal li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:11px;
	list-style-type:none;
	}


	
ul.horizontal {
	position:absolute;
	left:0;
	cursor:default;
	z-index:2000;
	}



ul.horizontal li {
	width:auto;
	float:left;
	position:relative;
	cursor:pointer;
	cursor:hand;
	text-align:left;
	margin:0 0 0 -1px;
	}
	
* html ul.horizontal li {
	margin:0 0 0 0;
	}

ul[class^="horizontal"] li {
	margin:0 0 0 0;
	left:0;
	}

ul.horizontal ul {
	z-index:2020;
	padding:0;
	cursor:default;
	position:absolute;
	top:auto;
	width:8.2em;
	margin:0 0 0 0;
	left:-20000px;
	}

	
ul.horizontal ul li {
	width:90px;
	left:auto;
	margin:-1px 0 0 0;
	}


ul.horizontal ul.wider, ul.horizontal ul.wider li {
	width:115px;
	}

ul.horizontal ul.widest, ul.horizontal ul.widest li {
	width:150px;
	}


ul.horizontal ul ul {
	margin:-0.45em 0 0 7.65em;
	}

@media Screen, Projection { 
	ul.horizontal li:hover > ul { left:auto; }
	ul.horizontal ul li:hover > ul { top:0; }
	}

	

a.p7 {
	padding:7px; 	
	border: 1px solid black;
	display:block;
	cursor:pointer;
	cursor:hand;
	font:normal normal normal 11px tahoma, verdana, sans-serif;
	color:black;
	text-decoration:none;
	wrap:normal;
	background:#A7A7A7 ; 
}
a.p7:hover, a.p7:hover:active{
	background:#DDDDDD;
	color:black;
	text-decoration:none;
}

ul.horizontal a { float:left; }
@media Screen, Projection { ul.horizontal a { float:none; } }
ul.horizontal a:not(:nth-child(n)) { float:left; }
ul.horizontal ul a { float:none !important; }
@media screen, projection {
	* html ul.horizontal li {
		display:inline; 
		float:left; 
		background:#ffffff; 
		}
	}
* html ul.horizontal li { position:static; }
* html ul.horizontal a { position:relative; }
ul[class^="horizontal"] ul { display:none; }
ul[class^="horizontal"] ul { display:block; }