html, body
{
	font-family: Trebuchet MS, serif;	
	font-size:90%;
	margin: 0;
	padding: 0;
	border: none;
	background-color:#FFFFFF;
}

p { vertical-align :top ;}

h3
{
	color:#0073AE;
	font-size:110%;
	border-bottom:solid 1px #666666;
}

h4
{
	font-size:100%;
	margin:10px 0 0 0;
}

.bodylink:link
{
    color:#0073AE; 
 text-decoration:underline;
 }
.bodylink:visited
 {
     color:#0073AE; 
  text-decoration:underline;
  }
.bodylink:hover
 {
     color:#000000; 
     text-decoration:underline;
     }
     
/*** Form Elements ***/
.RelatedProduct_checkbox Table
{
    	border:0;
}

.RelatedProduct_checkbox input
{
    display:inline; 
}

.RelatedProduct_checkbox label
{
    display:inline; 
}

label
{	
	display:block;
	margin-bottom:20px;
}

label .note
{
	display:block;
	color:#666666;
}

.note
{
	display:block;
	color:#666666;
}
input,select
{	
	display:block;
}

.checkbox
{
	display:inline;
}

.button
{
	margin-top:20px;
	margin-right:20px;
	display:inline; 
	background-color :#0073AE; 
	color:#FFFFFF;
}

textarea
{	
	width:400px;
	height:200px;
	display:block;
}

.validator
{
	margin-top:10px;
	border:solid 1px Red;
	padding:10px 20px 0 20px;
	background-color:#FFFFFF;
}

.validator ul
{
	margin-top:0;
}


.validator-error
{
	color:Red;
}

.status
{
	color:#0073AE;
	font-size :16px; 
}

/*** Module Elements ***/
.module label
{
    display:inline;
	margin-bottom:20px;
}

.module input,select
{	
	display:inline;
}

/*** Page Sections ***/

#wrapper
{		
	width:1000px;
	float:left;	
	padding:0 50px 0 50px;
}

#header
{		
height:150px; 
	width:100%;
}

#header h1
{	
	padding-top:10px;
	font-size:26px;	
}
#header #user-status
{
	float:right;
	color:#666666;
}
#navigation
{	
	float:left;
	width: 150px;		
	padding:10px 0 10px 0; 
	text-decoration :none;
	margin-top :20px;
}

#content
{	
	float:left;
	width: 750px;	
	background-color:#FFFFFF;		
	display:block;
	padding:10px 50px 50px 50px;
}



/*** Main Navigation ***/

.nav
{
	border-top:solid 1px #666666;
}



.nav td
{	
	border-bottom:solid 1px #666666;
}

.nav-level1
{	
	padding: 2px 5px 2px 0px;
	width:150px;
	color:#333333;
	
}

.nav tr:hover
{
	background-color: #0073AE;
}

.nav-level2
{
	width:130px;	
	color:#333333;
}

.nav-selected
{
	color:#000000;
	font-weight:bold;
}


/*** Item Navigation ***/

#item-navigation
{	
	text-align:right;	
	padding:2px 0 2px 0;
	border-bottom:solid 1px #0073AE;
}

#item-navigation ul
{
	margin-left: 0;
	padding-left: 0;
	display: inline;
}
      
#item-navigation li
{
	margin-right: 5px;
	margin-bottom: 0;
	padding:0;
	border: solid 1px #999999;
	list-style: none;
	display: inline;	
	background-color: #FFFFFF;
}

#item-navigation a
{
	color:#333333;
	padding:2px 5px 2px 7px;
	text-decoration:none;
}

#item-navigation #selected
{
	border-bottom:solid 1px #FFFFFF;
	background-color:#0073AE;
}

#item-navigation #selected a {

}

/* Grid View */

.gridview 
{
	border:none;
}

.gridview th
{
	text-align:left;
	padding-left:5px;
	font-weight:normal;
	background-color:#0073AE;
	border-bottom:solid 1px #666666;
	border-top:solid 1px #666666;
}

.gridview td
{
	padding: 5px 10px 5px 5px;
	border-bottom:solid 1px #666666;	
}
.gridview th a
{
 text-decoration :underline; 
 background-color :#0073AE;
 color :#000000;
 font-size :12px;
}
.gridview .blankColumn
{
	width:99%;
}

.gridview a
{
	background-color: #0073AE;	
	padding: 1px 10px 1px 10px;	
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size: 10px;
	border: solid 1px #666666;	
	margin-right:5px;
}

#create-item
{
	clear:both;
	text-align:right;
	display:block;
	padding: 30px 0 10px 0;	
}


/* Div Button */

.a-button
{
	background-color:#0073AE;	
	padding: 1px 10px 1px 10px;	
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	font-size: 11px;
	border: solid 1px Silver;	
	margin-left:5px;
}

/*Reorder List*/

.reorderlist 
{
	margin-top: 20px;
	background-color:#FFFFFF;		
}

.reorderlist ul
{
	margin:0;	
	list-style:none;
	border-top:solid 1px #666666;	
}
.reorderlist li
{
	border-bottom:solid 1px #666666;	
}

.reorderlist .itemArea 
{
	padding: 4px 0 4px 0;	
}

.reorderlist .dragHandle 
{
	text-decoration:none;	
	text-align:center;
	cursor:move;
}

.reorderlist .reorderCue {
	border:dashed 1px #999999;
	background-color:#0073AE;
	width:100%;
	height:22px;
}

/* CSS classes for the DataList that provides the product listing */

#product
{
	width:175px;	
}

.productimage
{
	width:105px;
	margin-left:25px;
	padding-right:0px;
	float:left;
}

.productdetails
{
	float:right;
	width:125px;
	margin-top:5px;
	margin-bottom:5px;
}

.productaddbutton
{
	float:left;
}

/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */

.navigation
{
	width:600px;
	margin-top:30px;
}

#leftnav 
{
	float:left;
	width:180px;
	text-align:center;
}

#rightnav 
{
	float:right;
	width:180px;
	margin-right:20px;
	text-align:center;
}

#numnav
{
	float:inherit;
	text-align:center;
	
}