/* CSS Document */


.categories {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	color: #566020;
}

.smallcategories {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 10px;
	color: #566020;
}

.smallcategories2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 9px;
	color: #566020;
}

.smallbluecategories {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 9px;
	color: #0033CC;
}

.smalluname {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height:11px;
	color: #4C070F;
}

A:link {

	text-decoration: none;
}
A:visited {

	text-decoration: none;
}
A:active {

	text-decoration: none;
}
A:hover {

	text-decoration: none;
	background-color: #BEC5EF;
}


TD {
	font-family: Arial;
	font-size: 13px;
}
P {
	font-family: Arial;
	font-size: 13px;
}
HR {
	color: #6699CC;
	height: 1px;
}.ProductName {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.productdescription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;


}
.similiarcategories {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	color: #0033CC;
}

.similiarcategories2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	color: #0033CC;
}

.bannername {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	line-height: normal;
	color: #FF0000;
}

.banneruser {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #0000A0;
}

.bannergreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #6CA469;
}

.banneruser2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	color: #0000A0;
}

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
/******* hyperlink and anchor tag styles *******/

a:link, a:visited{

	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #334D55;
 margin: 0px;
 padding: 0px;
}

h2{
 font: 92% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
 margin-bottom:2px;
 border-bottom-width:thin;
 border-bottom-color:#FFFFFF;
  background-color:#CBCD94;
 height:25px;
 width:220px;
 vertical-align:middle;
 margin-top:3px;
}

h3{
 font: 92% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
 margin-bottom:0px;
 border-bottom-width:thin;
 border-bottom-color:#FFFFFF;
  background-color:#CCB294;
 height:25px;
 width:220px;
 cursor:pointer;
 vertical-align:text-top;
 margin-top:1px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h6{
 font: 92% Arial,sans-serif;
 color: #006699;
 margin: 0px;
 padding: 0px;
 margin-bottom:6px;
 height:20px;
 margin-top:6px;
 background-color:#FF9999;
 height:25;
 
}

divit {
 background-color:#FF9999;
 color: #006699;
 }



h2 img{border:none;padding-right:.5em;

}

h6 img{border:none;padding-right:.5em;

}

/*************** list tag styles ***************/

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 font: bold 1em Arial,sans-serif;
 color: #334D55;
}
				
input{
font-family: Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
	position:absolute;
	top: 112px;
	left: 2%;
	right: 2%;
	width:95.6%;
	background-color: #FFFFFF;
	border:1px solid #000000;
	border-right: 1px solid #000000;
}

#tl {
	position:absolute;
	top: -1px;
	left: -1px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

#tr {
	position:absolute;
	top: -1px;
	right: -2px;
	margin: 0px;
	padding: 0px;
	z-index: 1;
}

#masthead{
	position: absolute;
	top: 0px;
	left: 2%;
	right: 2%;
	width:95.6%;

	
}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
	background-color: #F5F7F7;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font: small Verdana,sans-serif;
	min-height: 10;
}

#content{
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 178px;
	border-left: 1px solid #CCD2D2;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-weight: normal;

}

#image p, #description p {
	margin: 1em 2em;
	text-align: justify;
}

/************** utility styles *****************/

#utility{
	font: 75% Verdana,sans-serif;
	position: absolute;
	top: 16px;
	right: 0px;
	color: #919999;
}

#utility a{
	color: #FFFFFF;
}

#utility a:hover{
	text-decoration: underline;
}

/************** pageName styles ****************/

#pageName{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #CCD2D2;
}

#pageName h2{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	margin:0px;
	padding: 0px;
}

#pageName img{
	position: absolute;
	right: 6px;
	padding: 0px;
	margin: 0px;
	left: 111px;
	width: 1;
	height: 1;
	top: 202px;
}

/************* globalNav styles ****************/

#globalNav{
position: absolute;
top: 73px;
left:0;
width: 100%;
min-width: 100%;
height: 20px;
color: #CCCCCC;
background-color: #AD4749; 
padding: 0px;
margin: 0px;

}

#globalNav img{
}

#gnl {
	position: absolute;
	top: 0px;
	left:0px;
}

#gnr {
	position: absolute;
	top: 0px;
	right:0px;
}

