div#container
{
    margin: 0px auto;
    border: 1px solid #666666;
    /*border-right: 1px solid gray;
    border-bottom: 1px solid gray;*/
}

div#maincontent
{
    width:936px;
    padding:0px 0px 0px 0px;
    position:relative;
    background:url(Images/bground.gif) no-repeat;
}

div#loadingsplash
{
    top:0px;
    left:0px;
    position:absolute;
    background:white url(Images/loading.gif) center no-repeat;
}

div.loader
{
	background:white url(Images/loading.gif) center no-repeat;
	position: absolute;
	top:0px;
	left:0px;
}

a.pageNextButton
{
    background: url(Images/tabs_right.gif) right;
    filter:alpha(opacity=100); /*prevents flicker*/
    position:absolute;
    display:block;
    top:50%;
    right:-21px;
    width:21px;
    height:156px;
    margin-top:-78px;
}

a.pageNextButton:hover
{
    background-position: left
}


a.pagePrevButton 
{
    background: url(Images/tabs_left.gif) left;
    filter:alpha(opacity=100); /*prevents flicker*/
    display:block;
    position:absolute;
    top:50%;
    left:-21px;
    width:21px;
    height:156px;
    margin-top:-78px;
}

a.pagePrevButton:hover
{
    background-position: right
}

div#topspace
{
    top:-1px;
    background: url('Images/nav.gif') no-repeat 0px 1px;
    width:936px;
    position:relative;
}

div#ZoomPanel
{
    border: black solid 1px;
    position:relative;
}

div#zoomimagemapmarker
{
    background-color:#CC1531;
}

a.zoompanelclose
{
    display:block;
    width:72px;
    height:20px;
    top:0px;
    right:0px;
    position:absolute;
    background:url(Images/hide.gif) top;
}

a.zoompanelclose:hover
{
    background:url(Images/hide.gif) bottom;
}

/*#loader 
{
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
}*/

div.mouseOver 
{
    float:left;
    display:inline;
    position:relative;
    background-color: black;
    border:5px solid white; 
}
        
div.mouseOut 
{
    float:left;
    display:inline;
    position:relative;
    background-color: black;
    border:5px solid gray; 
}

div.thumbnailbackground
{
    background:url(Images/thumbnail-loader.gif) center no-repeat fixed;
}

div#navigation
{
    position:absolute;
    top:0px;
    left:0px;
}

a.navlinks
{
    position:absolute;
    display:block;
    width:116px;
    height:22px;
    top:16px;
}

a.home
{
    left:0px;
}

a.home:hover
{
    background:url(Images/nav.gif) 0px -61px;
}

a.goto
{
    left:118px;
}

a.gotoselected
{
    background:url(Images/nav.gif) -119px -61px;
}

a.goto:hover
{
    background:url(Images/nav.gif) -119px -61px;
}

a.downloadpdf
{
    left:238px;
}

a.downloadpdf:hover
{
    background:url(Images/nav.gif) -238px -61px;
}

a.printpage
{
    left:357px;
}

a.printpage:hover
{
    background:url(Images/nav.gif) -357px -61px;
}

a.zoom
{
    left:476px;
}

a.zoomin:hover
{
    background:url(Images/nav.gif) -476px -61px;
}

a.zoomout
{
    background:url(Images/nav.gif) -595px -61px;
}

a.zoomout:hover
{
    background:url(Images/nav.gif) -595px -83px;
}

.catalogueheader
{
	font-weight: bold;
}

.catalogueheader h1{
	color: #EB1A3A;
	font-size:22px;
}

div.categoryLabel
{
	float:left;
}

div.categoryPages
{
	float:right;
}

div.categoryRow
{
	background:url(Images/dot.gif) bottom repeat-x;
	margin: 0px 5px 4px 5px;
	padding: 2px 0px 2px 0px;
}

.categoryMenuContainer
{
	width: 100%;
	font-size: 0.7em;
}

.clear
{
    clear:both;
}

.categoryMenuContainer td
{

}

div#categoriesPanel
{
	width: 500px;	
	margin-top: 32px;
	margin-left:118px;
	background: transparent url(images/category_top_btn.gif) no-repeat;
}
/* Categories List */


/* CSS for the box starts here
================================================*/
/* Insert the custom corners and borders for browsers with JavaScript on */
.cb {
	margin:10px 0;
}



.bt {
    background:transparent url(images/category_top.gif) repeat scroll right center;
    font-size:1px;
    height:6px;
    left:0px;
    margin:0pt 0pt 0pt 120px;
    position:relative;
}

.bb {
	background:url(images/category_bottom.gif) no-repeat 100% 100%;
	margin-left:6px;
	margin-top:-4px;
	height:6px;
	font-size: 1px;
}
.bb div {
	height:6px;
	width:6px;
	position:relative;
	left:-6px;
	background:url(images/category_bottom.gif) no-repeat 0 100%;
}
.i1 {
	padding:0;
	margin-left:2px;
    margin-right:2px;
	/*background:url(images/category_gradient.gif) repeat-x #5588bb;*/
	background:url(images/category_gradient.gif) repeat-x #3E8FC8;
	padding-bottom:2px;
}
.i2 
{
	padding: 0 0 6px 0;
	border-left:2px solid #004F7A;
	border-right:2px solid #004F7A;
    margin-right:-4px;
    left:-2px;
    position:relative;
    width:100%;
}
.i3 {
	border-width:1px 0;
	padding:0 10px;
}
/* CSS for the box ends here */

.categoryRow, .categoryRow a
{
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	font-size: 105%;
}

a.categoryMenu
{
	color: #ffffff;
	font-weight: bold;
	font-size: 0.7em;
	margin-right: 6px;
}

.categoryItemStyle
{
    
	color: #ffffff; 

}

.disclaimer
{
	color :#7C8081;
	font-size: xx-small;
}

p.errormessage
{
    color:#EB1A3A;		
}