/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
body {
    text-align:center;
	background: #c3c5d1;
	font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
	color: #000000; 
	margin: 0px 0;
}

/* links */
a, a:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bolder;
}
a:hover {
	color: #B31B34;
	text-decoration: underline;
}

/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	font-weight: Bold; 		
}
h1 {
	font-size: 14pt;	
	font-weight: normal;
	color: #555;
}
h2 {
	font-size: 130%;
	text-transform: uppercase;
	color: #ff0000;
}
h3 {
	font-size: 130%;	
}

h1, h2, h3, p {
	padding: 0px;		
	margin: 0;
}
hr {
	color: #cccccc;
}
ul, ol {
	margin: 2px 2px;
	padding: 0 5px;
}
ul {
	list-style: none;
}

/* images */
img {
	
	padding: 2px;
}
img.float-right {
  	margin: 0px 0px 0px 0px;  
}
img.float-left {
  	margin: 0px 0px 0px 0px;
}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	background: url(/PDGCommTemplates/004/images/post.jpg);
	border: 1px solid #E0DBC9;  
}
acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}
blockquote {
	margin: 10px;
 	padding: 0 0 0 25px;  
   background: url(/PDGCommTemplates/004/images/post.jpg);
	border: 1px solid #E0DBC9;
	font: bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #A89A6A;
}


/* start - table */
table {
	border-collapse: collapse;
	margin: 0px;	
}
th strong {
	color: #fff;
}
th {
	background: #93BC0C url(/PDGCommTemplates/004/images/nav.jpg) repeat-x;
	height: 22px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
}
tr {
	height: 0px;
}
td {
	padding-left: 0px;
	padding-right: 0px;
}
td.first,th.first {
	border-left: 0px;
}
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;		
}
/* end - table */

/* form elements */
form {

	
}
label {
	display:block;
	font-weight:bold;
	margin:2px 0px;

}
input {
	padding:1px;
	font: normal 1em Verdana, sans-serif;
	color:#666666;
	
}
textarea {
	width:400px;
	padding:1px;
	font: normal 1em Verdana, sans-serif;
	border:2px solid #000;
	height:100px;
	display:block;
	color:#777;
}
#input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: #8EB50C url(/PDGCommTemplates/004/images/nav.jpg) repeat-x 0 0;
	border: none;
}

/* search form */
.searchform {
	background-color: transparent;
	border: none;	
	margin: 0 0 0 3px; padding: 5px 0 10px 0;	
	width: 220px;	
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #777; 
	height: 18px;
	padding: 2px;	
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.button { 
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}

.prod_detail{
	border: 1px solid #D5D5D5;
	background-color: #DFDFDF;
	margin-top: 2px;
	width: 200px;
	height: 100px;
}

/********************************************
   LAYOUT
********************************************/ 

#header h1#logo-text a {
	position: relative;
	margin: 0; padding: 0;
	font: bold 16pt 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -1px;
	color: #FFFFFF;
	text-transform: none;
	text-decoration: none;
	
	/* change the values of top and left to adjust the position of the logo*/
	top: 0px; left: 0px;	
}
#header h1#logo-text span {
	color: #FFFFFF;
}
#header span#slogan {
	position: relative;
	margin: 0; padding: 0;
	font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #ffffff;
	
	/* change the values of top and left to adjust the position of the slogan*/
	top: -3px; left: 5px;		
}

/* header links */
#header #header-links {
	position: absolute;
	top: 20px; right: 20px;	
	color: #838181;
	font-size: 10px;	
}
#header #header-links a {	
	color: #838181;
	text-decoration: none;	
}
#header #header-links a:hover {
	color: #444;		
}


/* header-photo */
#header-photo {
	clear: both;
	height: 226px;
	width: 790px;
	margin: 0 auto;
	background: url(/PDGCommTemplates/proimages/images/beverly_interactive.png) no-repeat center center;
}
#displaybar {width:670px; height:15px; text-align:center;}
.searchcol {display:inline; width:206px; float:left; }
.viewcol {display:inline; width:15px; float:left; }

.cartcol {
display:inline; 
width:175px; 
float:left; 
}
.cartcol a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
}
.itemcol {
	display:inline;
	width:120px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
}
.totalcol {
display:inline; 
width:120px; 
float:left; 
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
}
.whttx {
color: #FFFFFF;
	
}
.whttx a {
	color: #FFFFFF;
	text-decoration: none;
}
.whttx a:hover {
	color: #B31B34;
	text-decoration: none;
}

.itemcol2 {
	width:200px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	margin-left: 12px;
	margin-top: 20px;
}
.totalcol2 {
width:200px; 
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bolder;
	color: #000000;
	margin-left: 12px;
	margin-top: 10px;
	text-transform: uppercase;

 }
 .bgred {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 36px;
	color: #DC173F;
}
.ltred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #DC143C;
}
.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
 
 
 .blktx {
	color: #666666;
	width:200px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 5px;
	line-height: 25pt;
	text-transform: uppercase;
}

