body{
background-color:#000000;
}
#Container {
	position:absolute;
	top: 0px;
	bottom: 0px;
	width: 800px;
}
#TopBox {
	left: 0px;
	top:0px;
	position:static;
	height:100px;
	width :100%;
	font-size: 14px;
	color: #000000;
	background-color:#cccccc;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	vertical-align: bottom;
}
.Title{
	padding-left: 1cm;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}
.subTitle{
font-weight:700px;
font-size: 13px;
}
#Middle1 {
	position: absolute;
	height: 100%;
	width: 423px;
	top: 103px;
	background-color: #ffffff;
	left: 183px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 1cm;
	padding-right: 1cm;
}
#Middle2 {
	position: absolute;
	height: 100%;
	width: 462px;
	top: 103px;
	background-color: #ffffff;
	left: 183px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 1cm;
}
#Middle3 {

	position: absolute;
	height: 100%;
	width: 310px;
	top: 103px;
	background-color: #ffffff;
	left: 183px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	padding-left: 1cm;
	padding-right: 1cm;
}
#RightSide1{
	position:absolute;
	height: 112%;
	width: 115px;
	top: 75px;
	background-color: #CCCCCC;
	float:right;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
	left: 682px;
}
#RightSide2{
	position:absolute;
	height: 100%;
	width: 115px;
	top: 103px;
	background-color: #CCCCCC;
	float:right;
	right:0;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
}
#RightSide3{
	position:absolute;
	height: 111.1%;
	width: 115px;
	top: 75px;
	background-color: #CCCCCC;
	float:right;
	right:0;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
	left: 682px;
}
#RightSide4{
	position:absolute;
	height: 105%;
	width: 115px;
	top: 75px;
	background-color: #CCCCCC;
	float:right;
	right:0;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
	left: 682px;
}

#RightSide5 {

	position:absolute;
	height: 112%;
	width: 230px;
	top: 75px;
	background-color: #CCCCCC;
	float:right;
	right:0;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
	left: 567px;
}
#LeftSide {
	position: static;
	width: 180px;
	height:100%;
	left: 0px;
	top: 103px;
	background-color: #96ff00;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #000000;
}
#BottomBox {
	left: 0px;
	bottom:0px;
	position:static;
	height: 50px;
	width:100%;
	font-size: 10px;
	color: #000000;
	background-color:#96ff00;
}
.BottomCRBox {
	padding-top:8px;
}
.BottomCRBox1 {
	padding-top:8px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000000;
}
#AuthorNameBox {
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	text-align: center;
	vertical-align: bottom;
}
#AuthorPictureBox  {
	width: 100%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	text-align: center;
	text-transform: uppercase;
	background-color: #CCCCCC;
	padding-top: 5px;
	padding-bottom: 5px;
}
#AuthorDetailBox  td{
	height: 80px;
	width: 100%;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
#AuthorDetailBox td{
	padding-left:15px;
}
#MenuLeftBox{
	width: 100%;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
}
#MenuLeftBox td{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	height:25px;
	padding-left: 15px;
	vertical-align:middle;
}
#Books{
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
#MenuLeftBox a {
	font-size: 14px;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	background-image: url(images/triangle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	padding-left: 12px;
}
#MenuLeftBox a:hover {
	font-size: 14px;
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/triangleWhite.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	padding-left: 12px;
}

.imgBorderWhite {
	border: 4px solid #FFFFFF;
}
.imgBorderBlack {
	border: 3px solid #000000;
}
.imgRight {
	border-bottom: 3px solid #000000;
}
.BgGray {
	background-color: #cccccc;
}
.BgGreen {
	background-color: #96ff00;
}
.BottomGray {
	background-color: #CCCCCC;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
}
.imgRightTop {
	border-bottom: 3px solid #000000;
	border-top-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-left-color: #000000;
	top: -30px;
	left:-3px;
	position: absolute;
}
#MenuTop td {
	height: 25px;
	border-top: 3px solid #000000;
}

