*{padding:0; margin:0;}
body {font-size:62.5%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;}
p.caption {clear:both; margin:0.5em 0 2.0em 20px; text-align:left; color:rgb(80,80,80); font-size:110%;}

.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}

.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-top {width:900px; height:80px; background:rgb(240,240,240) url(../img/bg_head_middle.jpg); overflow:visible; overflow:hidden;}
.header-middle {width:900px; height:100px; background:rgb(230,230,230) url(../img/banner.jpg); overflow:visible; overflow:hidden;}
.header-bottom {width:900px; height:25px; background:rgb(255,255,255) repeat-y;}

.website_name {width:300px; height:45px; position:absolute; z-index:1; margin:20px 0 0 20px; overflow:visible; overflow:hidden;}
.website_name h1 {font-size:240%; color:rgb(50,50,50);}
.website_name h2 {margin:-4px 0 0 0; font-size:160%; color:rgb(50,50,50);}
.website_name a {text-decoration:none; color:rgb(125,125,125);}
.website_name a:hover {text-decoration:none; color:rgb(50,50,50);}

.header-top-image  img {width:210px; height:90px; float:right;}

.flags {width:350px; position:absolute; z-index:2; margin:25px 0 0 0; margin-left:550px; margin-left:553px;}
.flags ul {float:right; padding:0 20px 0 0;}
.flags li {display:inline; list-style:none;}
.flags li a {padding:0 0 0 3px;}
.flags a:hover {text-decoration:none;}
.flags a img {height:14px; border:none;}

