/** Body **/

body, td, th
{
	font-family: 'Trebuchet MS', _sans;
	font-size: 12px;
	color: #333333;
}

body
{
	font-family: 'Trebuchet MS', _sans;
	font-size: 12px;
	margin: 0px;
	background: url(/img/bg3.jpg) #ffffff repeat-x center top;
}

img 
{
	border: none;
}

img .spacer {
display:none;	
}

/** Page.Wrapper**/

#PW
{
margin: 0px auto;
width: 996px;  
}

/** Page.PageHeader **/

#PH
{
margin: 0px auto;
width: 996px;
}

#PH .Header
{  
margin: 10px auto 10px auto;
width: 100%;
height:72px;  
}

#PH .Header .CustomerAccount
{
vertical-align: bottom;
text-align: right;
width: 320px;
}

#PH .Header .CustomerCreditials
{
margin: 0 10px 4px 0;
}

#PH .Header .MyAccount
{
	margin: 0 10px 4px 0;
}

#PH .Header .MyAccount A
{
color:#333333; 
font-size:11px; 
font-weight: bold;
}
 
#PH .Header .ShoppingCart A
{
color:#333333; 
font-size:11px;   
}
#PH .Header .ShoppingCart
{ 
	margin: 0 6px 0 0;  
}

#PH .Menu
{ 
	
}
 
#PH .Toolbar
{ 
width: 100%;
margin: 0 auto 6px auto;
}

#PH .Toolbar .CustomerSupport
{
width: auto; 
padding-left: 10px; 
}

#PH .Toolbar .CustomerSupport a
{
color:#333333; 
font-size:11px; 
}
  
#PH .Input 
{
margin-left: 4px;
margin-right: 4px;   
font-size: 11px;
font-family:'Trebuchet MS', _sans; 
} 
#PH .SearchButton 
{ 
width: 60px;  
text-transform: uppercase;
font-size: 11px;
font-family:'Trebuchet MS', _sans; 
} 


/** Page.PageBody **/

#PB { 
padding-bottom: 16px;
width: 100%;
}
 
#PB H2
{
font-size: 14px;
color: #333333;
margin: 0px;
padding: 0px;
font-weight: normal;
}

#PB H1
{
font-size: 24px;
line-height: 24px;
color: #666666;
margin-top: 0px;
padding-top: 0px; 
font-weight: normal;
}

/** Page.PageBody.PageContent **/

#PB  
{
	line-height: 16px;
}
#PB  A:link {
color: #395fa4; 
font-size:12px;
}

#PB A:hover, #PB A:visited {
color: #395fa4; 
font-size:12px;
}


#PB .ShoppingCart Table
{
	width: 764px;	
}


#PB .ShoppingCart th
{
	text-transform: uppercase;
	font-weight: bold;
	color: #395fa4; 
}

#PB .ShoppingCart .Products
{
	width: 764px;	
	border-top: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	margin-bottom: 10px;
}
#PB .ShoppingCart .Commands
{
	text-align: right;
	margin-bottom: 20px; 
}

#PB .ShoppingCart .Commands a
{ 
	font-weight: bold; 
	color: #666666;
}

#PB .ShoppingCart .Total
{
	margin-bottom: 10px;
	width: 764px;
	border-right: #dddddd 1px solid;
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
}

#PB .Orders Table
{
	width: 764px;	
}


#PB .Orders th
{
	text-transform: uppercase;
	font-weight: bold;
	color: #395fa4; 
}

#PB .Orders .Order
{
	width: 764px;	
	border-top: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	margin-bottom: 10px;
}
 

 #PB .steps
{ 
	width: 764px;
	border-collapse: collapse;

}

 #PB .steps td
{ 
	padding-top: 10px;
	padding-bottom: 2px;
	padding-left: 4px;
		font-weight:bold;
	width: 25%;
	text-transform: uppercase;
	border-right: #f3f3f3 1px solid;
	border-top: #f3f3f3  1px solid;
	border-left: #f3f3f3  1px solid;
	border-bottom: #f3f3f3  1px solid;
	background-color: #efefef;
 
}


#PB .form
{ 
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
 
}
#PB .form .header
{
	width: auto;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 4px;
	padding-top: 4px;
	text-transform: uppercase;
	font-weight: bold;
}
#PB .form .comments
{
	width: auto;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-right: #f3f3f3 1px solid;
	border-top: #f3f3f3 1px solid;
	border-left: #f3f3f3 1px solid;
	border-bottom: #f3f3f3 1px solid;

}
#PB .form .info
{
	width: auto; 
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-right: #f3f3f3 1px solid;
	border-top: #f3f3f3  1px solid;
	border-left: #f3f3f3  1px solid;
	border-bottom: #f3f3f3  1px solid; 
}
#PB .form .text
{
	width: auto;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 4px;
	padding-top: 4px; 
}

#PB .form .data
{
	width: auto;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 4px;
	padding-top: 4px;
	border-right: #f3f3f3 1px solid;
	border-top: #f3f3f3  1px solid;
	border-left: #f3f3f3  1px solid;
	border-bottom: #f3f3f3  1px solid;
}

#PB .form .sep
{
	height:16px;
}

#PB .form .fn
{
	width: 160px;
	text-align: left;
	font-weight: bold;
	color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
}

#PB .form .fv
{
width: auto;
padding-top: 2px;
padding-bottom: 2px;
}


  
 
/** Page.PageBody.Warning **/

#PB .MessageBox
{
	margin: 10px 0px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-right: #dddddd 1px solid;
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid; 
}