#MenuTop {
	background-color:#CCCCCC;
}
#MenuTop1 td {
	height: 25px;
	vertical-align: middle;
	padding-left:20px;

}
.BorderRight {
	border-right: 3px solid #000000;

}
#MenuTop1 a {
	text-decoration: none;
	background-image: url(images/triangle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #000000;
	text-transform: uppercase;
	padding-left: 12px;
}
#MenuTop1 a:hover {
	text-transform: uppercase;
	color: #ffffff;
	text-decoration: none;
	background-image: url(images/triangle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

#TopTd {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

#CopyRightBox {
	margin-bottom: 0px;
	position:absolute;
	bottom: 0px;
	height:auto;
	width: 180px;
	vertical-align: text-bottom;
	font-size:9px;
}
.picture {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
}
.moreButton {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	float: right;

}
.indexBookDetail {
	padding: 3px;
}
.moreDetail {
	position: relative;
	width: 300px;
	height: 11px;
}
#TextRight td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-left: 5px;
	padding-right: 5px;
}


#imgBookB {
	position: absolute;
	width: 230px;
	height: 100%;
	top: 216px;
	right: 385px;
	left: -111px;
}
.imageTd {
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
	background-color: #CCCCCC;
}
.imgRight1 {
	border-bottom: 3px solid #000000;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #000000;

}
#imgDiv{
	position:absolute;
	left:565px;
	top:290px;
	width:217px;
	height:470px;
	z-index:1;
	background-color: #CCCCCC;
	layer-background-color: #CCCCCC;
	border-left: 3px solid #000000;
}
#imgDiv1{
	position:absolute;
	left:565px;
	top:380px;
	width:217px;
	height:475px;
	z-index:1;
	background-color: #CCCCCC;
	layer-background-color: #CCCCCC;
	border-left: 3px solid #000000;
}
#imgDiv2{
	position:absolute;
	left:565px;
	bottom:0px;
	width:230px;
	height:228px;
	z-index:1;
	background-color: #CCCCCC;
	layer-background-color: #CCCCCC;
	top: 575px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
}
#imgDiv3 {

	position:absolute;
	left:565px;
	bottom:0px;
	width:232px;
	height:228px;
	z-index:1;
	background-color: #CCCCCC;
	layer-background-color: #CCCCCC;
	top: 575px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000000;
}
#orderForm {
	border: 1px dotted #000000;
}

.BorderTop {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #000000;
}

/* These are the style specifications for the menu layers.  
   Set width to get more browsers corporation  */
div.menu  { 
  position:absolute; visibility:hidden; 
  width:110px; left:0; top:0; z-index:500; 
  font-size:12px; 
  background-color: #e6e6e6; color:#000;
  border: 2px solid;	
  border-color: #f7faff #99a #99a #f7faff; 
  z-index:500;
}

/* Style specifications for menu items and links  */
div.menu ul { margin:0; padding:0 }
/* Need to set padding of at least one pixel or ie sets very large margin */
div.menu ul li { 
  padding:1px; margin:0;
  list-style-type:none
  }

/* Set display block and position relative so clicks on list items activate links   cursor:default;*/  
div.menu a { 
 
  padding:.3em .4em; margin:0; 
  background-color:transparent; 
  display:block; position:relative; 
  text-decoration:none 
  }
  
div.menu a:link { color:#33b }
div.menu a:visited { color:#339 }
div.menu a:hover { color:#fff; background-color:#338 }
.orderTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	height:30px;
	color: #FFFFFF;
	background-color: #316AC5;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.orderBody {
	background-color: #ddddFF;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #316AC5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}
.orderButton {
	background-color: #316AC5;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #003366;
	border-bottom-color: #003366;
}
.NoPadding {
	padding-left: 0px;
}
.dot {
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 10px;
}