/*# Basic Styles #*/
body {
	background-color: #e0e6b6;
	margin:0px;
	padding:0px;
	color: #684510;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
.p {
	margin:0px;
	padding:0px;
	font-size: inherit;
	font-family: inherit;
	font-weight: inherit;
	text-align: inherit;
	color: inherit;
	line-height: inherit;
	vertical-align: top;
}
p {
	padding-top:0px;
	margin-top:0px;
}
img {
	border:0px;
}
div {
	margin:0px;
	padding:0px;
}
.AbsWrap {
	width: 100%;
	position: relative;
}
.rowWrap {
	width: 100%;
}
.clearfloat {
	clear:both;
	height:0px;
}
a, a:link, a:hover, a:active, a:visited   
{
	color: #387b47;
	text-decoration:none;
}

a:hover
{
	color: #cdcd5f;
	text-decoration:none;
}


h1
{
	color: #FF6500;
	font-size: 20px;
}
h2
{
	color: #FF6500;
	font-size: 18px;
}
h3
{
	color: #FF6500;
	font-size: 16px;
}

h1 a, a:link, a:hover, a:active, a:visited   
{
	color: #FF6500;
	text-decoration:none;
}

h1 a:hover
{
	color: #387b47;
	text-decoration:none;
}

h2 a, a:link, a:hover, a:active, a:visited   
{
	color: #FF6500;
	text-decoration:none;
}

h2 a:hover
{
	color: #387b47;
	text-decoration:none;
}

h3 a, a:link, a:hover, a:active, a:visited   
{
	color: #FF6500;
	text-decoration:none;
}

h3 a:hover
{
	color: #387b47;
	text-decoration:none;
}

/*# Layout Styles #*/
.LTR, .RTL
{
	background-color: #e0e6b6;
}

#RootLayout
{
	text-align: center; 
	background-position: center;
	background-color: #e0e6b6;
}
#main {
	text-align: left; 
	width:960px;
	margin: 0px auto;
	border: 1px solid #92a83c;
	/* background-image: url(../app_themes/RefuelSpav2/images/RootBG.jpg);
	background-repeat: repeat-y; */
}
.Logo {
	margin-left:0px;
	margin-top:0px;
	width:200px;
	height:150px;
	margin-bottom:0px;
	float:left;
	display:inline;

}

/*# Layout Styles / CS4 Generated #*/

#Header {
	margin-left:0px;
	margin-top:0px;
	width:960px;
	height:175px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background-image: url(../app_themes/RefuelSpav2/images/Layout/HeaderBG.jpg);
	overflow:hidden;

}
#HorizontalSpacer
{
	margin-left:0px;
	margin-top:0px;
	width:960px;
	height:57px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background-image: url(../app_themes/RefuelSpav2/images/Layout/HorzSpacerBG.jpg);
	overflow:hidden;

}
#VerticalSpacer
{
	margin-left:0px;
	margin-top:0px;
	width:57px;
	height:214px;
	margin-bottom:0px;

	background-color: #f4f5d5;
	background-image: url(../app_themes/RefuelSpav2/images/Layout/VertSpacerBG.jpg);
	background-repeat: no-repeat;
	overflow:hidden;

}
#Navigation {
	margin-left:0px;
	margin-top:0px;
	width:208px;
	height: 459px;
	margin-bottom:0px;
	background-image: url(../app_themes/RefuelSpav2/images/Layout/SideNav.jpg);
}
#LeftSidebar {
	margin-left:0px;
	margin-top:0px;
	width:208px;
	margin-bottom:0px;
	background-color: #ffffff;
	background-image: url(../app_themes/RefuelSpav2/images/Layout/SidebarBG.jpg);
	background-repeat: repeat-y;
}
#ContentContainer
{
	background-color: #f4f5d5;
	width: 960px;
}

.Content {
	margin-left:0px;
	margin-top:0px;
	width: 695px;
	margin-bottom:0px;
	float:left;
	display:inline;
	background-color: #f4f5d5;
	overflow:hidden;
}

#Footer {
	color: #000000;
	text-align: center;
	background-color: #ffffff;
	width:960px;
	padding-top:0px;
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	background-image: url(../app_themes/RefuelSpav2/images/Layout/FooterBG.jpg);
	background-repeat: no-repeat;
	float:left;
	display:inline;

}


/*# Menu #*/

/*# Menu / Horizontal #*/
.HMenuLayout 
{ 
	FONT-SIZE: 16px; 
	FONT-FAMILY: Tahoma; 
	border: none;
	margin-left: 200px;
}


.HMenuLayout UL 
{ 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px; 
	WIDTH: 100%; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none;
}

