﻿body {
    width:100%;
    font-family: "Lucida Grande", "Lucida Sans", sans-serif;
    margin:0px;
    padding:0px;
    text-align:center;
    font-size: 12px;
    color: #4A4C46;
    line-height:20px;

    background-color:#A24E04;
    
}
		

body {
    width:100%;
    text-align: -moz-center;
    font-family: "Lucida Grande", "Lucida Sans", sans-serif;
    margin:0px;
    padding:0px;
    font-size: 12px;
    color: #4A4C46;
    line-height:20px; 
    background-color:#A24E04;
}

/* GENERAL STYLES*/

.Price{
    color:#E17E25;
    font-weight:bold;
    font-size:20px;
}

.NoBorder{
    border:none;
}

h1{
    font-size:19px;
    color:#444;
   background:url("../SiteImages/waterbottle.png") 0 0 no-repeat;
    padding-left:36px;
    padding-top:20px;
    height:40px;
}

h2{
    margin-top:10px;
    margin-bottom:10px;
    font-size:15px;
    color:#404040;
}

h3{
    font-size:14px;
    margin:0px;
    text-align:left;
    margin-left:20px;
   

}

h4{
    font-size:12px;
    margin-top:2px;
    margin-bottom:2px;
    padding:0px;
    font-weight:bold;
    color:#444;
}

h5{
    font-size:19px;
    color:#444;
}

.SmallTextSpan{
    font-size:10px;
}

.GenericError{
    font-size:12px;
    color:Red;
}

.Textbox{
    height:20px;
    padding-top:2px;
    padding-left:10px;
    width:120px;
    border:solid 1px #ccc;
    font-size:15px;
    color:#7F7D7F;
    
}

.TextboxSmall{
    height:20px;
    padding-top:2px;
    padding-left:10px;
    width:170px;
    border:solid 1px #ccc;
    font-size:15px;
    color:#7F7D7F;
    
}

a{
    color:#A36119;
    text-decoration:none;
    font-weight:bold;
}

a:hover{
    color:#444;
    text-decoration:underline;
}



.StandardList {
border-left:solid 4px #EFEEED;
}

ul {

}

ul li {
    margin-left:30px;
    list-style-type:disc;
    margin-bottom:10px;
    

}



.GenericImage{
    border:solid 4px #fff;
    margin-top:5px;
    margin-bottom:5px;
}

.GenericList{
    margin-left:0px;
    padding:0px;
    list-style:none;
    text-align:left;
}


.GenericList li{
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    float:left;

}

.GenericList li p{
    margin-top:0px;
    margin-bottom:3px;
    padding-top:0px;
    padding-left:10px;
   
    text-align:left;
}

.GenericList li a{
    font-size:12px;
    margin:0px;
    padding:0px;
    color:#444;
}

.GenericList li h4{
    font-size:14px;
    margin-top:2px;
    margin-bottom:2px;
    padding:0px;

}

.tdGeneric{
    font-weight:bold;
    vertical-align:top;
    width:140px;
    font-size:12px;
}

/*Login Stuff*/
.LoginContainer{
    height:338px;
    width:100%;
    text-align:left;
    float:left;
}

.LoginContainerTable{
    width:100%;
    height:100%;
}

.LoginTextbox{
    height: 28px;
    padding: 5px;
    border: 1px solid #DDDAD3;
    width: 98%;
    background: whiteSmoke;
    font-size: 18px!important;
}

.LoginContainerText {
    width:100%;
    text-align:left;
    float:left;
     font-family: "Lucida Grande", "Lucida Sans", sans-serif;
}

.LoginContainerText h4{
    font-size:14px;
    font-family:Segoe Print;
    margin-top:5px;
    margin-bottom:5px;
    color:#444;
}

.loginContainerError{
    font-size:12px;
    color:Red;
}


/*Body content stuff*/

.MainWrapper{

     margin: 0 auto 0 auto;
     background-color:White;
     float:left;
     width:100%;
}

