body, html{behavior: url("csshover3.htc"); background-color: #CCC;text-align: left;font: 11px sans-serif, verdana, geneva, arial;border: 0px;padding: 0px;margin: 0px;}
img{border:0px;}
a{color:#20A020;text-decoration:underline;}
a:hover{text-decoration:none;}
a.docLink{color: #000000; text-align: left; text-decoration: none; font-size: 80%;}
a.docLink:hover{text-decoration:underline; }
a.bigLink{color: #408050;text-align:right;font-size:150%;font-weight:bold;text-decoration:none;}
a.bigLink:hover{text-decoration:underline;}
p{text-align:justify;font-size:100%;}
h1{text-align:center;font-size:115%;}
h2{text-align:left;font-size:130%;color:#7B8898;}
h3{text-align:left;font-size:150%;color:#7B8898;}
h4{text-align:left;font-size:200%;color:#408050;font-weight: bold; margin:1em 0 10px 0;line-height:1.2em;}
h5{text-align:center;font-size:90%;}
h6{text-align:left;font-size:80%;color: #000000;}
h7{text-align:left;font-size:100%;color:#FFFFFF;font-weight:bold;}
h8{text-align:left;font-size:125%;font-weight:bold;color:#408050;}
hr{size:2px;}
.home{display:block;width:100px;height:30px;padding:0px;margin:0px;background-image:url(/images/graphics/l_home.png);}
.home:hover{background-image:url(/images/graphics/d_home.png);}
.photos{display:block;width:121px;height:30px;padding:0px;margin:0px;background-image:url(/images/graphics/l_photos.png);}
.photos:hover{background-image: url(/images/graphics/d_photos.png);}
.clearer {clear:both;line-height:0;height:50px;}
/*=======================Menu Controls====================*/
/* =================================================================
This copyright notice must be untouched at all times.
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#menuContainer {
position: relative;
z-index: 100;
top: 0px;
left: auto;
right: auto;
height: 100px;
width: 748px;
padding: 0px;
margin: 0px;
background-image: url(/images/graphics/newbnnr1d.jpg);
background-repeat: no-repeat;
}
.menu {width:748px; height:25px; position:absolute; background-color: #408050; top:75px; z-index:100; border:1px solid #000; border-width:1px 0 1px 0;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:748px; w\idth:747px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width: 100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:100px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block; text-decoration:none; color:#fff; width:89px; height:25px; border:1px solid #000; border-width:0 1px 0 0; background:#408050; padding-left:10px; line-height:25px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background-color: #FFF; color:#000;}
/* style the second level hover */
.menu ul ul a.drop:hover {background-color: #206030;}
.menu ul ul :hover > a.drop {background-color: #206030;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#408050; color:#FFF}
/* style the third level hover */
.menu ul ul ul a:hover {color:#FFF; background:#206030;}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:-1px; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {font-weight: normal; background:#FFF; color:#000; height:auto; line-height:1.5em; padding:5px 10px; width:150px; border-color:#CCC; border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {color:#FFF; background:#206030;}
.menu :hover > a, .menu ul ul :hover > a {color:#FFF; background:#206030;}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/*======== END Copyright Content =======*/
/*==========Container Controls==========*/
#bigContainer{position: relative; margin:0px auto;width: 770px;background: url(/images/graphics/shadow_background.gif) repeat-y;}
#container{background-color:#FFF;width:746px;height:100%;margin: 0px auto;padding: 0px 0px 10px 0px;border: 1px solid #000;}
html>body #container{width:748px;}
#pbody{width: 648px;margin:0px 50px;padding:15px 0px;text-align:justify;font-size:120%;display:table;line-height:150%;}
#pbodyWide{width:698px;margin:0px 25px;padding:15px 0px;text-align:justify;font-size:120%;display:table;}
html>body #pbodyWide{width: 700px;}
#homeMessage{background-color: #FFF;width:650px;margin:0;padding:0px 0px 25px 50px;text-align:justify;font-size:110%;}
#searchBox{position:absolute; top:35px; right:0px; margin:0;padding:2px;}
#shoppingCart{position: absolute; top:0px; right:0px; margin:0;padding:2px;}
/*==========Image Controls==========*/
#gallery{background-color:#FFF;width:650px;margin:0px 48px;padding:0;}
html>body #gallery{margin:0 50px;}
#galleryControl{width:746px;height:25px;margin:0px;padding:10px 0px;text-align:center;color:#888;font-size:110%;font-weight:bold;}
html>body #galleryControl{width:748px;}
#galleryControl a{text-decoration: none;color: #408050;font-size: 100%;font-weight: normal;}
#galleryControl a:hover {text-decoration: underline;}
.galleryNav{width:646px;height:25px;margin:0;padding:10px 0px;text-align:center;color:#888;font-size:100%;font-weight: bold;}
html>body .galleryNav{width: 648px;}
.galleryNav a{text-decoration: none;text-align: center;color: #408050;font-weight: normal;}
.galleryNav a:hover{text-decoration:underline;}
#homeImages{background-color:#FFF;width:650px;height:250px;margin:0;padding:0;text-align:center;}
#photoStrip{float:right;background-color:#FFFFFF;width:300px;height:300px;padding-left:50px;color:#777;text-align:right;display:table;}
#caption{width:650px;padding:0px 49px;margin:0px;color:#000;text-align:left;font-size:110%;}
.photo{width: 746px;padding:0;margin:0;}
html>body .photo{width: 748px;}
.homeThumb{width:130px;height:150px;float:left;padding:5px 15px;}
.thumb{width:130px;height:175px;float:left;padding:5px 15px;margin:0;color:#777;}
.thumbCaption{width:118px;margin:0;padding:0px 5px;color:#777;}
.articleContainer {width:177px;height:245px;float:right;margin:5px 0px 0px 18px;}
html>body .articleContainer {margin: 5px 18px 0px 0px;padding: 10px;}
.article{width: 175px;border: solid 1px;border-color: #CCC;padding: 10px;}
.articleCaption{width:165px;margin:0;padding:2px 5px;color:#306030;font-size:80%;text-align:left;line-height:120%;}
.actionGraphic{float:right;margin:0;padding:0;}
.pictureBar, .pictureBar a{width:726px;display:table;margin:0;padding:10px 10px;background-color:#FFF;text-align:left;text-decoration: none;color:#408050;}
html>body .pictureBar, .pictureBar a{width:726px;}
.picturePrevious, .pictureNext, .pictureNext a, .picturePrevious a{float:left;width:200px;height:2em;padding:0;margin:0;text-align:left;font-size:110%;font-weight:bold;}
.pictureNext, .pictureNext a{float: right;text-align: right;}
/*==========Link Controls==========*/
.linkContainer{margin: 25px 0px;width: 648px;height:80px;}
html>body .linkContainer{width: 650px;}
.link {float:left;padding:10px 0px 20px 0px;width:220px;height:60px;text-align:left;text-decoration:none;color:#666;font-size:100%}
.link a {text-decoration:none; color:#408050; font-weight: bold;}
.link a:hover {text-decoration: underline;}
.linkdesc{float:right;padding:10px;width:378px;height:60px;border:solid 1px #CCC;font-size:85%;}
/*==========Product Controls========*/
#productContainer {display: table;width: 648px;}
html>body #productContainer {display: table;width: 650px;}
.tallProduct {width:275px;height:500px;margin:10px;padding:10px;border:solid 1px;border-color:#CCC;float:left;overflow:hidden}
.product {width:275px;height:200px;margin:10px;padding:10px;float:left;}
.product_img {height:100px; padding: 2px; border: solid 1px #CCC; }
.productDescription{font-size:80%;width:245px;height:100px;margin:10px 5px;text-align:left;}
/*==========List Module Controls==========*/
#listModContainer {display:table;width:648px;margin:10px 0px;}
html>body #listModContainer {width:650px;}
.bigListMod {width:623px;margin:10px;padding:0;float:left;}
html>body .bigListMod {margin: 15px;}
.listMod {width:182px;margin:10px;padding:0;float:left;}
html>body .listMod {margin:15px;}
.bigListModTitle{width:621px;height:23px;border:solid 1px #000;margin:0;padding:5px 5px 0px 5px;background-color:#408050;text-align:left;color:#FFF;font-weight:bold;}
.listModTitle{width: 180px;height:23px;border:solid 1px #000;margin:0;padding:5px 5px 0px 5px;background-color:#408050;text-align:left;color:#FFF;font-weight:bold;}
.listModTitle a{color:#FFF;text-decoration:none;border:none;}
.bigListModContent{width:621px;border:solid 1px #CCC;margin:0;padding:10px 5px;text-align:left;line-height:200%;}
.listModContent{width:180px;border:solid 1px #CCC;margin:0;padding:10px 5px;text-align:left;line-height:200%;}
/*==========News Controls==========*/
.newsContainer{width:621px;display:table;margin-bottom:50px;padding:10px;border:solid 1px;border-color:#CCC;}
html>body .newsContainer{width:628px;}
.titleBar{width:648px;display:table;margin:0;padding:0;background-color:#FFF;text-align:left;text-decoration:none;color:#408050;}
html>body .titleBar{width: 650px;}
.titleTitle{float:left;width:378px;padding:5px 10px;text-align:left;font-size:90%;font-weight:bold;}
.titleDate{float:right;width:228px;padding:5px 10px;text-align:right;font-size:90%;}
/*==========Form Controls==========*/
.formField{color:#444;width:648px;margin:30px 0px;padding:0;text-align:left;font-style:bold;clear:left;}
html>body .formField{width:650px;}
.cart{position:absolute;top:20px;width:750px;float:right;text-align:right;}
/*==========Footer Controls==========*/
#footerContainer{width:750px;height:25px;margin:0 auto;text-align:center; background-color: #408050;padding: 0;}
#footerContainer p, #footerContainer a{color: #FFF;text-align: center;padding:5px 0px 0px 0px;margin:0;font-size:90%;font-weight: bold;}
#footerContainer a{text-decoration:none;}
#footerContainer a:hover{color:#FFF;text-decoration:underline;}
#footerContainer2{width:748px;border:1px solid;height:25px;margin:0 auto;text-align:center;background-color:#408050;padding:0;}
#footerContainer2 p, #footerContainer2 a {color:#FFF;text-align:center;padding:5px 0px 0px 0px;margin:0;font-size:90%;}
#footerContainer2 a{text-decoration:none;}
#footerContainer2 a:hover{text-decoration: underline;}
#footer{width:750px;height:100px;margin:0 auto;color:#000;}
#footer a{text-decoration:none;text-align:center;font-size: 110%;}
#footer a:hover{text-decoration: underline;}