.HMenuLayout LI 
{ 
	/* Set the Menu Item Border Color */
	FLOAT: left; 
	DISPLAY: inline; 
}

.HMenuLayout a, .HMenuLayout A:hover, .HMenuLayout a:active, .HMenuLayout a:visited
{ 
	DISPLAY: block; 
	PADDING-RIGHT: 10px; 
	PADDING-LEFT: 10px; 
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px; 
	MARGIN: 0px; 
	COLOR: #387b47; /* Set the font color of the menu item text */
	TEXT-DECORATION: none;
}

.HMenuLayout A:hover 
{ 
	COLOR: #f99324; 
}

.HMenuLayout UL UL 
{ 
	Z-INDEX: 500; 
	WIDTH: 168px; 
	POSITION: absolute;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	border-right: solid 2px #000000;
	border-bottom: solid 2px #000000;	
	background-color: #cdcd5f;
}


.HMenuLayout UL UL LI 
{ 
	CLEAR: left; 
	DISPLAY: block; 
	POSITION: relative;
	border-bottom: solid 1px #000000;
}
.HMenuLayout ul ul a
{
	width: 150px;
	padding-right: 10px;
	padding-left: 10px;
}

.HMenuLayout UL UL UL 
{ 

	LEFT: 90%; 	
	TOP: -1px;
	width: 168px;
}


/* Do not change to following styles */
.HMenuLayout UL UL 
{ 
	DISPLAY: none 
}

.HMenuLayout UL LI:hover UL UL 
{ 
	DISPLAY: none 
}

.HMenuLayout UL UL LI:hover UL UL 
{ 
	DISPLAY: none 
}

.HMenuLayout UL LI:hover UL 
{ 
	DISPLAY: block; 
}

.HMenuLayout UL UL LI:hover UL 
{ 
	DISPLAY: block 
}

.HMenuLayout UL UL UL LI:hover UL 
{ 
	DISPLAY: block 
}

/*# Menu / Vertical #*/
.VMenuLayout
{ 
	margin: 0px 0px 0px 30px; 
	padding: 0px 0px 0px 0px;
	WIDTH: 150px; /* Set the size of the main menu */
	border: none; /* Set menu border */
	FONT-SIZE: 12px; 
	FONT-FAMILY: Arial; 
	line-height: 30px;
}