.blksm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	width: 285px;
	line-height: 10px;
}

#prodcontwrap {
  
  margin: 0 auto 0 auto;
  text-align: left;
  width: 770px;
  	margin-right: 10px;
}
#contwrap {
	background-image: url(/PDGCommTemplates/proimages/images/wincont.png);
	height:100%;
	width: 760px;
	background-repeat: repeat-y;
	background-position: left top;
	padding-right: 20px;
	padding-left: 20px;

}
#prodcontwrap #prodtitle {
	background-image: url(/PDGCommTemplates/proimages/images/winbkg_top.png);
	height: 59px;
	width: 793px;
	background-repeat: no-repeat;
	background-position: left top;
}
#prodcontwrap #prodtitle p {
	font-size: 14pt;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 33px;
	padding-left: 30px;
}
#prodcontwrap #contwrap #prodpict {
	float: right;
	width: 310px;
	margin-top: 10px;
	margin-right: 15px;
}
#prodcontwrap #contwrap #content {
	margin: 10px 310px 0 0;
	padding: 20px 20px 20px 20px;
	
}
#prodcontwrap #contwrap .clearFloat {
  clear: right;
  display: block;
}
#prodcontwrap #prodfoot {
	background-image: url(/PDGCommTemplates/proimages/images/winfoot.png);
	background-repeat: no-repeat;
	background-position: top;
	height: 59px;
	width: 793px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
#prodcontwrap #prodfoot p {
	font-size: 10px;
	font-weight: lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	padding-right: 33px;
	padding-left: 30px;
}

#prodcontwrap #prodfoot .pt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	line-height: 8pt;
	font-weight: bold;
}


/* Navigation */
.bg1 {
	background-image: url(/PDGCommTemplates/proimages/images/ptop2.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 10px;
	padding-left: 10px;
	height: 28px;
	width: 220px;
	font-variant: small-caps;
	text-transform: uppercase;
}
.bg2 {
	background-image: url(/PDGCommTemplates/proimages/images/pbot2.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 10px;
	padding-left: 10px;
}
.bg3 {
	background-image: url(/PDGCommTemplates/proimages/images/pbot4.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 600px;
	margin: 10px;
	padding-left: 10px;
}

.bg4 {
	background-image: url(/PDGCommTemplates/proimages/images/nav_bkg.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 10px;
	padding-left: 10px;
}
.nav {
	clear: both;	
	padding: 0 0 0 63px;
		
}
.nav ul {
	list-style: none;
	background-image: url(/PDGCommTemplates/proimages/images/nav_bkg.png);
	background-repeat: no-repeat;
	background-position: center center;	
	width: 790px;		
	text-transform: uppercase;
	margin: auto 0 0 auto;
	padding: 0;	
	display: inline;
}
.nav ul li {
	float: center;
	display: inline;
	margin: 0; padding: 0;
}
.nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 26px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: none;
	color: #000000;
	font: bold 13px/1.8em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}
.nav ul li a:hover, 
.nav ul li a:active {
color: #FFFFFF;
	background-color: #B31B34;
}
.nav ul li#current a {	
	background: url(/PDGCommTemplates/004/images/nav-current.jpg) repeat-x;	
}

#nav2foot {
clear: both;
	height: 72px;
	margin: 0px;
	background: url(https://store.beverlyinternational.com/PDGCommTemplates/proimages/images/pro_foot.jpg) repeat-x;
	width: 100%;

}

#nav2 {
list-style: none;
	background-image: url(/PDGCommTemplates/proimages/images/nav_bkg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 790px;
	display: inline-block;
	margin: auto 0 0 auto;
		
}

#nav2 ul {
	text-transform: uppercase;
	padding-top: 25px;
	padding-bottom: 5px;
	margin-left: 65px;
	padding-right: 0;
	padding-left: 0;
}
#nav2 ul li {
	float: none;
	display: inline;
}
#nav2 ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0px;
	padding: 0 23px;
	padding-bottom: 2px;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;
	border-bottom: none;
	color: #000000;
	font: bold 8pt/2em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;	
	letter-spacing: 1px;
}

#nav2 ul li a:hover, 
#nav2 ul li a:active {
	color: #FFFFFF;
	background-color: #B31B34;	
}
#nav2 ul li#current a {	
	background: url(/PDGCommTemplates/004/images/nav-current.jpg) repeat-x;	
}


