﻿body
{
    font-family: Verdana, Arial, Tahoma, Microsoft Sans Serif;
    font-size: 11px;
    font-weight: normal;
    margin: 0px;
    background-color: #44670E;
}

h1, h2, h3, h4
{
    color: #526D10;
}

h1
{
    font-size: 24px;
}

h2
{
    font-size: 20px;
}

h3
{
    font-size: 16px;
}

h4
{
    font-size: 12px;
    margin-top: 15px;
}

p
{
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin-top: 12px;
    margin-bottom: 12px;
}

p.InnerHead
{
    font-size: 11px;
    color: black;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 8px;
}

.BlockCenter
{
    margin-left: auto;
    margin-right: auto;
}

.PagingText
{
    font-size: 10px;
    font-weight: bold;
    color: #CC000F;
}

.LanguageSwitching a
{
    text-decoration: none;
    font-weight: bold;
    color: #CC000F;
}

.BreadCrumb
{
    font-size: 11px;
    font-weight: normal;
    color: #1b9e06;
}

.CategoryNavListHeader
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    color: silver;
    background-color: #800000;
    text-align: center;
}

.CategoryNavListContent
{
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    background-color: #ffffff;
    text-align: center;
    width: 160px;
    margin: 10px;
}

.CategoryNavListItem
{
    text-decoration: none;
}

.CategoryListHeader
{
    font-weight: bold;
}

.CategoryListItem
{
    vertical-align: bottom;
}

.CategoryListContent
{
    width: 100%;
}

.CategoryListName
{
    color: #CC000F;
}

.CategoryListDescription
{
}

.ProductListHeader
{
    font-weight: bold;
}

.ProductListItem
{
    vertical-align: bottom;
}

.ProductListContent
{
    width: 100%;
}

.ProductListName
{
    color: #CC000F;
}