.VMenuLayout UL 
{ 
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.VMenuLayout LI 
{ 
	POSITION: relative; 
	FLOAT: left; 
	WIDTH: 150px;
}

.VMenuLayout A 
{ 
	COLOR: #92a83c;		/* Set the color of the link font */ 
	font-weight: bold;	/* Optional */
	font-size: 16px;
	TEXT-DECORATION: none; 
	PADDING-TOP: 2px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 10px; 
	PADDING-BOTTOM: 2px; 
	BACKGROUND-POSITION: 0px 50%; 
	DISPLAY: block; 
	MARGIN: 0px; 
	BACKGROUND-REPEAT: no-repeat; 
}

.VMenuLayout ul A:hover 
{ 
	COLOR: #60421c; 
}

.VMenuLayout UL UL 
{ 
	border: #c2c2c2 1px solid; /* Set the border for the sub-menus */
	WIDTH: 200px;		/* Set the max size of the sub-menus */ 
	background-color: #f4f5d5;
	Z-INDEX: 500; 
 	LEFT: 80%;
	POSITION: absolute; 
	TOP: -1px 
}

.VMenuLayout ul ul li
{
	width: 100%;
}

.VMenuLayout ul ul a
{
	font-size: 14px;
}

.VMenuLayout ul ul A:hover 
{ 
	BACKGROUND: #92a83c no-repeat 0px 50%; 
	COLOR: white; 
}

/* do not change the following styles */
.VMenuLayout UL UL 
{ 
	DISPLAY: none 
}

.VMenuLayout UL LI:hover UL UL 
{
	DISPLAY: none 
}

.VMenuLayout UL UL LI:hover UL UL 
{ 
	DISPLAY: none 
}

.VMenuLayout UL LI:hover UL 
{ 
	DISPLAY: block 
}

.VMenuLayout UL UL LI:hover UL 
{ 
	DISPLAY: block 
}

.VMenuLayout UL UL UL LI:hover UL 
{ 
	DISPLAY: block 
}

/*# Menu / My Account Menu #*/
.myAccMenu .TabsHeader
{
	border-bottom: solid 1px #FF6500;
	margin-right: 15px;
	margin-bottom: 20px;
}
/*# Web Part Styles #*/
/*# Web Part Styles / Sliders #*/
.Slider
{
}

.Pager
{
	display: none;
}

.PagerPage
{
	float: left;
}

/*# Site Classes #*/
/*# Site Classes / General #*/
.LeftContentImage
{
	float: left;
	margin-right: 15px;
	margin-bottom: 0px;
	border: solid 1px #000000;
}


.floatimgleft
{
	float: left;
	margin-right: 15px;
	margin-bottom: 7px;
}

.floatimgleftborder
{
	float: left;
	padding-right: 15px;
	padding-bottom: 7px;
	border: solid 1px #000000;
}

.imgborder
{
	border: solid 1px #000000;
}
/*# Document Styles #*/
/*# Document Styles / Staff #*/
.StaffMemberPage
{
	margin: 10px;
}

.StaffMemberImage
{
	float: left;
}

.StaffMemberDetails
{
	float: left;
	margin: 0px 10px;
}

.StaffMemberDetails h2
{
	margin-top: 0px;
}

/*# Document Styles / News #*/
.NewsPod
{
	margin-top: 20px;
	background-color: #EFF0C3;
	width: 165px;
	font-size: 10px;
	line-height: 15px;
}

.NewsPod .Title
{
	color: #92a83c;
	font-size: 14px;
	font-weight: bold;
}

.NewsContent
{
	height: 200px;
	overflow-y: scroll;
	overflow-x: hidden;
	border: solid 3px #92a83c;
}

.newsItem
{
	margin: 5px 10px;
}
/*# Document Styles / Services #*/
.Service
{
	margin-left: 25px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	width: 300px;
}

.ServiceLineItem
{

}

.LineItemDescription
{
	width: 200px;
}

.LineItemPrice
{
	width: 100px;
	font-weight: bold;
}
/*# Document Styles / Left Sidebar #*/
.Links
{
	margin-top: 30px;
	margin-left: 0px;
	margin-right: 10px;
}

.Links h3
{
	font-size: 14px;
}

.Links a, .Links a:active, .Links a:link
{
	color: #fabb2f;
}

/*# Document Styles / Contact Info #*/
.ContactInfo
{
	margin-top: 40px;
	margin-left: 40px;
}

.Address
{
	margin-top: 20px;
	margin-bottom: 5px;
}

.Phone
{
	margin: 5px 0px;
}

.Email
{
	margin: 5px 0px;
}

.HoursOfOperation
{
	margin: 5px 0px;
}


/*# Site Classes / SartyShop Classes #*/
.ContentPadding
{
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 5px;
}

.TextContent
{
	line-height: 20px;
}

.PromoContainer
{
	margin: 30px auto;
}

/*# Site Classes / Custom Classes #*/
.CartLinks
{
	float: right;
	color: #000000;
	margin-top: 5px;
}
.CartLinks a, CartLinks a:active, CartLinks a:hover, CartLinks a:visited
{
	color: #000000;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.ShoppingCartIcon
{
	/* display: none; */
}


.QuickSearch
{
	float: right;
	margin-right: 5px;
	margin-bottom: 20px;
}

.SearchButton
{
	margin-left: 5px;
}

.PromoBanner {
	margin-left:29px;
	margin-top:12px;
	width:700px;
	height:115px;
	margin-bottom:0px;
	float:left;
	display:inline;

}

/*# Ecommerce Styles #*/
.ProductBox
{
	border: solid 1px #000000;
	vertical-align: top;
	padding: 10px;
	background-color: #ffffff;
}

.ProductPreview .ProductBox
{
	height: 300px;
}
.ProductTitle
{
}

.ProductImage
{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.AddToCart
{
	text-align: right;
	margin-top: 10px;
}

/*# Ecommerce Styles / Product Preview #*/
.ProductPreview
{
	padding: 3px;
	width: 330px;
}

.ProductPreview .ProductBox
{

}

/*# Ecommerce Styles / Product Detail #*/

.ProductDetails
{
	line-height: 18px;
}

.ProductDetails .AddToCart
{
	line-height: 22px;
}

/*# Ecommerce Styles / Cart #*/
.shoppingCart
{
	width: 665px;
	margin: 0px 15px;
}

/*# Ecommerce Styles / My Account #*/
.MyAddresses
{
	width: 665px;
	margin: 0px 15px;
}

/*# Page Styles #*/

/*# Page Styles / Home Page #*/
.ImagePods
{
	background-color: #b4c371;
	width: 460px;
	height: 293px;
	padding: 6px;
}

.PortraitPod .Content
{
	background-color: #b4c371;
}

.PortraitPod img
{
	border: solid 6px #92a83c;
	margin-left: 6px;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 0px;
	display: block;
}

.TopLandscapePod img
{
	border: solid 6px #92a83c;
	margin-left: 3px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 2px;
}
.BottomLandscapePod img
{
	border: solid 6px #92a83c;
	margin-left: 3px;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 0px;
}