/* @charset "utf-8" vibe commented out */

body {
    font-size: 14px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/*background: #444444;*/
	background-image:url("images/flag.jpg"); 
	background-repeat:no-repeat;
	background-size:100% 100%;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.oneColLiqCtrHdr #container {
	width: 950px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #title {
	height:106px;
	width: 950px;  /* this will create a container 80% of the browser width */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: right; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColLiqCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColLiqCtrHdr #logodiv{
    float:left;
    width: 242px;
    height: 106px;
    padding:0;
    border:0;
}
.oneColLiqCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
	width: 910px; /* vibe */
	float:left; /* vibe */
}
.oneColLiqCtrHdr #footer { 
    font-size: 11px;
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
	clear: both; /* vibe */
} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#horizNav2
{
    clear: both;
    background-image:url("images/menu.jpg");
    /*background: #EFEEEE url(images/searchbar.gif) repeat-x left center;*/
    background-color: #FFF;
    width: 950px;
    height: 30px;
    color: #fff;
    padding: 0;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    border-bottom: solid 1px #F0EFEF;
    font-size: 17px;
    position: relative;
    z-index: 900000;

}
#horizNav2 a:active, #horizNav2 a:link, #horizNav2 a:visited
{
    color: #fff;
    text-decoration: underline;
}
#horizNav2 a:hover
{
    color: #fff;
}
#horizNav2 span
{
    color: #fff;
    font-weight: bold;
    font-size: 1.2em;
    float:left;
}
#horizNav2 form label
{
    color: #fff;
}
#horizNav2 form
{
    float: left;
    padding: 0 1em 0 1em;
    width: auto;
}
#horizNav2 fieldset
{
    width: 210px;
}

#horizNav2 ul
{
    float: left;
    padding: 0 1em;
}
#horizNav
{
    text-align: left;
    width: 580px;
    padding-left: 10px;
    float: left;
    line-height: 23px;
    height: 23px;
    /*background: #699EDC url(images/nav-bg.gif) repeat;
    border-top: solid 1px #888;
    border-bottom: solid 1px #888;*/
    position: relative;
    z-index: 900000;
}

/**************MINICART*******************/

#divMiniCart
{
	/*background-color:#E2E3E3;*/
	background-image: url(images/cartback.jpg);
	position:relative;
	z-index:900001;
}

.miniCartCollapseHeaderPanel
{
	text-align: right; 
	padding-bottom : 2px; 
	width: 300px; 
/*	font-size: 8pt;	*/
	position:relative;
	z-index:900001;
}

.miniCartCollapseBody
{
	width: 300px; 
/*	font-size: 8pt;*/
	height : 0px;
	overflow:hidden;	
	position:relative;
	z-index:900001;
}

.mini_cart
{
	color : #000000;
/*	font-size : 10px;*/
	width: 100%; 
	border: solid 1px #444444;
	position:relative;
	z-index:900001;
}

.mini_cart .cart_header
{
	position:relative;
	z-index:900001;
}

.mini_cart .cart_header td
{
	color:#FFFFFF;
	background: #699EDC url(images/nav-bg.gif) repeat;
	padding:3px 3px 3px 3px;
	position:relative;
	z-index:900001;
}

.mini_cart .cart_items
{
	padding-top: 5px; 
	padding-bottom: 5px; 
	padding-left:5px; 
	padding-right:5px
	position:relative;
	z-index:900001;
}


a.Checkout_Minicart
{
    color: Blue;
    font-weight: bold;
	position:relative;
	z-index:900001;
}

.minicart_minimumQty
{
	color: #ff0000;
	font-style: italic;
	position:relative;
	z-index:900001;
}

.minicartimg img
{
	width:75px;
	height:75px;
	position:relative;
	z-index:900001;
}

#divMiniCart input[type='text']
{
	 border:1px solid #A7A6AA;	
	position:relative;
	z-index:900001; 
}

/*****************************************/
/*		ASP.Net Menu Styles				 */
/*****************************************/
.aspnetMenu_Level1
{
    color: #fff;
    font-weight: normal;
    font-size: 11pt;
    cursor: hand;
    cursor: pointer;
    margin:0px;
    padding: 0 1em!important;
    line-height: 23px;
    vertical-align:middle;
    height: 23px;    
}

.aspnetMenu_Level2
{
    color: #fff;    
    font-size: 11pt;
    line-height: 30px;
    padding: 2px;
    font-weight: bold;
}


/*
	These are the standard styles for the asp.net menu. It follows a naming convention for everything to work properly.
	The format is {MenuId}_WhatEverStyle. 
*/
.aspnetMenu_StaticSelectedStyle
{
    color: #000000;
}

.aspnetMenu_StaticMenuItemStyle
{
}

.aspnetMenu_StaticMenuItemStyle a:active, 
.aspnetMenu_StaticMenuItemStyle a:link, 
.aspnetMenu_StaticMenuItemStyle a:visited,
.aspnetMenu_StaticMenuItemStyle a:hover
{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	cursor: hand;	
}

.aspnetMenu_DynamicSelectedStyle
{
    background: #cccccc;

       
}

.aspnetMenu_DynamicMenuItemStyle
{
	background-image: url(images/menu.jpg);
    border: 0px;
    font-size: 9pt;   
   
}

/* 
	These are dynamic styles that can't be declared on the template.ascx, name needs to follow convention instead.	
*/

.aspnetMenu_StaticHoverStyle Hover
{
	color: #ffffff;
	font-size: 19pt;
	background-color:#006

}

