/*Super Natural Water CSS*/

/*formats the body text throughout the site*/
body{
	background-color: #D8D7FF;
	color: #666666;
	text-decoration: none;
	margin: 0px;
	font: normal 12px/18px Verdana, Arial, Helvetica;
}
form{
 margin : 0px 0px 0px;
}
h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : x-small;
	font-weight : bold;
}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : small;
	font-weight : bold;
}

/*formats the body text links throughout the site*/
.sitetext{
	font-family: Verdana, Arial, Helvetica;
	font-size : 12px;
	color: #595959;
	line-height: 18px;
	font-style: normal;
	text-decoration: none;
}
.textlink{
	font-family: Verdana, Arial, Helvetica;
	font-size : 12px;
	color: #003399;
	line-height: 18px;
	text-decoration: none;
}
.textlink:hover{
	font-family: Verdana, Arial, Helvetica;
	font-size : 12px;
	color: #FF9900;
	line-height: 18px;
	text-decoration: none;
}
.navbarbg{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
}
.navbarbg a{
display: block;
 color : Black;
 background-image : url(file:///G|/AAA%20Web%20Site/ReadyHostWebsite/Abellaliving/home/images/menu/menubg.jpg);
 border-top : 1px solid #CCCCCC;
 border-right : 1px solid #CCCCCC;
 border-left : 1px solid #CCCCCC;

}
.navbarbg a:link{
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 100%;
}
.navbarbg a:visited{
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 100%;
}
.navbarbg a:hover{
color: #B22222;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-top: 4px;
width: 100%;
}
.navbarbg a:active{
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: normal;
height: 20px;
padding-bottom: 0px;
padding-top: 4px;
text-align: center;
text-decoration: none;
width: 100%;
}
.xCellBorder{
background-color: #FFFFFF;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

.xTopCell{
background-color: #000000;
width: 100%;
}
/*formats the search box in the shoppage_header file.*/
.searchfield{
background-color: #FFFFFF;
border-bottom-color: #000000;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #000000;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #000000;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #000000;
border-top-style: solid;
border-top-width: 1px;
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
}
/*formats the display of the text boxes throughout the front end*/
.txtfield{
color: #333333;
font: bold normal small Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #666666;
background: #FFFFFF;
}
.txtfielddropdown{
	background-color: #FFFFFF;
	color: #333333;
	font: normal small Verdana, Arial, Helvetica, sans-serif;
}

/*formats the top navigation text links throughout the site*/

.topNav{
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	font: bold normal 11px/normal Verdana, Arial, Helvetica;
}

.topNav:hover{
	color: #89A4B4;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	font: bold normal 11px/normal Verdana, Arial, Helvetica;
}

/*formats the banner text under top navigation*/
.bannertext{
	font-family: Verdana, Arial, Helvetica;
	font-size : 12px;
	color: #FFFFFF;
	line-height: 16px;
	font-style: normal;
	text-decoration: none;
}
.bannertext: hover{
	font-family: Verdana, Arial, Helvetica;
	font-size : 12px;
	color: #FFFFFF;
	line-height: 16px;
	font-style: normal;
}
	
/*formats the header text throughout the site*/

.txtheader{
color: #FF6600;
font-family: Verdana, Arial, Helvetica;
font-size: 14px;
font-style: normal;
font-weight: bold;
}
.tittle{
color: #006699;
font-family: Verdana, Arial, Helvetica;
font-size: 16px;
font-style: normal;
font-weight: bold;
}
.subtittle{
color: #666666;
font-family: Verdana, Arial, Helvetica;
font-size: 14px;
font-style: normal;
font-weight: bold;
}
/*formats the text and links on the bottomof the site*/

.bottomtext{
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	font: normal 12px/17px Verdana, Arial, Helvetica;
}
.bottomtext:hover{
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	font: normal 12px/17px Verdana, Arial, Helvetica;
}

/*formats the display of the line of the manu box*/
.dashed{
	border-bottom : 1px solid #cccccc;
	background-color : #FFFFFF;
	font: normal 12px Verdana, Arial, Helvetica;
	text-decoration: none;
	color: #7f7f7f;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
/*formats the display of the text in left manu header*/
.left_menu_hdr{
	color : #FFFFFF;
	padding : 0px 0px 0px 0px;
	text-align : center;
	height: 20px;
	font: bold 10px Verdana, Arial, Helvetica;
	background: #89A4B4;
}
/*formats the display of left manu*/

/*formats the display of the divider line of the manu box*/
.leftmenumain a{
	border-top : 1px solid #D3D3D3;
	display: block;
	padding: 4px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}
.leftmenumain a:hover{
	background-color: #EEEEEE;
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}
.leftmenumain a:visited {
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	text-align: left;
	text-decoration: none;
	width: 100%;
	font: bold normal 12px Verdana, Arial, Helvetica;
}

/*formats leftnavigation bottom Box*/
.leftmenumain-boxline {
	border-bottom: 1px solid #CCCCCC;
}
.submitbtn {
	color:#666666;
	border:1px solid #aaaaaa;
	font: bold small Tahoma, Arial, Helvetica, sans-serif;
	background: #98CBCB;
}

/*formats the header text throughout the site*/
.txtheader{
color: #666666;
font: bold small Verdana, Arial, Helvetica, sans-serif;
}
/*formats the mini cart subtotal  in the right menu*/
.cartsubtotalminicart{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-style: normal;
font-weight: bold;
text-align: right;	
}
/*formats the links in the minicart*/

.cartminilinks{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: bold;
text-align: left;
}
.cartminilinks a:link{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:visited{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:hover{
color: #FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}
.cartminilinks a:active{
color: #333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
font-style: normal;
font-weight: normal;
text-align: left;
}

.hdrproduct{
	color: #333333;
	font: bold normal small Verdana, Arial, Helvetica, sans-serif;
}

.hdrcusadmin{
	color: #FFFFFF;
	font: bold normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	background: #CCCCCC center;
}

/*formats the text of site by and copyright*/
.siteby {
	COLOR: #999999;
	TEXT-DECORATION: none;
	font: 10px Verdana, Arial, Helvetica;
}
.siteby:hover {
	COLOR: #006A9D;
	TEXT-DECORATION: none;
	font: normal 10px Verdana, Arial, Helvetica;
}
.copyright {
	COLOR: #999999;
	TEXT-DECORATION: none;
	font: normal 10px Verdana, Arial, Helvetica;
}


/*formats the search box in the shoppage_header file.*/

.searchbtn {
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica;
	background-color: #006699;
	font-size: 12px;
	font-weight: bold;
	border:none;
	height: 20px;
	width: 40px;
}
.searchbox {
	color:#333333;
	font-family: Verdana, Arial, Helvetica;
	background-color: #BFBE7E;
	font-size: 10px;
	font-weight: normal;
	border:1px solid #FFFFFF;
	height: 12px;
	width: 90px;
}
/*formats the display of the Product image box border line*/
.boximage {
	border: 1px solid #C0C0C0;
}
/*formats the display of the detail Product box*/
.boxspec {
	border: 1px solid #C0C0C0;
}
/*formats the display of the text in select and input form*/
SELECT
{
	FONT-WEIGHT: normal;
	FONT-SIZE: 10px;
	COLOR: #666666;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	background-color: #FFFFFF;
}
INPUT
{
    BORDER-RIGHT: gainsboro 1px solid;
    BORDER-TOP: gainsboro 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BORDER-LEFT: gainsboro 1px solid;
    COLOR: #666666;
    BORDER-BOTTOM: gainsboro 1px solid;
    FONT-FAMILY: Verdana, Arial, Helvetica;
}
/*formats the display of the divider line of the Category and product box*/
.cat_box a{
	border-top : 0px solid #D3D3D3;
	display: block;
}

/*formats the display of the Category page*/
.cat_dashed{
	border-left : 1px dotted #cccccc;
	border-right : 1px dotted #cccccc;
	border-bottom : 1px dotted #cccccc;
	background-color : #FFFFFF;
	font: normal 12px Verdana, Arial, Helvetica;
	text-decoration: none;
	color: #7f7f7f;
	border-top: 1px dotted #CCCCCC;
}
/*formats the display of Category and product*/

.cat_boxmain{
	background-color: #FFFFFF;
	color: #408080;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}
.cat_boxmain a:link{
color: #408080;
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
font-style: normal;
font-weight: normal;
padding-bottom: 4px;
padding-left: 4px;
padding-top: 4px;
text-align: left;
text-decoration: none;
width: 100%;
}
.cat_boxmain a:visited{
color: #408080;
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
font-style: normal;
font-weight: normal;
padding-bottom: 4px;
padding-left: 4px;
padding-top: 4px;
text-align: left;
text-decoration: none;
width: 100%;
}

.cat_boxmain a:hover{
	background-color: #FFFFFF;
	color: #FF9900;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	text-align: left;
	text-decoration: none;
	width: 100%;
}

.cat_boxmain a:active{
color: #990000;
font-family: Verdana, Arial, Helvetica;
font-size: 12px;
font-style: normal;
font-weight: normal;
padding-bottom: 4px;
padding-left: 4px;
padding-top: 4px;
text-align: left;
text-decoration: none;
width: 100%;
}
/*formats home page box */
.boxtop {
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: 1px solid #CCCCCC;
}
.boxbottom {
	border-top: none;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.boxLeftRightLine {
	border-top: none;
	border-right: 1px solid #999999;
	border-bottom: none;
	border-left: 1px solid #999999;
}

/*formats the text of breadcrumb*/
.breadcrumb a {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #666666; 
	FONT-FAMILY: Verdana, Arial, Helvetica;
	TEXT-DECORATION: none;
}
.breadcrumb a:hover {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #FF6600; 
	FONT-FAMILY: Verdana, Arial, Helvetica;
	TEXT-DECORATION: none
}

.breadcrumb a:link {
	COLOR: #666666;
	TEXT-DECORATION: none;
	font: normal 12px Verdana, Arial, Helvetica;
}