@charset "utf-8";
/* CSS Document */
html{
	background: #fffffe;
}

body {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
}

h1{
	font-size:1.5em;
	line-height:1.5em;
}

h2{
	font-size:1.2em;
	line-height:1.5em;
}

h3{
	font-size:1em;
	line-height:1.5em;
}

h4{
	font-size:0.75em;
        margin: 15px 0; 
}

h5{

}

h6{

}

p{
	font-size:0.75em;
        margin: 15px 0; 
}

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}

.underline{
	text-decoration:underline;
}

.clearFloats{
	clear:both;
}

/* Colors */

.white{
	color:#ffffff;
}

a:link, a:visited, a:active, a:hover {
    color: #0E4DAC;
}

#wrapper{
	width:950px;
	min-height:20em;
	margin:10px auto 0 auto;
        position:relative;
}

#top{
       min-height:384px;
       width:950px;
       overflow:visible;
}

#header{
	width:950px;
	height:90px;
	position:relative;
	background-image:url(../images/headerBG.jpg);
        background-position:top left;
        background-repeat:no-repeat;
}

#headerLeft{
	width:365px;
	height:90px;
	float:left;
}

#headerMiddle{
	width:410px;
	height:50px;
	padding:20px 0;
	margin-left:365px;
	text-align:center;
	color:#ffffff;
}

#headerMiddle h1{
	font-size:16px;
	line-height:30px;
}

#headerMiddle h2{
	font-size:14px;
	line-height:30px;
}

#headerRight{
	width:175px;
	height:20px;
	padding:35px 0;
	float:right;
}

#search{
	width:120px;
	height:20px;
	margin-right:10px;
}

#navigation{
	width:950px;
	height:40px;
}