.ProductListName a { color: #FF5487; text-decoration:none; }

.ProductListDescription
{
}

.ProductDetailsName
{
    color: #000000;
    font-weight: bold;
}

.ProductDetailsShortDescription
{
    font-weight: bold;
}

.ProductDetailsLongDescription
{
}


td.ShippingAddressLabelColumn
{
    padding: 0px 30px 0px 10px;
    font-weight: bold;
    color: #000000;
    text-align: left;
}

td.ShippingAddressDataColumn
{
    padding: 0px 30px 0px 10px;
    text-align: left;
}

.GridRowStyle
{
    background-color: #ececec;
}

.GridHeadStyle
{
    background-color: #fdeb6b;
    font-weight: bold;
    color: #000000;
}

.TableHead
{
    background-color: #7FB813 ;
    color:  Black;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.TableHeadBorder
{
    background-color: #5C811A;
    color: Black;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.TableAlter
{
    background-color: #ececec;
}

.TableRow
{
    background-color: #ffffff;
}

.tableAdvancedSearch
{
    border-right: silver 1px solid;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
}

.tableAdvancedSearch td
{
    width: 25%;
}

.titleLayout
{
    font-weight: bold;
    color: #ff9900;
    text-decoration: none;
    padding-left: 5px;
}

.LinkLayoutHead
{
    font-weight: bold;
}

.LinkLayoutHead a
{
    color: #000000;
    text-decoration: none;
}

.LinkLayoutHead a:Hover
{
    text-decoration: underline;
    color: #fdeb6b;
}

.LinkCategory a
{
    text-decoration: none;
}

.LinkCategory a:hover
{
    text-decoration: none;
}

.NoBorder
{
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.AlternateRow
{
    background-color: #EEEEEE;
}

.NoteText
{
    font-weight: bold;
    color: blue;
}

.leftlink
{
    text-align: left;
}

.ValidateText
{
    color: red;
}

.ErrorHeader
{
    color: Red;
    font-weight: bold;
}

.ErrorBody
{
    color: Red;
    font-weight: normal;
}

.LoginName
{
    font-weight: bold;
    color: #000;
}

.LogOutText
{
    font-weight: bold;
    color: white;
}

.TextCenter
{
    text-align: center;
}

.PageNumber
{
    text-align: right;
    margin-left: auto;
    margin-right: 10px;
}

.CssList
{
    list-style-image:   url(Images/Design/VevoMyAccountBullet.png);
}

.CssNoLine
{
    text-decoration: none;
}

.TextHide
{
    color: white;
}

.NewsBar
{
    background-image:   url(Images/Design/NewsBar.png);
    background-repeat: repeat-x;
    height: 14px;
}

/*Edit Option of Product*/
.OptionPrice
{
    color: #800000;
    font-style: italic;
}

.OptionItemName
{
}

.OptionDisplayText
{
    font-weight: bold;
    color: #3333ff;
}

/**** For image option front end ****/
.OptionImg
{
    width: 20px;
}
.NewsDate a
{
    color: #f26522;
    margin-right: 5px;
    text-decoration: none;
}

.NewsText a
{
    color: #6b6bad;
    text-decoration: none;
}

.NewsMore a
{
    color: #fdeb6b;
    text-decoration: none;
}

span.Asterisk
{
    color: Red;
    font-weight: bold;
}

h1.GatewayPosting
{
    margin: 30px;
    text-align: center;
    font-size: 24px;
}

p.GatewayPosting
{
    margin: 20px;
    font-size: 16px;
    text-align: center;
}

body.DomainKeyError
{
    font-size: 14px;
}

body.DomainKeyError p
{
    font-size: 14px;
}

body.DomainKeyError li
{
    margin-top: 10px;
    margin-bottom: 10px;
}

div.GroupBox
{
    border-right: #cccccc 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    background-color: #f9f9f9;
    padding: 10px;
}

.TableClientHead
{
    background-color: #3399cc;
    color: white;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
    padding-top: 4px;
}

.Cssrating td
{
    width: 30px;
    text-align: center;
}

.RightFloat
{
    float: right;
    vertical-align: middle;
}

Div.MainContent
{
    margin-left: 10px;
    margin-right: 10px;
}

div.Header{ width:984px; margin:0px auto; background-color:White;}
div.Center{ width:984px; margin:0px auto;background-color: White;}
div.Footer{ width:984px; margin:0px auto; vertical-align:top;}

/*--------------- Header Logo and Login ----------------*/
div.CssHeaderLogo { width:100%; display:table; height: 150px; color:Black; }
div.CssHeaderLogo a { color: Black; }
div.CssHeaderLogo .CssHeaderLogoImage { margin:10px auto auto 10px; }
div.CssHeaderLogo .CssHeaderLogoLogin { margin:10px 10px auto auto; }
/*--------------- Header Logo and Login End ----------------*/


/*--------------- Header Menu --------------------*/

div.CssHeaderMenu { width:100%; display:table; background-image:   url(../../Images/Design/MenuButtonBackground.png); background-repeat: repeat-x; height:23px; text-align:center; }
div.CssHeaderMenu ul { padding:0px; margin:0px auto; list-style: none; }
div.CssHeaderMenu li { display:inline}
div.CssHeaderMenu div.line { width:1px; float:left; height:22px; font-size:1px; }
div.CssHeaderMenu div.button{background-image:   url(../../Images/Design/MenuButton.png);
    background-repeat: repeat-x;
    height:22px;
    color:White;
    font-weight:bold;
    text-align:center;float:left; vertical-align:bottom; }
div.button a { color: White; text-decoration: none;}
div.button div { margin-top:4px; }
div.CssHeaderMenu div.title{background-image:   url(../../Images/Design/MenuButton.png);
    background-repeat: repeat-x;
    height:22px;
    color:White;
    font-weight:bold;
    text-align:left; float:left;}
div.CssHeaderMenu div.titletext { margin:4px auto auto 15px;  }

/*--------------- Header Menu End --------------------*/

div.CssHeaderSearch { background-image:   url(../../Images/Design/SearchBar.png);
    background-repeat: repeat-x;
    height:31px; width:100%; display:table; }
div.CssHeaderSearchLangSwitch { float:right; margin:4px 2px auto auto; }

/*--------- Search Box --------------*/

div.CssHeaderSearchBox { float:left;  }
div.CssHeaderSearchBox img { border:none; }
div.CssHeaderSearchBox a { color:Black; }
div.CssHeaderSearchBox div.CssSearchLink {margin:7px auto auto 10px;  }

div.CssSearchText { color: Black; float:left; margin:7px 5px auto 5px; }
.CssTextSearch{ float:left; margin:3px 5px auto 5px; width:140px; }
.CssTextButton{ float:left; margin:5px 5px auto 5px;}

div.CssSearchBox { margin:0px auto 0px 20px;  }

/*--------- Search Box End --------------*/


/*---------  Footer ---------------*/
div.CssFooterBar { height:15px; background-color:#2aa409; text-align:center; color:White; }
div.CssFooterBar a { color: White; }
div.CssFooterBarYellow { background-image:   url(../../Images/Design/FooterYellowBar.png);
    background-repeat:  repeat-x;
    height:30px;
    color:#1b9e06 ; width:100%; text-align:center; vertical-align:middle;}
   
div.CssFooterBarYellow div { padding-top:7px;}
/*---------- Footer End ------------*/

#topMenu{ margin:0px auto; }
#topMenu a {color: White; font-weight: bold; text-decoration: none;}
#topMenu td { text-align:center; width:150px; }

.CssFooterBlackBar{
	background-color: Black;
	color: White;
	text-align:center;
	vertical-align: middle;
	width: 100%;
	height: 26px;}

.CssFooterBlackBar a{color: White;}
.CssBlueBar {
	background-image:   url(../../Images/Design/FooterBlueBar.png);
	background-repeat: repeat-x;		
	width:  100%;
	height: 40px;
	text-align:center;
	vertical-align: middle;	
	color: Black; }
	
.CssBgLeftBar
{
  background-image:  url(../../Images/Design/bgLeftBar.png); background-repeat:repeat-y; width:3px; height:30px;   vertical-align:top;
}	
.CssBgRightBar
{
  background-image:  url(../../Images/Design/bgRightBar.png); background-repeat:repeat-y; width:3px; vertical-align:top;  
}

.titleLayout
{
    font-weight: bold;
    color: #444444;
    text-decoration: none;
}

div#TitleTodaySpecial { background-image:  url(../../Images/Design/iconTodaySpecial.gif); background-repeat:no-repeat; height:22px; padding-left:35px; padding-top:5px; margin:5px auto auto 5px;}
div#TitleCategories { background-image:  url(../../Images/Design/iconCategories.gif); background-repeat:no-repeat; height:22px; padding-left:35px; padding-top:5px; margin:5px auto auto 5px;}
div#TitleInformation { background-image:  url(../../Images/Design/iconInformation.gif); background-repeat:no-repeat; height:22px; padding-left:35px; padding-top:5px; margin:5px auto auto 5px;}
div#TitleSearch { background-image:  url(../../Images/Design/iconSearch.gif); background-repeat:no-repeat; height:22px; padding-left:35px; padding-top:5px; margin:5px auto auto 5px;  }
div#TitleShoppingCart { background-image:  url(../../Images/Design/iconproduct.gif); background-repeat:no-repeat; height:22px; padding-left:40px; padding-top:5px; margin:5px auto auto 5px;  }
div#TitleCoupon {background-image:  url(../../Images/Design/iconCoupon.gif); background-repeat:no-repeat; height:22px; padding-left:40px; padding-top:0px; margin:5px auto auto 5px;  }
div#TitleNewsletter { background-image:  url(../../Images/Design/iconNewsletter.gif); background-repeat:no-repeat; height:22px; padding-left:40px; padding-top:0px; margin:5px auto auto 5px;  }
div#TitleCurrency { background-image:  url(../../Images/Design/iconCurrency.png); background-repeat:no-repeat; height:22px; padding-left:40px; padding-top:5px; margin:5px auto auto 5px; }
div#TitleNews { background-image:  url(../../Images/Design/iconNews.gif); background-repeat:no-repeat; height:22px; padding-left:40px; padding-top:5px; margin:5px auto auto 5px; display:table; }

/*----------------- Categories List ---------------*/
ul.ListCategories { padding-left:0px; list-style:none; margin:5px auto auto 10px; }
ul.ListCategories li { background-image:  url(../../Images/Design/ListBullet.png); background-repeat:no-repeat;
     background-position:0px 2px; line-height:12px; padding-left:15px; color:#595959;text-decoration: none; }
ul.ListCategories a { color:#595959;text-decoration: none; }
/*----------------- Categories List End ---------------*/

.CssLine {background-image:   url(../../Images/Design/dot_hor.gif); height:1px; background-repeat:repeat-x; font-size:1px; display:block;}

.CssImage { text-align:center; }
.CssImage img { border:none; }

.CssDiscountText
{
    font-weight:bold;
    text-align:center;
    color: #fcb61b;    
    
}
	
.CssTextSideBar { float:left; margin:7px auto auto 10px; border:solid 1px Black; 
	width:120px;  }	
	


.CssShoppingCartBox
{
    margin: 15px auto auto 30px;
}
.CssShoppingCartQuantity
{
    color:Black; text-decoration: none;   
}
.CssShoppingCartAmount
{
    color:Black;
	text-decoration: none;     
}

.CssShoppingCartLink { width:200px; margin:10px auto 0px 10px; display:table; text-align:center;}

.CssShoppingCartLink a
{
     float:left; color:Black; text-decoration: none; margin:3px auto; 
}
.CssShoppingCartLink img
{
     float:left; margin:auto 5px;
}

.CssNewsletterDes
{
    margin:0px auto auto 10px;   
}

.CssCurrencyDrop { text-align:center; margin:10px auto 0px auto;  }

/*------------------- CssSideBox ----------------*/

.CssSideBox { width:217px; margin:10px auto 0px auto; }

.CssSideBoxTitle {color: #1b9e06;font-weight:bold; margin:0px auto 10px 20px; }

.CssSideBoxTop { display:table; margin:0px;}
.CssSideBoxTop div { font-size:4px; float:left; height:16px; display:inline; }
.CssSideBoxTopLeft { background-image:   url(../../Images/Design/BoxTopLeft.png);
	background-repeat: no-repeat; width:  15px;}
.CssSideBoxTopCenter { background-image:   url(../../Images/Design/BoxTopCenter.png);
	background-repeat: repeat-x; width: 186px;}
.CssSideBoxTopRight { background-image:   url(../../Images/Design/BoxTopRight.png);
	background-repeat: no-repeat;width:  16px; }
	
.CssSideBoxCenter{ border-left:solid 1px #83B714; border-right:solid 1px #83B714; width:215px; background-color:White; margin:0px; display:table; }

.CssSideBoxBottom { display:table;  }
.CssSideBoxBottom div { font-size:4px; float:left; }
.CssSideBoxBottomLeft {	background-image:   url(../../Images/Design/BoxBottomLeft.png);
	background-repeat: no-repeat;		
	width:  15px;
	height: 16px; }
.CssSideBoxBottomCenter { width: 187px;
	height: 16px;
	background-image:   url(../../Images/Design/BoxBottomCenter.png);
	background-repeat: repeat-x;	 }
.CssSideBoxBottomRight { background-image:   url(../../Images/Design/BoxBottomRight.png);
	background-repeat: no-repeat;		
	width:  15px;
	height: 16px; }

/*------------------- CssSideBox End ----------------*/


/*------------------- CssMainBox ----------------*/

.CssMainBox { width:500px; margin:10px auto 0px auto; }

.CssMainBoxTitle {color: #1b9e06;font-weight:bold; margin:0px auto 10px 20px; }

.CssMainBoxTop { display:table; margin:0px;}
.CssMainBoxTop div { font-size:4px; float:left; height:16px; display:inline; }
.CssMainBoxTopLeft { background-image:   url(../../Images/Design/BoxTopLeft.png);
	background-repeat: no-repeat; width:  15px;}
.CssMainBoxTopCenter { background-image:   url(../../Images/Design/BoxTopCenter.png);
	background-repeat: repeat-x; width: 469px;}
.CssMainBoxTopRight { background-image:   url(../../Images/Design/BoxTopRight.png);
	background-repeat: no-repeat;width:  16px; }
	
.CssMainBoxCenter{
	border-left: solid 1px #83B714;
	border-right:solid 1px #83B714;
	width:498px;
	background-color:White;
	margin:0px;
	display:table;
}

.CssMainBoxBottom { display:table;  }
.CssMainBoxBottom div { font-size:4px; float:left; }
.CssMainBoxBottomLeft {	background-image:   url(../../Images/Design/BoxBottomLeft.png);
	background-repeat: no-repeat;		
	width:  15px;
	height: 16px; }
.CssMainBoxBottomCenter { width: 470px;
	height: 16px;
	background-image:   url(../../Images/Design/BoxBottomCenter.png);
	background-repeat: repeat-x;	 }
.CssMainBoxBottomRight { background-image:   url(../../Images/Design/BoxBottomRight.png);
	background-repeat: no-repeat;		
	width:  15px;
	height: 16px; }

/*------------------- CssSideBox End ----------------*/





/* ------------ News Link More ------------------*/
.CssNewsMoreLink { text-align:right; display:table; margin:auto 5px auto auto; width:42px; }	
.CssNewsMoreLink a {color: #777777;	
	text-decoration: none; width:42px; height:19px; background-image:  url(../../Images/Design/More.gif); background-repeat:no-repeat; display:block; }
	
.CssNewsBoxCenterDate a{ color: Red; text-decoration:none; }
.CssNewsBoxCenterText a{ color: #868686; }	
/* ------------ News Link More End ------------------*/


div#uxNewsTable{ display:table; }	

.DefaultBanner { margin:5px auto; }
.DefaultBanner img { border:none; }


/*------------Random Product------------------*/
.CssProductBoxTopLeft
{
	background-image:   url(../../Images/Design/productTopLeft.png);
	background-repeat: no-repeat;	
	width:  4px;
	height: 4px;	

}
.CssProductBoxTopCenter
{
	background-image:   url(../../Images/Design/productTopCenter.png);
	background-repeat: repeat-x;
	height: 4px;
	width:260px;}

.CssProductBoxTopRight
{
	background-image:   url(../../Images/Design/productTopRight.png);
	background-repeat: no-repeat;
	width:  4px;	
	height:4px;
}

.CssProductBoxLeftBar
{
	background-image:   url(../../Images/Design/productLeftBar.png);
	background-repeat: repeat-y;	
	width:  4px;			
}

.CssProductCenter
{
	background-color: White;			
}

.CssProductBoxRightBar
{
	background-image:   url(../../Images/Design/productRightBar.png);
	background-repeat: repeat-y ;	
	width:  4px;			
}

.CssProductBoxBottomLeft
{
	background-image:   url(../../Images/Design/productBottomLeft.png);
	background-repeat: no-repeat;	
	width:  4px;	
	height: 4px;	
}
.CssProductBoxBottomCenter
{
	background-image:   url(../../Images/Design/productBottomCenter.png);
	background-repeat: repeat-x;
	height: 4px;	
	width: 260px;
}

.CssProductBoxBottomRight
{
	background-image:   url(../../Images/Design/productBottomRight.png);
	background-repeat: no-repeat;
	width:  4px;
	height: 4px;	
}
/*--------------------- End Random Product -------------------*/

.NewsContent { text-align:left; padding-left:10px; }
.CssNewsHeaderTable { text-align:center; background-color:#CEC75C; /*border: #000000 1px solid;*/ }