.Wrapper
{
    Width:1000px;
    height:auto; 
    margin: 0 auto 0 auto;
    background:white;
}

.Header{
    width:100%;
    float:left;
    height:217px;
    background: url("../SiteImages/ContentTop2.png") center 0 no-repeat;
}

.MenuContainer{
    float:left;
    width:100%;
    height:61px;
    background: #fff url("../SiteImages/menubg2.png") 0 0 repeat-x;
    text-align:center;
    margin:0px auto 0px auto;
    z-index:9999;
}


.ContentMid{
    width:950px;
    height:auto;
    margin:0px auto 0px auto;
}

.ContentBot{
    width:950px;
    height:452px;
    float:left;
}

.DivContent
{
    width:950px;
    float:left;
    height:auto;
    margin:0px auto 0px auto;
    padding-top:30px;
    
}

.ckEditor{
    font-family: "Lucida Grande", "Lucida Sans", sans-serif;
    font-size: 12px; 
    text-align: left;
    margin-left:0px;
    margin-right:0px;  
    margin-top:0px;
    margin-bottom:0px;
    background-color:White;
    background:none;
}


.LoginMenuWrapper{
    height:43px;
    width:350px;
    float:right;
    margin-top:2px;
    background: url("../SiteImages/loginbg.png") right 0 no-repeat;
}

.LoginMenuContainer{
    height:40px;
    margin-top:5px;
    text-align:right;
    margin-right:15px;
    width:300px;
    float:right;
    color:#444;
}

.LoginMenuContainer a{
    color:#444;
}

/*Homepage stuff*/

.SliderContainer{
    width:100%;
    float:left;
    height:275px;
    text-align:center;
}

.HomepageProductContainer{
    width:100%;
    height:259px;
    float:left;
    text-align:center;
    background:url("../SiteImages/featuredbg.png") 0 0 no-repeat;
    padding-left:70px;
}


.HomepageProduct{
    height:200px;
    width:200px;
    text-align:center;
    float:left;
    margin-top:40px;
    
}

.HomepageProductImage{
    width:100%;
    height:130px;
    float:left;
    text-align:center;
    padding-top:20px;
}

.HomepageProduct img{
    height:130px;
    text-align:center;
}

.HomepageProduct h2{
    font-size:12px;
}

.HotButtonContainer{
    width:100%;
    height:146px;
    float:left;
    text-align:center;
}

/*Left Menu stuff*/
.LeftMenuWrapper
{
    width:200px;
    height:auto;
    float:left;
    border:solid 1px #ccc;
    background-color:#F2F1F0;
    padding:10px;

}

.LeftMenuTop{
    width:200px;
    height:70px;
    float:left;
}

.LeftMenuMid{
    width:200px;  
    height:auto;
    float:left;
    text-align:left;
}

.LeftMenuBot{
    width:200px; 
    height:50px;
    float:left;
}

.LeftMenuUL{
 padding:0px;
 margin-left:5px;
}

.LeftMenuUL li{
    list-style:none;
    padding-left:0px;
    margin:0px;
    width:160px;
    padding-left:30px;
    padding-top:7px;
    padding-bottom:7px;
     border-bottom:solid 1px #ccc;
    background:url("../SiteImages/colorwheel.png") 0 0 no-repeat;
    background-position:left;
   
}

.LeftMenuUL a{
    color:#4A4C46;
    font-size:11px;
    padding:0px;
    margin:0px;
    font-size:11px;
}
.LeftMenuUL a:hover{
    text-decoration:none;
    font-weight:bold;
}

.LeftMenuUL li:hover{
   cursor:pointer;
   color:#fff;
   background-color:#444;
}





/* PRODUCT PAGE*/
.RightProductContent{
    width:700px;
    height:auto;
    float:right;
    text-align:left;

}



.ProductMainWrapper{
    width:100%;
    float:left;
    height:auto;
}

