body{
font: normal 11px Verdana;	
margin-top: 0px;
	}
table{
font: normal 11px Verdana;	
	}
a {
	color: #0000FF;
	text-decoration: none;
}
a:hover{
    text-decoration: none;
    color: #996600;
    }
	
select {
	font: normal 11px Verdana;	
	color: #000000;
	border: 1px solid #000000;
}

input {
    font: normal 11px Verdana;	
	color: #000000;
}
textarea {
	font: normal 11px Verdana;	
	color: #000000;
}

button {
	font: normal 11px Verdana;	
	color: #000000;
	cursor: hand;

}	
.resbg{
	padding:5px;
	background-color:#ffff99;
	}

.hding {
	font: normal 12px Verdana;
	font-weight: bold;
	color: #000000;
	}
		
#headsizer{
 width: 777px;
 border: #ffcc00 1px solid;
 float: none;
}
#headtabs{
 width: 100%;
 height: 30px;
 background: #FDE95E;
 float: none;
}
#headnotice{
 width: 100%;
 height: 14px;
 font: bold 11px Verdana;
 background-color: #ffffcc;
 text-align: left;
 
}
#headerbanners{
 width: 773px;
 height: 68px;
 background-color: #ffffff;
float: none;
}


#bookscontent{
margin-left: 180px; /*Set left margin to LeftColumnWidth*/
text-align: left;
}

#booksimg{
float: left;
width: 180px; /*Width of left column*/
margin-left: -100%;
}


#adscontent{
margin-left: 260px; /*Set left margin to LeftColumnWidth*/
text-align: left;
}

#adsimg{
float: left;
width: 260px; /*Width of left column*/
margin-left: -100%;
}

#helpcontentcolumn{
margin-left: 230px; /*Set left margin to LeftColumnWidth*/
}

#helpleftcolumn{
float: left;
width: 230px; /*Width of left column*/
margin-left: -100%; /*Set left margin to -(MainContainerWidth)*/

}



#headads{
margin-left: 135px; /*Set left margin to LeftColumnWidth*/
float:none;
}

#headerlogo{
float: left;
width: 135px; 
margin-left: 0px;

}

#headerdivs{
 width: 100%;
 height: 17px;
 background: #FDE95E;
 /*background-image: url(images/dark_y.jpg); */
  text-align: center;	
 font: bold 11px Verdana;
	}

#themebox{
border: 1px solid #ffbb3d;
 background-color: #feff99;
	}
#prettybox{
border: 1px solid #ffbb3d;
 background-color: #feff99;	
/* width: 100%; */
height: 17px;
text-align: left;	
font: bold 11px Verdana; 
padding-left: 6px ;
margin-right: 20px;
margin-left: 20px;
clear:left;
	}	
#copyright {
	clear: left;
	font: normal 10px Verdana;
	width: 777px;
}
/* div for laying out content and adverts */
#maincontainer{
width: 777px; 
margin: 0 auto; /*Center container on page*/
}
#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 190px; /*Set right margin to RightColumnWidth*/
}

#rightcolumn{
float: left;
width: 190px; /*Width of right column*/
margin-left: -190px; /*Set left margin to -(RightColumnWidth) */
}
.innertube{
margin: 5px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}

#homecontainer{
width: 585px; /*Width of main container*/
margin: 0 auto; /* Center container on page*/
}

#homecenterwrapper{
float: left;
width: 100%;
}

#homecentercolumn{
margin: 0 195px 0 195px; /*Margins for content column. Should be "0 homerightcolumnWidth 0 homeleftcolumnWidth*/
}

#homeleftcolumn{
float: left;
width: 195px; /*Width of left column in pixel*/
margin-left: -585px; /*Set margin to that of -(homecontainerwidth)*/
}

#homerightcolumn{
float: left;
width: 195px; /*Width of right column*/
margin-left: -195px; /*Set left margin to -(homerightcolumnwidth)*/
}
#leftxttalign{
text-align: left;	
	}
	
/************************
/* tab content */
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 11px Verdana;
list-style-type: none;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #ffbb3d;/*#778*/
color: #2d2b2b;
/* background: white url(images/dark_y.jpg) top left repeat-x; */
 background: #FDE95E;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/lite_y.jpg);

border-bottom-color: yellow;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content container*/
/*border: 1px solid #ffbb3d;
border:none;
*/
border-top:1px solid #ffbb3d;
width: 100%;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block!important;
}
}


/*-------------------------------------*/
#thicktabs{
margin: 1px;
padding: 0px;
float: left;
font: bold 11px Verdana;
text-decoration: none;

}

#thicktabs li{
display: inline;
text-decoration: none;
height: 28px;


}

#thicktabs li a{
float: none;
color: black;
padding-left: 6px ;/*padding of tabs*/
padding-right: 11px;
/* padding-top: 6px ;padding of tabs*/
padding-bottom: 11px;
text-decoration: none;
 /* background: transparent url(images/yellowbg.jpg) top right no-repeat;*/