/* Main Column */
#main {
	float: left;
	width: 95%;
	padding: 0 0 0 10px; margin: 10px 0 0 0;
	display: inline;
	text-align: left;
}
#main h2 {
	font: normal 1.9em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #B31B34; 
	text-transform: none;
	padding: 10px 0 0px 10px; 			
}
#main h2 a {
	color: #B31B34;
	text-decoration: none;
}
#main ul li {
	list-style: none;
}

/* Sidebar */	
.indent {
margin-left:20px;
}

#sidebar {
	float: left;
	width: 27.5%;
	padding: 10px 0 0 10px; margin: 0;		
}	
#sidebar h3 {
	padding: 5px 5px; 
	font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #8C9F0D; 		
}
#sidebar ul.sidemenu {
	text-align: left;
	margin: 7px 4px 8px 0; padding: 0;
	text-decoration: none;		
	background: url(/PDGCommTemplates/004/images/dots.jpg) repeat-x left top;
}
#sidebar ul.sidemenu li {
	list-style: none;
	background: url(/PDGCommTemplates/004/images/dots.jpg) repeat-x left bottom;
	padding: 4px 0 4px 5px;
	margin: 0 2px;		
	color: #8F8F8F;
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a {
	text-decoration: none;	
	background-image: none;	
	color: #666666;			
}
#sidebar ul.sidemenu li a:hover {	
	color: #1773BC;	
}
#sidebar ul.sidemenu ul { margin: 5px 5px 5px 5px; padding: 0; }
#sidebar ul.sidemenu ul li { background: none; }


.sidepronav{
}
.sidepronav ul li{
	line-height: 17px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bolder;
}


/* footer */
#footer-wrap {
	clear: both;
	width: 820px;
	font-size: 95%;	
	text-align: left;
	padding: 15px 0;
	background: url(/PDGCommTemplates/004/images/) no-repeat center bottom;	
}
#footer-wrap a {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
#footer-wrap a:hover {
	color: #000;	
}
#footer-wrap p {
	padding:10px 0;
}
#footer-wrap h3 {
	color: #666666;
	margin: 0;
	padding: 0 10px; 
	text-transform: uppercase;
}

#footer-columns {
	color: #888;
	margin: 0 auto; 
	padding: 0;	
	width: 760px;		
}
#footer-columns ul {
	list-style: none;
	margin: 10px 0 0 0; 
	padding: 0;	
	background: url(/PDGCommTemplates/004/images/footer-dots.jpg) repeat-x left top;
}
#footer-columns li {
	background: url(/PDGCommTemplates/004/images/footer-dots.jpg) repeat-x left bottom;		
}
#footer-columns li a {
	display: block;
	font-weight: normal;
	padding: 4px 0 4px 10px;
	width: 96%;
}
#footer-columns .col3, .col3-center {
	float: left;
	width: 32%;
}
#footer-columns .col3-center { 
	margin: 0 15px; 
}

/* bottom */
#footer-bottom {
	clear: both;
	color: #666;	
	margin: 0 auto; 
	width: 820px;
	padding: 10px 0;
	text-align: center;
}

/* postmeta */
.post-footer {
	background: url(/PDGCommTemplates/004/images/post.jpg);
	padding: 5px; margin: 5px 10px 10px 10px;	
	font-size: 95%;	
	color: #AEA471;
	border: 1px solid #E0DBC9;
}
.post-footer .date{ margin: 0 10px 0 5px;	}
.post-footer a.comments { margin: 0 10px 0 5px;	}
.post-footer a.readmore { margin: 0 10px 0 5px;	}
.post-info { font-size: .95em; padding: 0 10px; margin-left: 2px; color: #888; }

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }

/*----------------crumb_nav------------------*/
.crumb_nav{
padding:5px 0 10px 0px;
}
.crumb_nav a{
	color:#666666;
}
.crumb_nav a:hover{
	color:#B31B34;
}


/* Search Product */
.searchproduct {
	vertical-align: top;
	text-align: center;
	width: 255px;
	padding: 0;
	margin: 0 0 0 15px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.searchproduct a{
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}
.searchproduct a:hover{
	color: #B31B34;
	font-weight: bolder;
}

.searchproduct2 {
	vertical-align: top;
	text-align: center;
	width: 650px;
	padding: 0; margin: 0 0 0 15px;

	display:inline-block;

	*display:inline;	
}


/* header basket */
#header-basket {
	text-align: center;
	position: absolute;
	top: 110px; right: 70px;
	padding: 5px;
	margin: 0;
	border: none;
	width: 180px; height: 63px;
	background: #fff;	
	z-index: 999999;
	color: #0e5792;
}
#header-basket p {
	margin: 0; padding: 0;		
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
}
.style2 {
	color: #FF0000;
	border: thin solid #000000;
	background-color: #CCCCCC;
}
.yel {
	background-color: #ffff00;
	height: 25px;
	width: 400px;
	display: block;
	text-align: left;
	text-indent: 10px;
	background-position: center;
}