#PB .MessageBox .Warning
{
color: #FF0000;
font-weight: bold;
}

#PB .MessageBox .Error
{
	color: #FF0000;
	font-weight: bold;
}

#PB .MessageBox .Info
{
	color: #395fa4;
	font-weight: bold;
}


#PB .Comment
{
	color: #666666;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 10px;
}


/** Page.Forms **/

form {
margin: 0px	
}

.Button, .ButtonNext, .ButtonPrev
{	font-family: 'Trebuchet MS', _sans;
	 
	padding: 0px;
	margin:  0px 5px 0px  0px;
	font-size: 11px;
	color: #666666;  
}

.Input, Textarea, .Select
{	
font-family: 'Trebuchet MS', _sans;
font-size: 11px; 
color: #666666;	  
}

.Input, Textarea
{
		font-family: 'Trebuchet MS', _sans;
		font-size: 11px;
	 border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	border-left: #999999 1px solid;
	border-bottom: #999999 1px solid; 
}
/**
.ButtonNext
{ 
	
	font-family: 'Trebuchet MS', _sans;
	font-size: 12px;
border: 1px solid;
border-color: #e1e1e1 #c1c1c1 #c1c1c1 #e1e1e1; 
background: url(/img/btnbgr.gif) 100% 0px repeat-x; 
color: #3d3d3d; 
padding: 4px 25px 3px 7px; 
overflow: visible; 
cursor: pointer; 

}
.ButtonPrev 
{ 
	font-family: 'Trebuchet MS', _sans;
	font-size: 12px;
border: 1px solid;
border-color: #e1e1e1 #c1c1c1 #c1c1c1 #e1e1e1; 
background: url(/img/btnbgl.gif)  0px 0px repeat-x; 
color: #3d3d3d; 
padding: 4px 7px 3px 25px; 
overflow: visible; 
cursor: pointer; 
}
**/
.ReadOnlyInputField
{
	font-family: 'Trebuchet MS', _sans;
	font-size: 12px;
color: #666666;
border-top-style: none;
border-right-style: none;
border-left-style: none;
padding-left: 4px;
padding-bottom: 2px;
padding-top: 2px;
border-bottom: #666666 1px solid; 
}

#PB .Categories
{
width: 198px; 
background-color: #f5f5f5
}

#PB .Categories ul
{
padding: 0px;
margin: 0px;  
list-style-type:none; 
list-style: none;  
width: 100%;display:block;
}

#PB .Categories li
{
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #C0C0C0; 
	padding: 0px;
	margin: 0px;
	display:block;
}

#PB .Categories a
{
text-decoration: none; 
color: #666666; 
font-size:12px; 
background-image: url('/img/arrow2.gif');
	background-repeat: no-repeat; 
	background-position: left center; 
	margin:4px 0 4px 12px;
	padding: 0 0 0 16px;
	display: block;
	}

#PB .Categories ul li ul a
{
text-decoration: none; 
color: #666666; 
font-size:12px; 
background-image: url('/img/arrow2.gif');
	background-repeat: no-repeat; 
	background-position: left center; 
	margin:4px 0 4px 26px;
	padding: 0 0 0 16px;
	display: block;
	}
	
#PB .Categories a:hover
{
text-decoration: underline; 
color: #666666; 
font-size:12px; 
}
 
 
 #PB .PageMenu  
{
padding-left: 0;
margin: 10px 10px 0px 10px;  
list-style-type:none; 
list-style: none;  
width: 178px;
}

#PB .PageMenu li
{
	background-position: left center; 
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0; 
	background-image: url('/img/arrow2.gif');
	background-repeat: no-repeat; 
	padding-left: 18px;
	margin: 4px 0px;
}

#PB .PageMenu a
{
text-decoration: none; 
color: #666666; 
font-size:12px; 
}

#PB .PageMenu a:hover
{
text-decoration: underline; 
color: #666666; 
font-size:12px; 
}

#PB .Categories H2 {
font-size: 14px;
color: #395fa4;
margin-top: 0px;
margin-bottom:10Px;
font-weight: bold
}

/** Page.Footer **/

#PF {
	text-align: center;
margin-bottom: 16px;
width: 100%;
}

#PF .Slogan
{
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			auto; /* left offset of submenus need to match (see below) */
	display:block; 
	padding:6px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	background-color:#333333;	
	}
.sf-menu ul li {
	width:			100%;
	
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a 
{
padding:0px;
font-family:'Trebuchet MS', _sans;
font-size:11px;
text-decoration:none; 
display:block;
position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			28px; /* match top ul list item height */
	z-index:		199;  
} 

.sf-menu {
	float:			left; 
}
.sf-menu li a
{
    padding: .8em 1em;
    text-decoration: none;
    border-left: 1px solid #CCCCCC;
    white-space: nowrap;  
    text-transform:uppercase; 
color:#f6f6f6;
} 
.sf-menu li.firstitem a
{
    padding: .8em 1em;
    text-decoration: none;
    border-left: none;
    white-space: nowrap;  
    text-transform:uppercase;
    
color:#f6f6f6;
} 

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #f6f6f6;
}
.sf-menu li  {font-size:11px; font-weight: bold; }

.sf-menu li li { font-weight:  normal; font-size: 9px;  padding-right:20px; } 
.sf-menu li li a { padding: .5em 1em; text-decoration:none;  border-left: none; text-transform:none } 
.sf-menu li li a:hover { padding: .5em 1em; text-decoration:none;  border-left: none; text-transform:none; color:#ff6633;  } 

.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active
{
    outline: 0; 
}