body
{
  font-family:Verdana,Helvetica,Arial,sans-serif;
  font-size:12px;
  padding:0px;
  margin:0px;
}

.clsLogo
{
 /* background:transparent url("../images/logo-pandj.png") no-repeat; */
 height:81px;
 width:164px;
 float:left;
 margin-top:10px;
}
.clsLogo img,
.clsLogo a
{
  border:0px;
  text-decoration:none;
}
.clsPage1
{
 /*background-color:#4D5457;  */
 width:100%;
 text-align:center;
}

.clsbackground1
{
  background-color:transparent;
  width:969px;
  margin:0px auto;
  height:118px;
  text-align:center;
}
.clsPage2
{
/* background-color:#3D4346; */
 width:100%;
 text-align:center;
 
}
.clsbackground2
{
  width:969px;
  margin:0px auto;
}
.clsHeader
{
  padding-top:70px;
  text-align:right;
}

.clsHeader ul
{
  margin:0px;padding:0px;
  padding-left:10px;
  float:right;
  
}
.clsHeader ul li
{
 float:left;
 padding-left:15px;
 list-style:none;
 
}
.clsHeader ul li a
{
  background:transparent url('../images/Menu-Text1.png') no-repeat;
  display:block;
}
.clsHeader ul li a.clsMenuBuzz
{
  background-position:-538px -7px;
  width:50px;
}
.clsHeader ul li a.clsMenuBuzz:hover,
.clsHeader ul li a.clsMenuBuzz1
{
  background-position:-538px -31px;
}
.clsHeader ul li a.clsMenuLink
{
  background-position:-600px -7px;
  width:55px;
}
.clsHeader ul li a.clsMenuLink:hover,
.clsHeader ul li a.clsMenuLink1
{
  background-position:-600px -31px;
}
.clsHeader ul li a.clsMenuAbout
{
  background-position:-3px -7px;
  width:65px;
}
.clsHeader ul li a.clsMenuAbout1,
.clsHeader ul li a.clsMenuAbout:hover
{
  background-position:-3px -31px;
}
.clsHeader ul li a.clsMenuBrand
{
  background-position:-75px -7px;
  width:72px;
}
.clsHeader ul li a.clsMenuBrand1,
.clsHeader ul li a.clsMenuBrand:hover
{
  background-position:-75px -31px;
}
.clsHeader ul li a.clsMenuWhere
{
  background-position:-157px -7px;
  width:102px;
}
.clsHeader ul li a.clsMenuWhere1,
.clsHeader ul li a.clsMenuWhere:hover
{
  background-position:-157px -31px;

}
.clsHeader ul li a.clsMenuContact
{
  background-position:-267px -7px;
  width:112px;
}
.clsHeader ul li a.clsMenuContact1,
.clsHeader ul li a.clsMenuContact:hover
{
  background-position:-267px -31px;

}
.clsWhereToBuy a,
.clsHeader ul li a
{
  text-decoration:none;
  color:#AEB0B1;
  font-size:120%;
  font-weight:bolder;
  font-family:'DejaVu Serif';
}
.clsWhereToBuy a:hover,
.clsHeader ul li a:hover
{
 color:#E9E91D; 
}
.clsbackground2 ul
{
  margin:0px;
  padding:0px;
  border-bottom:1px solid black;
  border-right:1px solid black;
  z-index:2;
  height:423px; 
}


.clsbackground2 ul li
{
  list-style:none;
  float:left;
  padding:0px;
  margin:0px;
  border-left:1px solid black;
  border-top:1px solid black;
  font-size:0%;
  line-height:0;
}
.clsbackground2 ul li a
{
 font-size:0px;
 padding:0px;
 margin:0px;
 line-height:0;
}
.clsBottom
{
 width:967px;
 margin:0px auto;
 text-align:left;
 color:#AEB0B1;
}
div.aboutus, div.contactus, div.buzz, div.link
{
  background:white url("../images/about-banner.png") right no-repeat;
  height:92px;
  width:100%;
  padding:40px 0 0 5px;
}
div.contactus
{
  background:transparent url("../images/969-contact.png") no-repeat;
}
div.buzz
{
    background:transparent url("../images/969-buzz.png") no-repeat;
}
div.link
{
    background:transparent url("../images/969-links.png") no-repeat;
}
.clsLink
{
   width:322px; 
}
.clsLink ul
{
 margin:0px; 
 padding-top:10px;
 padding-left:0px;
 padding-bottom:100px;
}
.clsLink ul li
{
  padding-top:10px;
  list-style:none;
  color:white;
  margin:0px;
}
.clsLink ul li a
{
 color:white;
 text-decoration:none;
}
.clsPage3
{
/*   background-color:#4D5457; */
   width:100%;
   text-align:center;
   margin:0px;
   clear:both;
}
.clsFooter
{
 clear:both;
 color:#AEB0B1;
 padding-bottom:30px;
}
.clsFooter p
{
  margin:0px;
  padding:0px;
}
.clsRetailerTitle,
.clsFutureTitle,
.clsBrandTitle
{
  text-align:left;
  font-size:300%;
  font-family:Georgia,'Times New Roman',Serif;
  font-weight:bolder;
  margin:0px;
  padding:0px;
  padding:0px 0 0px;
  color:gray;
/*  width:318px; */
  float:left;
  display:block;
  text-transform:uppercase;
}
.clsBrandTitle
{
  font-size:250%;
}
.clsRetailerTitle
{
  font-size:300%;
}
.clsLogin
{
  float:left;
}
.clsLogin,
.clsGeneralForm,
.clsRetailerForm,
.clsFutureForm
{
   color:#AEB0B1;
}