.slogan {width:600px; height:120px; position:absolute; z-index:1; margin:35px 0 0 20px; color:rgb(234,239,247); overflow:hidden;}
.slogan h1 {width:550px; text-align:left; vertical-align: middle; font-size:200%;}
.slogan h2 {float:right; width:270px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}
.slogan h3 {float:right; width:270px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.slogan h3 a {text-decoration:none; color:rgb(234,239,247);}
.slogan h3 a:hover {text-decoration:none; color:rgb(50,50,50);}

.main-content {display:inline; float:left; width:690px; margin:0 0 0 8px; overflow:visible; overflow:hidden;}
.main-subcontent {display:inline; float:left; width:185px; margin:0 0 0 15px; overflow:visible; overflow:hidden;}
.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(225,225,225) url(../img/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important; overflow:hidden;}

.date {float:left; width:900px; border:none; background:rgb(220,220,220) url(../img/bg_head_bottom_nav.jpg) repeat-x; color:rgb(75,75,75); font-size:1.0em; font-size:130%;} 

.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225); font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:220%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:210%;}
.main-content h2 {clear:both; margin:1.0em 0 0.5em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(0,0,0); font-weight:normal; font-size:170%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.top {text-align:left; vertical-align: top;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}
.main-content img.bordered {position: relative; margin:3px 15px 5px 0px; border:solid 1px rgb(0,0,0);}

.main-content table {clear:both; width:650px; margin:2.0em 0 0.2em 20px; table-layout: fixed; border-collapse:collapse; empty-cells:show; }
.main-content table td {padding:0px; text-align_:left; font-weight:normal; color:rgb(80,80,80); font-size:110%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0; font-size:120%;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:110%;}
.main-content ol {margin:0.5em 0 1.0em 20px; margin:0.5em 0 1.0em 25px;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.chapter_imgright {height:220px; border:solid 0px rgb(0,0,0);}
.chapter_imgright p {text-align:left; vertical-align: top;}
.chapter_imgright img {position: relative; float: right; top: 0px; left: 0px; margin:3px 15px 5px 0px; border:solid 1px rgb(0,0,0);}

.chapter_imgleft {height:220px; border:solid 0px rgb(0,0,0);}
.chapter_imgleft p {text-align:left; vertical-align: top;}
.chapter_imgleft img {position: relative; float: left; top: 0px; left: 0px; margin:3px 15px 5px 0px; border:solid 1px rgb(0,0,0);}

/* Product info */
.product_info {margin: 10px 1px 10px 1px; width:90%; border:dashed 1px rgb(210,210,210); background-color: white;}
	.product_info img { 
		margin: 15px 5px 15px 5px;
		display: block;
    	margin-left: auto;
    	margin-right: auto;
	}
.product_info ul {margin: 5px 5px 5px 5px;}
.product_info h2 {color: rgb(100,100,100); margin: 5px 5px 5px 15px;}
.product_info p {align: left; margin: 5px 5px 5px 15px;}

.chapter_imgright {height:220px; border:solid 0px rgb(0,0,0);}
.chapter_imgright p {text-align:left; vertical-align: top;}
.chapter_imgright img {position: relative; float: right; top: 0px; left: 0px; margin:3px 15px 5px 0px; border:solid 1px rgb(0,0,0);}

table.shoppingcartinfo {border-width: 1px;border-style: solid;border-color: gray;border-collapse: collapse;background-color: white;}
table.shoppingcartinfo td {	border-width: 2px;padding: 4px;border-style: dotted;border-color: gray;background-color: #99FF66;}

table.shoppingcart {table-layout: auto; border-width: 1px;border-style: solid;border-color: gray;border-collapse: collapse;background-color: white;}
table.shoppingcart th {	border-width: 1px;padding: 4px;border-style: dotted;border-color: gray;background-color: #99FF66;}
table.shoppingcart td {	border-width: 1px;padding: 4px;border-style: dotted;border-color: gray;background-color: #FFFFFF;}


.productlist {margin: 0px 0px 0px 0px;}
.productlist table {border-width: 1px;
	border-spacing:2px;
	border-style: dotted;
	border-color: grey;
	border-collapse: collapse;
	cell-padding: 3;}
	
.productlist table td {
	border-width: 1px;
	padding: 4px;
	border-style: dotted;
	border-color: lightgrey;
}
	
.productrow_off {
	background-color: #FFFFFF;
}
.productrow_off a {color:rgb(0,0,255); text-decoration:none;} 
.productrow_off a:hover {color:rgb(0,0,255); text-decoration:none;}
.productrow_off a:visited {color:rgb(0,0,255); text-decoration:none;}

.productrow_on {
	background-color: #DBFFCC;
}
.productrow_on a {text-decoration:none;} 
.productrow_on a:hover {text-decoration:none;}
.productrow_on a:visited {text-decoration:none;}

.pricecell {
	width:60px;
	text-align: right;
	align:right;
}
	
.linkcell {
	width: 70px;
	align:center;
}

/* Order info */
.order_info {float: center; overflow: none; margin: 10px 5px 10px 5px; width:650px; _height: 150px; border:none;}

.img-right-align {float: right; margin:10px 0px 5px 15px; border:solid 1px rgb(0,0,0);}

.subcontent-unit-border {width:183px; margin:0 0 2.0em 0; padding:0 0 5px 0; border:solid 1px rgb(190,190,190); background:rgb(235,235,235);}
.subcontent-unit-border-green {width:183px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.subcontent-unit-noborder {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:185px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}

.menu a {color:rgb(125,125,125); font-weight:bold; text-decoration:none;} 
.menu a:hover {color:rgb(50,50,50); text-decoration:underline;}
.menu a:visited {color:rgb(125,125,125);}

.menusubcat a {color:rgb(125,125,125); _font-weight:bold; text-decoration:none;}
.menusubcat a:hover {color:rgb(50,50,50); text-decoration:underline;}
.menusubcat a:visited {color:rgb(125,125,125);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:175px;}

.main-subcontent h1 {clear:both; margin:0 0 10px 0; padding:4px 10px 3px 10px; background-color:rgb(190,190,190); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); font-family:"trebuchet ms",verdana,arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:140%;}
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 1.0em 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}
.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px; margin:0.5em 10px 1.0em 35px;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

/* News */
#newscontainer {
	width:650px; margin:0 0 0 0px; overflow:visible; overflow:hidden;
	border: 0px;
	padding: 2px;
}
.news_item {
	border: 1px dashed;
	border-color: lightgrey;
	margin: 3px 0px 10px 0px;
	padding: 5px;
}
.news_date {
	font-style: italic;
	text-align: right;
	font-size:8pt; font-family:verdana,arial,sans-serif;
}
.news_header {
	font-weight: bolder;
	font-size:10pt; font-family:verdana,arial,sans-serif;
}
.news_body {
	font-family: "Courier New", Courier, monospace; 
	margin: 0px 0px 0px 10px;
	font-size:10pt; font-family:verdana,arial,sans-serif;
}

/* News */

.footer {margin:40px 0px 0px 0px;}
.footer p {line-height:1.0em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}