body
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		background: #fff url(https://www.berkeleypoint.com/images/bg.gif) repeat-y;
			color: #000000;
	font-size: 10px;

}

body#home
{
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
		background: #fff;

}

/*grid*/
#wrap { width:850px; 
}
#content {}

#main_body {position: relative; float: right; width:600px; padding:10px; backround:#fff;}
#nav {float: left;
width:  220px;
height:100%;
background: #ccc;
}
/*end grid*/

form { display: inline; }
a:link { color: #003399; }
a:active { color: #6666CC; }
a:visited { color: #FF0000; }
a:hover,a:active { color: #6666CC; }


dl
{
	margin: 0;
	padding: 0;
}

dt
{
	margin: 0;
	padding: 0;
	font-weight: bold;
}

dd
{
	margin: 0 0 1em 0;
	padding: 0;
}


/*headlines*/.body-headline-black
{
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}
.body-headline-blue
{
	font-weight: bold;
	color: #003399;
	font-size: 14px;
}

h1.body-headline-black { font-size: 14px; }
h2.body-headline-blue { font-size: 13px; }
h3.body-headline-blue { font-size: 12px; }

/*end headlines*//*text features*/

.feature-text-red { color: #FF0000; font-size: 10px; }


.feature-text
{
	color: #000000;
	font-size: 10px;
}
.feature-text-blue
{
	font-size: 10px;
	color: #003399;
}

.feature-text-white
{	font-size: 10px;
	color: #FFFFFF;
}

/*end features*/


/*sidebar nav*/
.nav-cat
{
	color: #000000;
	font-size: 10px;
}



a.nav-cat { text-decoration: none; }
a.nav-cat:link { color: #000000; }
a.nav-cat:visited { color: #000000; }
a.nav-cat:hover { color: #FF0000; }
a.nav-cat:active { color: #FF0000; }
.nav-major
{
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}

a.nav-major { text-decoration: none; }
a.nav-major:link { color: #000000; }
a.nav-major:visited { color: #000000; }
a.nav-major:hover { color: #FF0000; }
a.nav-major:active { color: #FF0000; }

/*end sidebar nav*/
/* sharelinks nav*/

a.sharelink:link { color: #003399; }
a.sharelink:active { color: #6666CC; }
a.sharelink:visited { color: #FF0000; }
a.sharelink:hover,a.sharelink:active { color: #6666CC; }

.sharelink {
	font-size: 10px;
}
/*end sharelinks nav*/


.price-text
{
	font-weight: bold;
	color: #000000;
	font-size: 10px;
}
.body-text
{
	color: #000000;
	font-size: 12px;
}

.home-text
{
	font-size: 13px;
	line-height: 20px;
}


/*detail tables*/


table.detail
{
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	width: 100%;
}

table.detail td, table.detail th
{
	text-align: left;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 4px;
}

table.detail th
{
	background-color: #999;
	font-weight: bold;
	white-space: nowrap;
	height: 12px;
}

table.detail td.alt { background-color: #EEEEEE; }


/*end detail tables*/#lightbox
{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img { border: none; }

#outerImageContainer
{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer { padding: 10px; }

#loading
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }

#prevLink, #nextLink
{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat;
	/* Trick IE into showing hover */
	display: block;
}

#prevLink
{
	left: 0;
	float: left;
}

#nextLink
{
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData { padding: 0 10px; }

#imageData #imageDetails
{
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay
{
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose
{
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html>body .clearfix
{
	display: inline-block;
	width: 100%;
}

* html .clearfix
{
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

/*picture borders*/

.pix
{
	border: 10px solid #d8d8d8;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*end picture borders*/

/*nav*/


.buttonON
{
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 19px;
	border-right: 1px solid #ccc;
	margin-left: -4px;
	text-align: center;
	color: #fff;
	background-color: #f60;
	vertical-align: middle;
	letter-spacing: 0.05em;
	text-decoration: none;
}

a.buttonON:link
{
	background-color: #F60;
	color: #FFF;
	text-decoration: none;
}

a.buttonON:visited
{
	background-color: #F60;
	color: #fff;
	text-decoration: none;
}

a.buttonON:hover
{
	background-color: #F60;
	color: #666;
	text-decoration: none;
}

a.buttonON:active
{
	background-color: #F60;
	color: #F60;
	text-decoration: none;
}

a.button
{
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 8px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #666;
	margin: 0px;
	height: 19px;
	border-right: 1px solid #CCC;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0.05em;
}

a.button:link
{
	background-color: #666;
	color: #FFF;
	text-decoration: none;
}

a.button:visited
{
	background-color: #666;
	color: #fff;
	text-decoration: none;
}

a.button:hover
{
	background-color: #666;
	color: #F60;
	text-decoration: none;
}

a.button:active
{
	background-color: #666;
	color: #F60;
	text-decoration: none;
}

h3.body-headline-blue { font-size: 12px; }

.navbar
{
	background: #666;
	padding-top: -2px;
	padding-bottom: 2px;
}

#home .navbar
{
	background: #666;
	padding-top: 4px;
	padding-bottom: 0px;
}

#navcontainer ul
{
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin: 0;
	background-color: #666;
	color: White;
	float: left;
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
	padding: 0.2em 1em;
	background-color: #666;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 1px solid #CCC;
}

#navcontainer ul li a:hover
{
	background-color: #666;
	color: #F60;
}

#navcontainer #active
{
	padding: 0.2em .1em;
	background-color: #F60;
	color: White;
	text-decoration: none;
	float: left;
}

#navcontainer #active a:link
{
	background-color: #F60;
	color: #FFF;
	text-decoration: none;
}

#navcontainer #active  a:visited
{
	background-color: #F60;
	color: #fff;
	text-decoration: none;
}

#navcontainer #active a:hover
{
	background-color: #F60;
	color: #666;
	text-decoration: none;
}

#navcontainer #active a:active
{
	background-color: #F60;
	color: #F60;
	text-decoration: none;
}

/*end nav*/

a.picnav:link, a.picnav:visited
{ 
	margin-top: 2px;
	height: 13px;
	padding-left: 19px;
	color: #535658;
	font-size: 9px;
	background: #eee url(https://www.berkeleypoint.com/images/orange_arrow.gif) 2px 2px no-repeat;display: block;
}

a.picnav:hover { text-decoration: none; }

ul#sitemap{
border:none;
margin: 0;
list-style-type: none;
background-color: #CCCCCC;
padding: 0;
width: 220px;
font:normal 10px verdana,sans-serif;
border-right: 0px solid #f3f1ed;
color:#F60;
float:left;
margin:0 0 1em 0;
margin-right: 10px;
}

ul#sitemap li{margin-bottom: 0;}

ul#sitemap li a{
background:url() left no-repeat #CCC;
color: #000;
font-weight: bold;
display:block;
padding:2px 2px 2px 2px;
text-decoration:none;
width:auto;
}

ul#sitemap li a.open{
background: #999 url(./bullet.jpg) no-repeat right;
color: #000;
font-weight:bold;
}

ul#sitemap li li a.open{
background: #999 url(./bullet.jpg no-repeat right;
color:#000;
font-weight:bold;
}

ul#sitemap li li li a.open{
background: #999 url(./bullet.jpg) no-repeat right;
color:#000;
font-weight:bold;
}

ul#sitemap li li li li a.open{
background: #999 url(./bullet.jpg) no-repeat right;
color:#000;
font-weight:bold;
}

/* second level */
ul#sitemap ul{
margin: 0 0 0 0;
padding: 0;
list-style-type: none;
}

/* list nav*/

ul#sitemap li li{ background: url(dot2.gif) no-repeat; }
ul#sitemap li li a{
background:url(arrow_or_r.gif) 5px no-repeat #ccc;
color: #000;
font-weight: normal;
display:block;
padding:2px 2px 2px 10px;
text-decoration:none;
width:auto;
}
/* third level */
ul#sitemap ul ul{
background: url(dot.gif) repeat-y 30px 0;
}
ul#sitemap li li li{
background: url(dot2.gif) no-repeat 30px .5em;
}
ul#sitemap li li li a{
padding: 2px 2px 2px 20px; 
background:url(arrow_or_r.gif) 18px no-repeat #ccc;
}
/* fourth level */
ul#sitemap ul ul ul{
background: url(dot.gif) repeat-y 60px 0;
}
ul#sitemap li li li li{
background: url(dot2.gif) no-repeat 60px 0;
}
ul#sitemap li li li li a{
padding: 2px 2px 2px 30px; 
background:url(arrow_or_r.gif) 31px no-repeat #ccc;
}
ul#sitemap  a:link{
color:#000;
background-color:transparent;
}
ul#sitemap  a:hover{
color: #FF0000;
}

/*end listnav*/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
    padding-top: 10px;
}

a.buttonbutton {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.buttonbutton span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.buttonbutton:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonbutton:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 


ul#features {list-style-image: url(/images/bluesquare.gif)}

ul#features li {color: #000000; font-size: 10px;}

.learn_more {border-top:1px; border-left:0px; border-right:0px; border-bottom: 1px; border-style: solid; border-color: #ccc; margin-top: 15px; padding:10px;  color: #000000; font-size: 10px;}

.dimensions {padding-top: 2px; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; background: #666; color:#fff; font-weight: bold; width:100%;}

.accessories {padding-top: 2px; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; background: #666; color:#fff; font-weight: bold; width:100%;}

.breadcrumb {padding-top: 10px; padding-right: 0px; padding-left: 0px; padding-bottom: 25px; width:100%; font-size: 10px;}


div.img-dec {
	background: url('/images/shadow.gif') no-repeat bottom right;
	clear: right;
	float: right;
	margin: 0 0 15px 25px;
	padding: 0;
	position: relative;
}

div.img-dec img {
	background-color: #fff;
	border: 1px solid #a9a9a9;
	display: block;
	margin: -5px 5px 5px -5px;
	padding: 4px;
	position: relative;
}

tr { text-align:top;}



.module {
	margin-bottom: 0px;
	clear: both;
        width:200px;

}

.module .hd, .module .ft {
	height: 05px;
	margin-right: 5px;
	position: relative;
	overflow: visible;
	background: url(/images/standard-cap-top.gif) no-repeat left top;
}

.module .ft {
	background-image: url(/images/standard-cap-bottom.gif);
}

.module .corner {
	height: 5px;
	width: 5px;
	position: absolute;
	right: -5px;
	top: 0px;
	background: url(/images/standard-cap-top.gif) no-repeat right top;
}

.module .ft .corner {
	background-image: url(/images/standard-cap-bottom.gif);
}

.module .bd {
margin-top:-15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #fefefe url(/images/standard-bg.png) repeat-x 0 top;
	padding: 0 0 1px;
	zoom: 1;
text-align:left;
}

.module .bd {
	position: relative;
}

.module img.lead-in {
	margin-bottom: 5px;
}

.module .content {
	padding: 0 10px;
font: 85%  Verdana, Arial, Helvetica, sans-serif;
}

.module .content ul {list-style-type: none;
	padding: 0 0px;
}

.module .content ul li a {color:ccc;}

.module h2 {
	font: 169% arial, helvetica;
	color: #0a0a0a;
	margin-bottom: 0px;
}

h3 {
	color: #0a0a0a;
	padding: 5px 0;
}

.module h3 {text-align:left;
	color: #0a0a0a;
	padding: 0px 10px;
}

.module h3 .title {
	color: #f60;
}


.tagline {color: #f60;text-align:right;
}

 #nav-search 

{

width: 350px;


text-align:right;
top: 0px;

right: 0pt;

padding-left: 0px;

padding-right: 0px;

background-color: transparent;


}

#search-query 

{
color: #b2b2b2;
width:200px;
font-size: 80%;

padding-top: 1px;

padding-right: 0pt;

padding-bottom: 1px;

padding-left: 0pt;

margin-top: 1px;

}

.module li.pdf {background: url(/images/pdf.gif) no-repeat; padding-left:20px; padding-bottom:8px;}