.aspnetMenu_DynamicHoverStyle
{
	background: #DDDEE0;
    border:0;
    font-size: 9pt;    

}


.aspnetMenu_DynamicMenuItemStyle a:active,
.aspnetMenu_DynamicMenuItemStyle a:link,
.aspnetMenu_DynamicMenuItemStyle a:visited
{
    font-size: 9pt;
	color: #000000;
	line-height: 15pt;
    padding-left: 4px;
    padding-right: 50px;
    width: 100%;
    text-decoration: none;

    
    
}
.aspnetMenu_StaticMenuItemStyle:hover,
.aspnetMenu_StaticMenuItemStyle:hover a,
.aspnetMenu_DynamicMenuItemStyle:hover,
.aspnetMenu_DynamicMenuItemStyle:hover a
{

}

.aspnetMenu_DynamicMenuItemStyle a:hover
{
	text-decoration:underline;
    color: #4776BD;

}

.aspnetMenu_DynamicMenuStyle
{

}

.address_main
{
	padding-top:5px;
}

.addressdatalist
{
    border: 1px solid rgb(90, 90, 90);
    width: 100%; 
    border-collapse: collapse; 
}

.addaddresstbl
{
    border: 1px solid rgb(90, 90, 90);
    width: 100%; 
    border-collapse: collapse;     
    padding:0px;
}

.addressbuttonbg
{
    background-color: #F5F5F5;
    text-align:center;
    height:30px;    
}

.addressbuttonbg_header
{
	border-bottom:solid 1px #ccc;
}

.addressbuttonbg_footer
{
	border-top:solid 1px #ccc;
}

.addressEdittbl
{
    border:solid 1px #ccc; 
    margin: 5px 0px 5px 0px;    
}

.addressCardPanel
{
    border:solid 1px rgb(90, 90, 90);      
}

.addresseditctrl
{
    padding: 10px 0px 10px 10px;        
}

.addressaddctrl
{
    padding: 10px 0px 10px 10px;    
}

.addressfooter
{
    padding: 5px 0px 5px 10px;
    margin-top: 10px;
    background-color:#F5F5F5;  
    border:solid 1px #ccc;       
}

.addressdatalist_header
{
	background:transparent url('images/addressbook.gif') no-repeat scroll left bottom;
	height:22px;	
	width:190px;
}

.addressImagebuttons
{
    width:70px;
    padding-right:50px;
    vertical-align:top;
}

.addressPaymentMethodtbl
{
    background-color:#cccccc;
    width:100%    
}

.addressLabel
{
    padding-right:10px;    
}

/*SHIPPING METHOD CONTROL*/
.shippingMethodErrorMessage
{
	font-weight: bold;
	color : #ff0000;
}


.shopping_cart
{
	color : #000000;
	font-size: 8pt;
	width: 100%; 
	border: solid 1px #444444; 
	padding-top:5px; 
	padding-bottom: 5px; 
	padding-left:5px; 
	padding-right:5px
}

#login
{
    margin: 0;
    padding: 0;
/*    float: right;
    font-size: 0.8em;*/
    padding-right: 15px;
}

#account
{
    margin: 0;
    padding: 0;
    float: right;
/*    font-size: 0.8em;*/
    padding-right: 15px;
}

#contact
{
    margin: 0;
    padding: 0;
    float: right;
/*    font-size: 0.8em;*/
    padding-right: 15px;
}

#cartdiv
{
	padding-top:10px;
	position:relative;
	z-index:900001;
}

#wishlist
{
    margin: 0;
    padding: 0;
/*    float: right;
    font-size: 0.8em;
    padding-right: 15px;*/
}

#loginText
{
    margin-left: 1em;
}

a.wishlist
{
    background: url(images/icons/wishlist.gif) no-repeat left bottom;
}
/*a.cart
{
    background: url(images/icons/cart.gif) no-repeat left bottom;
}*/
a.account
{
    background: url(images/icons/your-account.gif) no-repeat left bottom;
}
a.faq
{
    background: url(images/icons/faq.gif) no-repeat left bottom;
}
a.contact
{
    background: url(images/icons/contact-us.gif) no-repeat left bottom;
}
a.wishlist, a.cart, a.faq, a.contact, a.account
{
    padding: 3px 15px 3px 20px;
    /*position: relative;*/
}

a.wishlist, a.contact, a.account
{
    padding-top: 10px;
    /*position: relative;*/
}

a.account
{
    padding: 3px 0px 3px 20px;
    /*position: relative;*/
}

img
{
	border:0;
}

#AjaxShipping
{
    width: 99%;
    border: solid 1px #444;
    height: 100%;
    float: left;
    padding: 3px;
}
#AjaxShipping h4
{
    margin: 0 0 0.5em 0;
    font-weight: bold;
    font-size: 1.1em;
}
.AjaxShippingLabel
{
    width: 175px !important;
    float: left;
    font-weight: bold;
    clear: left;
}
#AjaxShipping input, #AjaxShipping select
{
    font-size: 1em;
    float: left;
}
#AjaxShippingCountry, #AjaxShippingState, #AjaxShippingZip, #AjaxShippingEstimate
{
    float: left;
    clear: left;
    border-top: solid 1px #eee;
    width: 99%;
    padding: 3px 0;
}
#ShipQuote
{
    float: left;
    margin: 0;
}
/* Set Visibility to :hidden and uncomment 'display' to turn off */
#AjaxShippingCountry
{
    visibility: visible;
    /*display:none;*/
}
#AjaxShippingState
{
    visibility: visible;
    /*display:none;*/
}