.ProductContainer{
    height:auto;
    width:600px;
    float:left;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:solid 1px #D1C9C1;
    border-top:solid 1px #D1C9C1;
    background-color:#FCFCFC;
    border-right:solid 1px #D1C9C1;
    border-left:solid 1px #D1C9C1;
    padding:10px;
    
}

.ProductImage{
    width:auto;
    text-align:left;
    height:150px;
    float:left;
}

.ProductDescription{
    float:right;
    width:350px;
    height:auto;
    font-size:12px;
    padding-left:8px;
    padding-right:8px;

}

.ProductDescription h2{
    padding:0px;
    margin:0px;
}


.ProductDescription ul {

}

.ProductDescription li {
    margin-left:10px;
    list-style-type:disc;
    margin-bottom:3px;
}

.ProductDescription li p{
    padding:0px;
    margin:0px;
}

/* PRODUCT DETAILS PAGE*/

.DetailsOrderContainer{
    height:50px;
    border:solid 1px #ccc;
    width:98%;
    float:left;
    padding:0px;
    background:url("../SiteImages/menubg.png") 0 0 repeat-x;

}

.DetailsTopSection{
    width:100%;
    float:left;
    height:auto;
    margin-bottom:10px;

}

.DetailsImageContainer{
    float:left;
    width:300px;
    height:200px;

}

.DetailsImage{
    width:auto;
    height:200px;
    float:left;
}

.DetailsShort{
    float:right;
     width:350px;
    height:auto;
    text-align:left;
}

.DetailsTextContainer{
    width:100%;
    height:auto;
    float:left;
    text-align:left;

}

.DefaultList ul {
    list-style-type:disc;
     
}

.DefaultList li {
    margin-left:10px;
    list-style-type:disc;
    margin-bottom:3px;
}



/*Error message stuff*/
.GeneralErrorDiv
{
    border:solid 2px #F7DA61;
    background-color:#FFE67B;
    text-align:center;
    width:100%;
    height:auto;
    color:#fff;
    font-size:15px; 
    float:left;
    margin-bottom:5px; 
}

.GeneralMessageText
{
    width:900px;
    float:left;
    padding-left:3px;
    color:#333;
    text-align:left;
    
}


.HeaderErrorDiv
{
  border:solid 1px #ff6666;
    background-color:#EFA3A9;
    text-align:center;
    width:1000px;
    height:auto;
    color:#fff;
    font-size:15px; 
    float:right;
    margin-bottom:5px; 
}

.ErrorMessageText
{
    width:600px;
    float:left;
    padding-left:3px;
    color:#000;
    text-align:right;
}


.ErrorIcon
{ 
    width:40px;
    height:100%;
    float:left;
    margin-left:30px;
    text-align:center;
}


/*Success message stuff*/
.GeneralSuccessDiv
{
    border:solid 2px #BDE5BA;
    background-color:#D5F7D2;
    text-align:center;
    width:100%;
    height:auto;
    color:#fff;
    font-size:15px; 
    float:left;
    margin-bottom:5px; 
}

.GeneralMessageText
{
    width:600px;
    float:left;
    padding-left:3px;
    color:#333;
    text-align:left;
    
}


.HeaderSuccessDiv
{
  border:solid 1px #ff6666;
    background-color:#EFA3A9;
    text-align:center;
    width:900px;
    height:auto;
    color:#fff;
    font-size:15px; 
    float:right;
    margin-bottom:5px; 
}


/*FOOTER STUFF*/
.Footer{
    width:950px;
    text-align:right;
    float:left;
    margin-bottom:30px;
   
    border-top:dashed 1px #ccc;
    margin-left:15px;
}


.FooterContent
{
    
    Width:950px;
    height:auto; 
    margin: 0 auto 0 auto;
    position:relative;
    text-align:right;
    font-size:12px;
     margin-top:80px;
    
}

.FooterContent a
{
    color:#444;
    
}

.SocialNetworking{
    margin-top:28px;
    float:right;
    height:64px;
    width:450px;
    text-align:right;
}

.SocialNetworking img{
    border:none;
}