/****  #globalLink{
	position: absolute;
	top: 6px;
	height: 24px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	left: 0px;
	z-index: 100;
	width: 736px;
	min-width: 640px;
	font-weight:900;
} ****/

#globalLink{
	position: absolute;
	top: 0px;
	height: 16px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	left: 7px;
	z-index: 100;
	width: 100%;
	min-width: 640px;
	font-weight:900;
}


a.glink, a.glink:visited{
  	font-size: small;
	color: #4C070F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
/***	font-family:Arial, Helvetica, sans-serif; ****/
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 2px 5px 0px 5px;
	border-right: 1px solid #8FB8BC;

}
a.glinkR, a.glinkR:visited {
	border-right: none;
}

a.glink:hover{
  	text-decoration: none;
}

.skipLinks {
	display: none;
}

/************ subglobalNav styles **************/
.subglobalNav{
	position: absolute;
	top: 97px;
	left: 10px;
	/*width: 100%;*/
	width: 95%;
	min-width: 800px;
	height: 15px;
    padding: 0px 0px 0px 10px; 
	visibility: hidden;
	color: #4C070F;
	background-color: #88AFE4;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;

	}
	

.subglobalNav a:link, .subglobalNav a:visited {
	font-size:10px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4C070F;
}

.subglobalNav a:hover{
	color: #000000;
}

/*************** search styles *****************/

#search{
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 101;
}

#search input{
  font-size: 70%;
  margin: 0px  0px 0px 10px;
 }
 
#search a:link, #search a:visited {
	font-size: 80%;
	font-weight: bold;
	
}

#search a:hover{
	margin: 0px;
}


/************* breadCrumb styles ***************/

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
	margin-left:5px;
}

#breadCrumb a{
	color: #AAAAAA;
}

#breadCrumb a:hover{
	color: #006699;
	text-decoration: underline;
}


/************** feature styles *****************/

.feature, .story{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
	/*min-height: auto;*/
	height: 35em;
}

html>body .feature {
	height: auto;
	background-color: #C7D5EB;
}


.feature h3{
	font: bold 175% Arial,sans-serif;
	color: #000000;
	padding: 30px 0px 5px 0px;
}

.feature img{
	float: left;
	padding: 0px 10px 0px 0px;
}

/*************** story styles ******************/

/*  .story {
	padding: 0px;
	font-size: 80%;
	margin-top: 40px;
	width: 95%;
	height: auto;
}  */

.storyA {
	margin-top: -20px;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #006699;
	/*display:block;*/
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}


/************** siteInfo styles ****************/

#siteInfo{
	clear: both;
	border-top: 1px solid #CCCCCC;
	font-size: small;
	color: #cccccc;
	font-weight: bold;
	padding: 10px 10px 10px 10px;
	margin-top: 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 0px;
	vertical-align: middle;
}

#siteInfo a:hover {
	background-color: #DDEEFF;
}

.darker {
	color: #666666;
}

/************ sectionLinks styles **************/

#sectionLinks{
	margin: 0px;
	padding: 0px;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
	border-bottom: 1px solid #CCCCCC;
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	background-image:  url(../Images/bg_nav.jpg);
	font-weight: bold;
	font-size: 80%;
	padding: 3px 0px 3px 10px;
	color: #21536A;
}

#sectionLinks a:hover{
	border-top: 1px solid #CCCCCC;
	background-color: #DDEEFF;
	background-image: none;
	font-weight: bold;
	text-decoration: none;
}

/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 1px solid #CCCCCC;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a{
	display: block; 
}

.relatedLinks a:hover{
	background-color: #DDEEFF;
}

/**************** advert styles *****************/

#advert{
	padding: 10px;
}

#advert img{
	display: block;
}

/***************** box styles *******************/

* html .boxTitleDiv h2 {height: 5%;} /* For IE 5 */

/***** format to control box location  **********/
/*#storyTitle {
	valign: top;
	text-align: center;
	} */