#navigationLeft{
	width:365px;
	height:30px;
	line-height:30px;
	padding:5px 0;
	background: #0d3f7c;
	background: -webkit-gradient( linear, 20% 0, 100% 0, from(#0d3f7c), color-stop(0.33, #175cc3), to(#0d3f7c) );
	background: -moz-linear-gradient( left, #0d3f7c, #175cc3, #0d3f7c );
	background: linear-gradient( left, #0d3f7c, #175cc3, #0d3f7c );
	-pie-background: linear-gradient( left, #0d3f7c, #175cc3, #0d3f7c );
	behavior:url(/PIE.htc);
	color:#ffffff;
	vertical-align:middle;
	float:left;
}

#sizeSelector{
	margin: 0 10px;
}

.small{
	font-size:16px;
}

.medium{
	font-size:20px;
}

.large{
	font-size:24px;
}

#navigationRight{
	width:585px;
	height:40px;
	background: #387d00;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#387d00), to(#75a156));
	background: -moz-linear-gradient( top, #387d00, #75a156 );
	background: linear-gradient( top, #387d00, #75a156 );
	-pie-background: linear-gradient( top, #387d00, #75a156 );
	behavior:url(/PIE.htc);
	float:right;
}

/*----Dropdown Menu Styling-----*/
/* common styling */
.menu {width:585px; height:40px; position:relative; font-size:11px; z-index:20;}
.menu ul li a{display:block; text-decoration:none; color:#000; width:86px; height:20px; margin:10px 4px; text-align:center; color:#fff; border:1px solid #fff; background:#75a156; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none; z-index:20;}
.menu ul li {float:left; position:relative; z-index:20;}
.menu ul li ul {display: none;}
.menu ul li ul li a{display:block; min-width:120px; padding: 0 4px; min-height:30px; line-height:15px; margin:0; background:#75a156; color:#fff; border-bottom:1px solid #fff; text-align:left;}
.menu ul li ul li ul{z-index:20;}
.menu ul li ul li ul li a{display:block; min-width:120px; padding: 0 4px; height:20px; margin:0; background:#75a156; color:#fff; border:0; text-align:left;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#75a156;}
.menu ul li:hover ul {display:block; position:absolute; top:32px; left:8px; min-width:120px; background:#75a156; border:1px solid #fff; z-index:20;}
.menu ul li:hover ul li a.hide {background:#75a156; color:#fff; border:0; margin:0;}
.menu ul li:hover ul li:hover a.hide {background:#387d00; color:#ffffff;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;  background:#75a156; color:#ffffff;}
.menu ul li:hover ul li a:hover {background:#387d00; color:#ffffff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:128px; top:0; z-index:20;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}
/*-----End----*/

#masthead{
	width:950px;
	height:214px;
	padding-top:4px;
}

.mastheadBox{
	float:left;
}

#theHomeBoxes{
        position:absolute;
        top:135px;
        left:0;
}

#yellowBox{
	width:160px;
	min-height:210px;
	padding:10px;
	margin:0 4px 12px 0;
	background: #f9c615;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f9c615), to(#b08a0d));
	background: -moz-linear-gradient( top, #f9c615, #b08a0d );
	background: linear-gradient( top, #f9c615, #b08a0d );
	-pie-background: linear-gradient( top, #f9c615, #b08a0d );
	behavior:url(/PIE.htc);
	text-align:center;
}

#greenBox{
	width:160px;
	min-height:210px;
	padding:10px;
	margin:0 4px 12px 0;
	background: #96c72d;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#96c72d), to(#2e6f07));
	background: -moz-linear-gradient( top, #96c72d, #2e6f07 );
	background: linear-gradient( top, #96c72d, #2e6f07 );
	-pie-background: linear-gradient( top, #96c72d, #2e6f07 );
	behavior:url(/PIE.htc);
	text-align:center;
}

#imageGallery{
	width:559px;
	height:210px;
	text-align:left;
	position:relative;
        background-color:#ffffff;
        padding:10px;
	border:1px #b7b7b7 solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #b7b7b7 0px 0px 10px;
	-moz-box-shadow: #b7b7b7 0px 0px 10px;
	box-shadow: #b7b7b7 0px 0px 10px;
	behavior:url(/PIE.htc);
	float:right;
        margin-bottom:10px;
}

#lightbox{
    left:0;
    line-height:0;
    position:absolute;
    text-align:center;
    width:100%;
    z-index:9999; /* move the lightbox above all other elements */
}

/*Image Gallery*/
.imageElement {
visibility: hidden;
}
#myGallery, #myGallerySet, #flickrGallery
{ width: 559px; height: 210px; z-index:5; }

#flickrGallery
{
	width: 559px;
	height: 210px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(img/loading-bar-black.gif);
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(img/loading-bar-black.gif);
}

.jdGallery .slideInfoZone
{ color: #fff; position: absolute; z-index: 10; width: 559px; margin: 0; bottom: 0; height: 70px; background: #545556; text-indent: 0; right: 0; overflow: hidden; }

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2
{
	padding: 0;
	font-size: 100%;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
}

.jdGallery .slideInfoZone p
{
	padding: 0;
	font-size: 100%;
	margin: 2px 5px;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{ position: absolute; bottom: 0; right: 30px; height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center; padding: 0 10px; font-size: 13px; color: #fff; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; cursor: pointer; }

.jdGallery .carousel
{ background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; width: 100%; margin: 0; left: 0; top: 0; height: 115px; text-indent: 0; overflow: hidden; }

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{ background-image: none; background-repeat: repeat; background-attachment: scroll; cursor: pointer; background-position: center; float: left; border: solid 1px #fff; }

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{ font-size: 10px; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; bottom: 5px; right: 10px; padding: 1px 2px; margin: 0; border: solid 1px #888; cursor: pointer; }

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	
}

.jdGallery a
{ color: #ef7d2d; font-size: 100%; text-decoration: underline; }

.jdGallery a.right, .jdGallery a.left
{ color: #ef7d2d; text-decoration: underline; position: absolute; height: 99%; width: 25%; cursor: pointer; z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }

* html .jdGallery a.right, * html .jdGallery a.left
{ color: #ef7d2d; text-decoration: underline; filter:alpha(opacity=50); }

.jdGallery a.right:hover, .jdGallery a.left:hover
{ color: #ef7d2d; text-decoration: underline; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

.jdGallery a.left
{ color: #ef7d2d; left: 525px; top: 175px; background: url(img/fleche1.png) no-repeat left center; text-decoration: underline; z-index: 1000; }

* html .jdGallery a.left { color: #ef7d2d; background: url(img/fleche1.gif) no-repeat left center; text-decoration: underline; }

.jdGallery a.right
{ color: #ef7d2d; right: 20px; top: 175px; background: url(img/fleche2.png) no-repeat right center; z-index: 1000; }

* html .jdGallery a.right { color: #ef7d2d; background: url(img/fleche2.gif) no-repeat right center; text-decoration: underline; }

.jdGallery a.open
{ color: #ef7d2d; left: 0; top: 0; width: 100%; height: 100%; }

.withArrows a.open
{ color: #ef7d2d; position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; background: transparent; text-decoration: underline; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }

.withArrows a.open:hover { color: #ef7d2d; background: url(img/open.png) no-repeat center; text-decoration: underline; }

* html .withArrows a.open:hover { background: url(img/open.gif) no-repeat center; text-decoration: underline; filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}

/* End Gallery Styling */

#main{
	width:950px;
	height:auto !important;
	height:10em;
    min-height:10em;
	margin-bottom:4px;	
}

#mainLeft{
	width:178px;
	min-height:10em;
	float:left;
}

.leftBox{
	width:158px;
	min-height:1em;
	position:relative;
	border:1px #b7b7b7 solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #b7b7b7 0px 0px 10px;
	-moz-box-shadow: #b7b7b7 0px 0px 10px;
	box-shadow: #b7b7b7 0px 0px 10px;
	behavior:url(/PIE.htc);
        background-color:#ffffff;
	margin-bottom:4px;
	padding:10px;
}

.leftBox li{
	border-bottom:1px #666666 dotted;
	color:#3300CC;
	font-size:12px;
	line-height:18px;
	margin-top:6px;
        padding-bottom:6px;
}

.leftBox li a{
	text-decoration:none;
}

.leftBox p{
	margin:2px 0;
	line-height:1.25em;
}

.leftBox input, .leftBox label{
	font-size:0.75em;
}

.leftBoxTitle, .leftBoxTitle a{
	display:block;
	color:#ffffff;
	font-weight:bold;
	background:#1d58b1;
        text-decoration:none;
}

#mainRight, .homeCTA{
	width:742px;
        padding:10px;
	min-height:10em;
        margin-bottom:10px;
	float:right;
	position:relative;
        background-color:#ffffff;
	border:1px #b7b7b7 solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #b7b7b7 0px 0px 10px;
	-moz-box-shadow: #b7b7b7 0px 0px 10px;
	box-shadow: #b7b7b7 0px 0px 10px;
	behavior:url(/PIE.htc);
}

.homeCTA ul
{
    display:block;
    width:600px;
    margin:0 auto;
    position:relative;
    left:75px;
}

.homeCTA ul li
{
    font-size:16px;
    line-height:32px;
    list-style-image:url(../images/tick.jpg);
    color:#1d58b1;
}

.column
{
    float:left;
    width:300px;
}

.callUsNow
{
    display:block;
    margin:0 auto;
    width:405px;
    height:50px;
    line-height:50px;
    font-size:24px;
    color:#ffffff;
    text-align:center;
    background: #ffe6bb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTZiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmFhMTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffe6bb 0%, #ffaa17 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe6bb), color-stop(100%,#ffaa17));
    background: -webkit-linear-gradient(top, #ffe6bb 0%,#ffaa17 100%);
    background: -o-linear-gradient(top, #ffe6bb 0%,#ffaa17 100%);
    background: -ms-linear-gradient(top, #ffe6bb 0%,#ffaa17 100%);
    background: linear-gradient(top, #ffe6bb 0%,#ffaa17 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe6bb', endColorstr='#ffaa17',GradientType=0 );    
}

.callUsNow em
{
    font-style:normal;
    color:#608bcc;
}

.contentheading{
        color:#0e4dac;
        padding-bottom:0.25em;
        font-weight:bold;
        font-size:1.3em;
}

.componentheading{
       color:#0e4dac;
       margin-bottom:20px;
       padding:0 0 15px;
        font-weight:bold;
        font-size:1.3em;
}

#mainRight ul {
	list-style: none;
}

#mainRight ul li {
	list-style-type:disc;
        list-style-position:inside;
        font-size:0.75em;
}

#mainRight ol li {
        list-style-type:roman;
	margin-left: 35px;
	line-height: 180%;
}

#footer{
	width:950px;
	height:77px;
	text-align: center;
	background: #0d3f7c;
	background: -webkit-gradient( linear, 20% 0, 100% 0, from(#0d3f7c), color-stop(0.33, #175cc3), to(#0d3f7c) );
	background: -moz-linear-gradient( left, #0d3f7c, #175cc3, #0d3f7c );
	background: linear-gradient( left, #0d3f7c, #175cc3, #0d3f7c );
	-pie-background: linear-gradient( left, #0d3f7c, #175cc3, #0d3f7c );
	-webkit-border-radius: 0 0 0.5em 0.5em;
	-moz-border-radius: 0 0 0.5em 0.5em ;
	border-radius: 0 0 0.5em 0.5em ;
	behavior:url(/PIE.htc);
	margin:0 auto;	
}

#footer ul{
	text-align: center;
}

#footer li{
	display:inline;
	font-size: 12px;
	line-height:77px;
}

#footer li a{
	color: #f9c615;
}

#credits{
	width:950px;
	height:18px;
	margin:0 auto;
	color: #666666;
	font-size:12px;
	line-height:18px;
	text-align:center;
}

#credits a{
	color:#666666;
}

/* Items */

#prodSearch{
        position:relative;
        top:-375px;
}

.item{
	width:720px;
	margin:0 auto;
}

.item h1{
	font-size:1.5em;
	line-height:1.5em;
        margin-bottom:1em;
}

.item h2{
	font-size:1.2em;
        font-weight:bold;
	line-height:1.5em;
        margin-top:1em;
}

.item td{
        font-size:0.85em;
        line-height:1.5em;
}

.images td{
        font-size:0.75em;
        line-height:1.5em;
}

.images{
	width:460px;
	margin:0 auto;
}

.item hr{
        height:2px;
        margin-top:1.5em;
        margin-bottom:1.5em;
}

.breadcrumb{
        margin-bottom:2.5em;
        font-size:0.75em;
}

.breadcrumb a{
        text-decoration:none;
        color:#444444;
}

.breadcrumb a:hover{
        text-decoration:underline;
        color:#000000;
}

.categoryBox{
        width:300px;
        margin:10px;
        float:left;
}

.navCategory{

}

.navItem{
        margin:4px 0px 0px 10px !important;
        border-bottom:0px !important;
        list-style-image:url(/images/list-arrow.gif);
        list-style-position:inside;
        font-size:10px !important;
}
.navItem a{
        color:#444444;
}

.linkSelected{
        color:#444444;
        font-weight:bold;
}

/* Gallery test */

ul.slideshow {
    list-style:none;
    width:559px;
    height:210px;
    overflow:hidden;
    position:relative;
    margin:0;
    padding:0;
    z-index:10;     
}  
 
ul.slideshow li {
    position:absolute;
    left:0;
    right:0;
}
 
ul.slideshow li.show {
    z-index:10;   
}
 
ul img {
    border:none;   
}
 
#slideshow-caption {
    width:559px;
    height:70px;
    position:absolute;
    bottom:0;
    left:0;
    color:#fff;
    background:#000;
    z-index:10;
}
 
#slideshow-caption .slideshow-caption-container {
    padding:5px 10px;  
    z-index:11;  
}
 
#slideshow-caption h3 {
    margin:0;
    padding:0; 
    font-size:14px;
}
 
#slideshow-caption p {
    margin:5px 0 0 0;
    padding:0;
}