* { padding: 0px; margin: 0px; }

html {
	font-size: 100%;
	height: 100%;
	margin-bottom: 1px;
}

body
{
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

blockquote { border:1px solid #C0C0C0 ; margin-bottom:15px ; padding:8px }

address { font-style:normal ; margin-bottom:20px }

img { border: 0px; }
a:link,
a:hover,
a:visited
{
	color: #4e4e4e;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
}

#container
{
	background:url(images/bg_header.gif) top left no-repeat;
	height:366px;
	width:704px;
	margin:auto;
}

#left-fade
{
	float: left;
	background: url(images/fade_left.gif) no-repeat;
	width: 60px;
	height: 366px;
}

#right-fade
{
	float: right;
	background: url(images/fade_right.gif) no-repeat;
	width: 60px;
	height: 366px;
}

#page-header
{
	margin: auto;
	height:114px;
	width:665px;
}

#page-body
{	height: 100%;
	margin: 0px auto;
	/* margin-left:12px; */
	/* margin-right: 12px; */
	/* margin: 0px auto; */
	padding-bottom: 20px;
	width: 80%;
	vertical-align: top;
}

#page-header h1
{
	font-weight: bold;
	height: 84px;
	font-size: 24px;
}

#page-header h1 span
{
	background: url(images/frontend_logo.gif) left top no-repeat;
	min-width: 323px;
	width: 50%;
	height: 84px;
	position: absolute;
}

#navigation {
	margin: 0px auto;
	background: url(images/tabs.gif) repeat-x 100% 0px;
	height: 30px;
}

#navigation-left {
	background: url(images/navigation_left.gif) no-repeat;
	width: 22px;
	height: 30px;
	float:left;
}
#navigation-right {
	background: url(images/navigation_right.gif) no-repeat;
	width: 25px;
	height: 30px;
	float:right;
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li {
	/* display: inline; */
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: bold;
	font: "Arial Rounded MT Bold";
}
#navigation a {
	/* float:left; */
	display: block;
	background: url(images/tabs.gif) no-repeat 0% 0px;
	margin: 0 2% 0 3%;
	padding: 0 0 0 0;
	text-decoration: none;
}

#navigation a:-moz- {
	margin: 0 15% 0 15%;
}

#navigation a span {
	display: block;
	background: url(images/tabs.gif) no-repeat 100% 0px;
	padding: 7px 12px 6px 6px;
	color: #fff;
	white-space: nowrap;
	text-transform: uppercase;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a span { float:none; }
/* End hack */

#navigation a:hover span {
	color: #fff;
}

#navigation #activetab a {
	background-position: 0 -30px;
	border-bottom: 1px solid #FFFFFF;
}

#navigation #activetab a span {
	background-position: 100% -30px;
	padding-bottom: 7px;
	color: #ffffff;
}

#navigation a:hover {
	background-position: 0 -30px;
}

#navigation a:hover span {
	background-position:100% -30px;
}

#navigation #activetab a:hover span {
	color: #fff;
}

h2 {
	color: #333;
	font: normal 25px/5px serif;
	margin: 5px 10px;
	border-bottom: 0.5em solid #e7e7e7;
	font:"Arial Rounded MT Bold", Arial;
}

.box {
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border: 1px solid #cecece;
	padding: 5px 5px 5px 5px;
}

.payment_icon {
	-moz-opacity: 0.55;
	opacity:.55;
	filter: gray() alpha(opacity=55);
	background-color:#CCC;
	top:0;
	left: 0;
}

.payment_icon:hover {
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#nav2 { background:#C0C0C0 ; color:#FFF ; font-weight:bold ; padding:3px 0 ; text-align:center }
	#nav2 a { background:#C0C0C0 ; color:#FFF ; font-weight:bold }

.tb2 { border-top:1px solid #C0C0C0 ; border-right:1px solid #C0C0C0 ; clear:both ; font-size:100% ; margin:15px auto 0 auto ; width:100% }
	.tb2 table { width:100% }
.tb2 th, .tb2 td { border-bottom:1px solid #C0C0C0 ; border-left:1px solid #C0C0C0 ; padding:3px }
	.tb2 td.nest { border-top:1px solid #C0C0C0 ; border-left:none ; padding:0 }
.tb2 caption { background:#C0C0C0 ; color:#000 ; padding:5px ; font-size:115% ; font-weight:bold ; margin-top:15px }
.tb2 th.l1 { background:#D0EBFE ; color:#000 }
.tb2 th { background:#F7F7F7  }
.tb2 address { font-style:normal }
.tb2 address:first-line { font-weight:bold }
.tb2 .paid th { background:#A0E0A0 ; color:#000 }
.tb2 .paid td { color:#080 ; font-weight:bold }

	/*             styles for the star rater                */	
	.star-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 125px;
		height: 25px;
		position: relative;
		overflow:hidden;
		background: url(images/alt_star.gif) top left repeat-x;		
	}
	.star-rating li{
		padding:0px;
		margin:0px;
		width:25px;
		height:25px;
		/*\*/
		float: left;
		/* */
	}
	.star-rating li a{
		display:block;
		width:25px;
		height: 25px;
		line-height:25px;		
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
		overflow:hidden;
	}
	.star-rating li a:hover{
	}
	.star-rating a.one-star{
		left: 0px;
	}
	.star-rating a.one-star:hover{
	}
	.star-rating a.two-stars{
		left:25px;
	}
	.star-rating a.two-stars:hover{
	}
	.star-rating a.three-stars{
		left: 50px;
	}
	.star-rating a.three-stars:hover{
	}
	.star-rating a.four-stars{
		left: 75px;
	}	
	.star-rating a.four-stars:hover{
	}
	.star-rating a.five-stars{
		left: 100px;
	}
	.star-rating a.five-stars:hover{
	}
	.star-rating li.current-rating{
		background: url(images/alt_star.gif) left center;
		position: absolute;
		height: 25px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}
	
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}