/*  do not use px as will break box  */
.boxDiv {
	vertical-align: top;
	margin: 0 0; 
	width: 19em;
	background: url(../Images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	/*display:inline-table;*/

}

.boxDivA {
	display:block;
	width:27em;
}

.boxTitleDiv {
	background: url(../Images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}

.boxTitleDiv h2 {
	background: url(../Images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */ 
}

.boxTitleDiv a:hover {
	color:#FFFFFF;
}

.boxContentDiv {
	background:  url(../Images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 3px 30px 10px;
	text-align: justify;
}

.divHelper {
	margin: -1em 0em 2em 0em;
}

.narrower {
	width: 12em;
	margin-left: -12px;
	padding-left:  0;
	margin-top: 9px;
/*	display: box; */
}

/********************* end **********************/

/**************** particular styles *****************/



.style1 {
	font-size: large;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}
	
.style6 {
	color: #993366;
}

a.style6 {
	color: #993366;
}

.style7 {
	font-family: "Courier New", Courier, mono;
	font-size: large;
	font-style: italic;
}	

body {
	background-color: #C7D5EB;
}

body,td,th {
	color: #000000;
}

.style10 {
	font-size: x-large;
	color: #000066;
	margin-left: 5%;
	z-index: 8;
}

.style11 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.style12 {
	color: #000000;
	font-size: xx-large;
}

.style13 {
	color: #FF0000;
}
	
.style14 {
	font-size: 160%;
}
	
.style17 {
	font-size: medium;
}
	
.style18 {
	font-size: 200%;
}

.unamecolor {
	font-size:12px;
	color: #4C070F;
}

.unamecolor3 {
        font-size:12px;
	color: #4C070F;
	height:14px;
	}
		

.loggedinname {
	color: #4C070F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

h2.less {
	margin-top:20px;
}

ul.noBullet {
	list-style: none;
}

.red {
	color:#FF0000;
}

.smallred {
	color:#FF0000;
	font-size: 90%;
        font-family:Verdana, Arial, Helvetica, sans-serif;
}	

.littlered {
	color:#FF0000;
	font-size: 10px;
        font-family:Verdana, Arial, Helvetica, sans-serif;
}	

#boxthing2 {
 position:absolute;
 visibility:hidden;
 top:100px;
 left:200px;
 width:600px;
 height:400px;
 border:1px #000000 solid;
 background-color:#F8ECDF;
 padding:0.5em; }


#boxthing {
 position:absolute;
 visibility:hidden;
 top:100px;
 left:200px;
 width:600px;
 height:400px;
 border:1px #000000 solid;
 background-color:#F8ECDF;
 padding:0.5em; }
 
 #pointhing {
 position:absolute;
 visibility:hidden;
 top:150px;
 left:350px;
 width:400px;
 height:200px;
 border:1px #000000 solid;
 background-color:#F8ECDF;
 z-index:2;
 padding:0.5em; }
 
  #addpointbox {
 position:absolute;
 visibility:hidden;
 top:0px;
 left:0px;
 width:0px;
 height:0px;
 border:1px #000000 solid;
 background-color:#F8E7DF;
 z-index:2;
 padding:0.5em; }
 
 
 	/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		height: 125px;
		width: 25px;
		position: relative;
		background: url(/images/vert_star.gif) top left repeat-y;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		float:left;
	}
	.star-rating li a{
		display:block;
		height:25px;
		width: 25px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.star-rating li a:hover{
		background: url(/images/vert_star.gif) right top repeat-y;
		z-index: 2;
		top: 0px;
	}
	.star-rating a.one-star{
		top: 0px;
	}
	.star-rating a.one-star:hover{
		height:25px;
	}
	.star-rating a.two-stars{
		top:25px;
	}
	.star-rating a.two-stars:hover{
		height: 50px;
	}
	.star-rating a.three-stars{
		top: 50px;
	}
	.star-rating a.three-stars:hover{
		height: 75px;
	}
	.star-rating a.four-stars{
		top: 75px;
	}	
	.star-rating a.four-stars:hover{
		height: 100px;
	}
	.star-rating a.five-stars{
		top: 100px;
	}
	.star-rating a.five-stars:hover{
		height: 125px;
	}
	.star-rating li.current-rating{
		background: url(/images/vert_star.gif) center top repeat-y;
		position: absolute;
		width: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}	

 
 
 
 
 
 /* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen, print { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:1px; padding:0px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 4px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(plus.gif)   center left no-repeat; }
	ul.mktree  li.liBullet  .bullet { cursor: default; background: url(bullet.gif) center left no-repeat; }
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 12pt; }
	ul.mktree  li ul li { font-size: 10pt; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  li ul li ul li ul li { font-size: 6pt; }
}


.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}