@media print {
	.noprint { display: none; }
}

html 
{
	padding:10px 0px 0px 0px;
	margin:0;
}

form {padding:0; border:0;}

.content {font-family:Arial,sans-serif;font-size:12px;padding:0em;margin:0em;line-height:18px;color:#333333;}

img {border:0;}

body {font-family:Arial,sans-serif;font-size:12px;padding:0em;margin:0em;line-height:18px;color:#333333;}

#main {width:899px;margin-left:auto;margin-right:auto;text-align:center;}

#main2 {width:899px;margin-left:auto;margin-right:auto;text-align:center;}

#footer {background-color:#e6e6e6; padding:20px; text-align:center;}

a:active {color:blue;font-weight:normal;text-decoration:none;}
a:link {color:blue;font-weight:normal;text-decoration:none;}
a:visited {color:blue;font-weight:normal;text-decoration:none;}
a:hover {color:blue;font-weight:normal;text-decoration:underline;}

#footer a:active {color:#330099;font-weight:bold;text-decoration:none;}
#footer a:link {color:#330099;font-weight:bold;text-decoration:none;}
#footer a:visited {color:#330099;font-weight:bold;text-decoration:none;}
#footer a:hover {color:#330099;font-weight:bold;text-decoration:underline;}

.wtext {color:#ffffff;font-size:11px;}

.wtext a:active {color:#ffffff;font-weight:bold;text-decoration:none;border:1px solid #ffffff;padding:3px;}
.wtext a:link	{color:#ffffff;font-weight:bold;text-decoration:none;border:1px solid #ffffff;padding:3px;}
.wtext a:visited {color:#ffffff;font-weight:bold;text-decoration:none;border:1px solid #ffffff;padding:3px;}
.wtext a:hover {color:#ffffff;font-weight:bold;text-decoration:underline;border:1px solid #ffffff;padding:3px;}

.grey a:active {color:#666666;font-weight:normal;text-decoration:none;padding:3px;}
.grey a:link	{color:#666666;font-weight:normal;text-decoration:none;padding:3px;}
.grey a:visited {color:#666666;font-weight:normal;text-decoration:none;padding:3px;}
.grey a:hover {color:#000000;font-weight:normal;text-decoration:underline;padding:3px;}

.error {color:red;font-size:11px;font-weight:bold;}

.title {color:#000000;font-size:12px;font-weight:bold;}

.price {color:#333333;font-size:12px;font-weight:bold;}

.button {color:black;font-size:10px;background-color:white;font-weight:normal;border:1px solid black;padding:3px;}
.logout {color:black;font-size:10px;background-color:yellow;font-weight:normal;border:1px solid black;padding:3px;}

h1 {color:#333333;font-size:16px;font-weight:bold;padding:0;margin:0px 0px 10px 0px;}
h2 {color:#333333;font-size:14px;font-weight:bold;padding:0;margin:0px 0px 10px 0px;}
h3 {color:#333333;font-size:12px;font-weight:normal;}

form * {margin:0;padding:0;} /* Standard margin and padding reset, normally done on the body */

legend {
	color:#000; /* IE styles legends with blue text by default */
	*margin-left:-7px; /* A hack that only ie reads to position the legend in the same place cross browser */
	font-weight:bold;
	padding:0px 10px 10px 0px;
}
fieldset {
	border:1px solid #dedede; /* Default fieldset borders vary cross browser, so make them the same */
	padding:10px;
}
fieldset div {
	overflow:hidden; /* Contain the floating elements */
	display:inline-block; /* Give layout in ie to contain float */
}
fieldset div {display:block;} /* Reset element back to block leaving layout in ie */
fieldset label {
	float:left; /* Take out of flow so the input starts at the same height */
	width:120px; /* Set a width so the inputs line up */
	margin-bottom:5px;
	margin-top:5px;
	padding:0px 0px 5px 0px;
}

.radio {
	position:relative; /* Position so children are relative to this container */
	border:0; /* Remove the border */
}
.radio span {
	position:absolute; /* Take the content of the legend out of flow */
	top:0;left:0; /* and position it to the top left of the fieldset */
	width:5em; /* Same width as labels */
}
.radio ul {
	margin-left:5em; /* Since the legend is out of flow. set margin, so inputs are inline */
	list-style:none; /* Dont want bullets */
}
.radio li {
	position:relative; /* Fix a bug in IE zoom functionality */
	display:inline; /* Display the inputs in a line */
	white-space:nowrap; /* We dont want a label to wrap between the input and label */
}
.radio label, .radio input {
	width:auto; /* Reset the width on the label from the 5em, set earlier */
	float:none; /* Reset the float from left on the label, set earlier */
	vertical-align:middle; /* Align the radio buttons with the inputs */
}

/* begin css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 0; /* set margins as desired */
font: 11px verdana, arial, sans-serif; /* set font as desired */
list-style-type: none;
width:920px;
padding:4px 5px 3px 2px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
border-top:1px #000000 solid;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, body#tab6 li.tab6{ /* settings for selected tab */
border-bottom: 1px solid #000000; /* set border color to page background color */
background-color: #8f9bfd; /* set background color to match above border color */
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a , body#tab5 li.tab5 a, body#tab6 li.tab6 a{ /* settings for selected tab link */
background-color: #8f9bfd; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #000; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #ffffff; /* set unselected tab background color as desired */
color: #000; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #8f9bfd; /* set desired hover color */
color:#ffffff;
}

.pagination									{font-size:11px;width:380px; text-align:center;font-weight:bold;background-color:#eeeeee;height:25px;padding:5px 10px 0px 10px;}
span.pg_first, span.pg_last					{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:30px;text-align:center;}
span.pg_first a, span.pg_last a				{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:30px;text-align:center;}
span.pg_first a:hover, span.pg_last a:hover	{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:30px;text-align:center;}

span.pg_current								{font-weight:bold;font-size:11px;display:block;float:left;color:#ffffff;background-color:#3172a8;height:20px;width:30px;text-align:center;}
span.pg_current a							{font-weight:bold;font-size:11px;display:block;float:left;color:#ffffff;background-color:#3172a8;height:20px;width:30px;text-align:center;}
span.pg_current a:hover						{font-weight:bold;font-size:11px;display:block;float:left;color:#ffffff;background-color:#3172a8;height:20px;width:30px;text-align:center;}

span.pg a									{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:30px;text-align:center;}
span.pg a:hover								{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:30px;text-align:center;}

span.pg_next, span.pg_prev					{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:30px;text-align:center;}
span.pg_next a, span.pg_prev a				{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:30px;text-align:center;}
span.pg_next a:hover, span.pg_prev a:hover	{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:30px;text-align:center;}

.pagenav a:active	{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:35px;text-align:center;}
.pagenav a:visited	{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:35px;text-align:center;}
.pagenav			{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:35px;text-align:center;}
.pagenav a:link		{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:35px;text-align:center;}
.pagenav a:hover	{font-weight:bold;font-size:11px;display:block;float:left;color:#000000;background-color:#eeeeee;height:20px;width:35px;text-align:center;}
.pagenavselected 	{font-weight:bold;font-size:11px;display:block;float:left;color:#ffffff;background-color:red;height:20px;width:35px;text-align:center;}