border-right: #ffcc00 2px solid;
background: #fde95e;
height:28px;
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 1px solid #ffffff; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: black;
text-decoration: none;
}

#thicktabs li a:hover{
color: black;
text-decoration: none;
background-image: url(images/yellowbgover.jpg); /*background image swap on hover*/
}
/*-------------------------*/

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#padder{
padding-left: 12px ;/*padding of tabs*/
padding-right: 11px;
padding-top: 6px ;/*padding of tabs*/
padding-bottom: 11px;	
margin-bottom: 7px;
	
	}
	
/* pagination*/
.pagination{
padding: 2px;
}

.pagination ul{
margin: 6px;
padding: 6px;
text-align: right; /*Set to "right" to right align pagination interface*/
font-size: 10px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 3px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #ff0000;
text-decoration: none; 
color: #ff0000;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #000000;
color: #000;
background-color: lightyellow;
}

.pagination li.currentpage{
padding: 0px 5px;
/*border: 1px solid black;*/
background-color: #ff0000;
color: #fff;
}

.pagination li.disablepage{
padding: 0 5px;
margin-right: 5px;
/*border: 1px solid #ffcc00;
color: #ffcc00;*/
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
/*margin-right: 5px;*/
padding-left: 4px;
}

/**       gk       **/	
#maincontainergk{
width: 777px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
text-align: left;
}


#contentwrappergk{
float: left;
width: 100%;
}

#contentcolumngk{
margin-left: 388px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumngk{
float: left;
width: 388px; /*Width of left column*/
margin-left: -777px; /*Set left margin to -(MainContainerWidth)*/
}

.innertubegk{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}

.sectitlesgk
{
border: 1px solid #ffbb3d;
font: bold 11px Verdana;	
background-image: url(images/yellowbg.jpg);
margin-top: 5px;
margin-bottom: 15px;
padding: 3px;
	}
.headtitlesgk
{
border: 1px solid #ffbb3d;
font: bold 13px Verdana;	
background-color: lightyellow;
margin-top: 5px;
padding: 12px;
text-align: center;
	}
	
#topsectiongk{

}

.offwrappersgk{
width: 98%;
border-top: 1px dashed #cccccc;	
border-bottom: 1px dashed #999999;
background-color: lightyellow;	
padding: 1px;
margin-bottom: 10px;
}	

.offnamewrappergk
{
margin: 1px;	
background: #feff99;
padding: 3px;
	}
	

.offholderwrappergk
{
margin: 3px;
padding: 4px;
font-weight: bold;	
	}
	
#regent{
background: #98a1e6;	
border: 1px solid #2D3D79;
padding: 2px;	
	}

#regentbold{
text-decoration:none;
color: white;	
font: bold 11px Verdana;	
	}

#regenttext{
text-decoration:none;
color: white;	
font: normal 11px tahoma;	
	}
	
#regentbold a{
text-decoration:none;	
	}

#regenttext a{
text-decoration:none;	
	}

/*
  styles for facebook-like popups
*/


.popup {
  padding: 1px;
  position:relative;
 z-index: 100;


}
.popup h3.title {
  background: #fde95e;
  border: 2px solid #ffcc00;
  margin: -10px -10px 0 -10px;
  padding: 5px 9px;
}
.popup .popup_content {
max-width:350px;
  border: 2px solid #ffcc00;
  border-top: none;
  margin: 0 -10px -10px -10px;
  padding: 1px 9px;
background-color: #feff99;
}
.popup.draggable h3.title {
cursor: move;
}

/*-------------------------*/

		#bimaincontainer{
width: 777px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#bicontentwrapper{
float: left;
width: 100%;
}

#bicontentcolumn{
margin-left: 389px; /*Set left margin to LeftColumnWidth*/

}

#bileftcolumn{
float: left;
width: 388px; /*Width of left column*/
margin-left: -777px; /*Set left margin to -(MainContainerWidth)*/
text-align: left;
}

.biinnertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
		
#biname{
padding: 10px 0 0 0;
font-weight: bold;
font-size: 15px;	
}
#biline{
padding: 5px 0 0 0;	
color:#ff0000;	
font-size: 13px;
}	
#biaddress{
padding: 5px 0 0 0;
font-size: 13px;	
}		
	
#bitem{
padding: 3px 0 0 0;
font-size: 13px;	
}
#bicat{
padding: 15px 0 0 0;
font-size: 13px;
font-weight: bold;	
}	
#largemap{
margin-top:5px;	
padding: 15px 0 0 30px;
font-size: 13px;
font-weight: bold;	
text-align:left;
}
#companyimage{
padding: 10px 0 15px 0;	
	
}	


/* ....................... */
#macontentwrapper{
float: left;
width: 100%;
}

#macontentcolumn{
margin-left: 520px; /*Set left margin to LeftColumnWidth*/

}

#maleftcolumn{
float: left;
width: 520px; /*Width of left column*/
margin-left: -777px; /*Set left margin to -(MainContainerWidth)*/
text-align: left;
}

.mainnertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}