.clsRetailerDetail label,
.clsGeneralForm label,
.clsRetailerForm label,
.clsFutureForm label
{
  float:left;
  display:block;
  width:120px;
  text-align:left;
  padding-right:10px;
}

.clsGeneralForm
{
  width:500px;
  float:left;
}
.clsRetailerForm
{
  width:500px;
  float:left;
}
.clsRetailerForm em
{
  display:block;
  font-size:80%;
}
.clsRetailerDetail div.a,
.clsGeneralForm div.a,
.clsRetailerForm div.a,
.clsFutureForm div.a
{
  display:block;
  margin:10px;
  clear:left;
}
.clsGeneralForm div.a1 label, .clsRetailerForm div.a1 label, .clsRetailerDetail div.a1 label, .clsFutureForm div.a1 label
{
    display:block;
    height:50px;
    width:130px;
}
div.clsPadding
{
    padding-top:25px;
}
.clsGeneralForm div.a1 input, .clsRetailerForm div.a1 input, .clsRetailerDetail div.a1 input, .clsFutureForm div.a1 input
{  
  margin:10px 10px 10px 0;  
  width:400px;
}
.clsGlobe
{
  width:25px;
}

.clsRetailerForm div.asmContainer
{
  clear:none;
  float:left;
  width:250px;
}
.clsRetailerForm .ajax-fc-container div
{
}
.clsRetailerForm div.DropDown
{
  display:inline;
  clear:none;
}
.clsinputLarge
{
  width:310px;
}
select.clsinputLarge
{
  width:317px
}
.clsinput
{
  border:1px solid gray;
  color:black;
  -moz-border-radius: 7px;
  
}
.clsRetailerDetail .clsinput,
.clsGeneralForm .clsinput,
.clsRetailerForm .clsinput,
.clsFutureForm .clsinput
{
  /* font-size:114%; */
  font-size:14px;
  padding:2px;
  
}
.clsGeneralForm #cmdSave,
.clsRetailerForm #cmdSave,
.clsFutureForm #cmdSave
{
  width:80px;
}
.clsMessage
{
  color:#EFE0E2;
  font-size:110%;
  text-align:center;
  background-color:#8F8F8F;
  padding:10px;
}
.clsRetailerForm fieldset
{
  border:1px solid #857978;
  padding:0px;
  margin:0px;
}
.clsRetailerDetail
{
  float:right;
  margin:0px auto;
  width:450px;
  padding-top:10px;
  padding-right:10px;
}
.clsLogin
{
  margin:0px auto;
  border-color:gray;
  border-style:solid;
  border-width:0px 1px 1px 1px;
  padding-bottom:10px;
  text-align:center;
  width:100%;
}
.clsGeneralDetail
{
  margin-left:500px;
  padding-left:5px;
}
.clsGeneralDetail h1, .clsContactDetail h1
{
  font-family:Georgia;
}
.clsContactDetail h1,.clsContactDetail h2,.clsContactDetail h3,.clsContactDetail h4,.clsContactDetail h5,.clsContactDetail h6,
.clsGeneralDetail h1, .clsGeneralDetail h2, .clsGeneralDetail h3, .clsGeneralDetail h4, .clsGeneralDetail h5,.clsGeneralDetail h6
{
  color:white;
  border-bottom:5px solid #3D4346;
  padding-bottom:10px;
}
.clsContactDetail p,
.clsGeneralDetail p
{
  color:#AEB0B1;
  line-height:20px;
}
.map
{
  display:none;
}
#isvalid.invalid
{
  color:#FF9F9F;
  font-size:90%;
  font-weight:bolder;
}
.valid
{
  color:#9FFF8F;
  font-weight:bolder;
  font-size:90%;
}
.clsTitle
{
  background-color:gray;
  color:white;
  text-align:center;
  padding:10px;
}
.clsOtherLinks 
{
  padding-top:10px;
  padding-left:0px;
}
.clsOtherLinks ul
{
 margin:0px auto;
 padding:0px;
 width:969px;
 font-family:verdana;
 font-size:12px;
}
.clsOtherLinks ul li
{
  list-style-type:none;
  float:left;
  padding-right:12px;
}
.clsShipping
{
  clear:left;
  padding-top:10px;
}
/* This is added for WhereTOBuy */
.waytoPoint
{
  border: none; 
  margin: 3px 0px; 
  background-color:#fdd109; 
  border-collapse: 
  collapse; color: rgb(0, 0, 0);
}
.waytoPoint #wayPoint
{
  padding: 4px 15px 0px 5px; 
  vertical-align: middle; width: 20px;
}
.waytoPoint #pathName
{
  text-align:left;
  padding-left:100px;
}
.waytoPointDetail
{
  margin: 0px; padding: 0px; border-collapse: collapse;
}
.waytoPointDetail tr
{
  cursor: pointer;
}
.waytoPointDetail .col1
{
  border-top: 1px solid rgb(205, 205, 205); margin: 0px; padding: 0.3em 3px; vertical-align: top; text-align: right;
}
.waytoPointDetail .col2
{
  border-top: 1px solid rgb(205, 205, 205); margin: 0px; padding: 0.3em 3px; vertical-align: top; width: 100%;
  text-align:left;padding-left:134px;
}
.waytoPointDetail .col3
{
  border-top: 1px solid rgb(205, 205, 205); margin: 0px; padding: 0.3em 3px 0.3em 0.5em; vertical-align: top; text-align: right;
}

