body {
background-color:#808080;
font-size: 12px;
line-height:150%;
word-break: normal;
text-align: justify;
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
color:#564b47;
padding:0px;
margin:0 0 0 0;
}

td {
font-size: 12px;
}

#homequote {
font-size: 13px;
margin-top:-50px;
margin-left:185px;
margin-right:40px;
}

textarea,  input, select {
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
font-size: 12px;
}
input:focus, input:hover, textarea:focus, textarea:hover {
background-color: #F0F0F0;
}	

a {color: #700000;}
a:visited {color:#700000;}
a:hover {color: #8B8C5A;}
a:active { color:#700000;}

a.nav_contact:hover {color:#FFFFCC;}

ul {

list-style-image:url("images/bullet_green.gif");
margin-right:20px;
}


ul.arrowList {
margin: 0 0 0 0;
list-style: square url("images/bullet_red.gif");
}


hr{
	border-top: 1px dotted #D9D9D9;
border-bottom: 1px solid #FFFFCC;
border-left:0;
border-right:0;
	height: 2px;
  }
img{
border:1px solid #ECECEC;
padding:2px;
}
img.flashheader{
border:0;
padding:0;
}
img.smallbottle{
border:0px;
float: left;
margin: 10px 0 0 0;
}
img.catalogitem{
border:1px solid #ECECEC;
float:right;
padding:2px;
margin: 0 0 0 20px;
}
img.right{
border:1px solid #ECECEC;
float:right;
padding:2px;
margin: 0 0 0 20px;
}
.right{
border:1px solid #ECECEC;
float:right;
padding:2px;
margin: 0 0 0 20px;
}
.left {
border:1px solid #ECECEC;
align: left;
float:left;
padding:2px;
margin: 0 20px 0 0;
}
img.left {
border:1px solid #ECECEC;
align: left;
float:left;
padding:2px;
margin: 0 20px 0 0;
}
img.catalog1 {
border:1px solid #ECECEC;
align: left;
float:left;
padding:2px;
margin: 0 20px 10px 0;
}
img.left {
border:1px solid #ECECEC;
align: left;
float:left;
padding:2px;
margin: 0 20px 0 0;
}
img.orderform {
border:1px solid #ECECEC;
align: left;
float:left;
padding:2px;
margin: 0 20px 0 20px;
}
img.crest{
border:0px;
margin: 0 10px 10px 0px;
}
img.albumthumb {
margin: 0 0 0 0;
border:1px solid #ECECEC;
padding: 2px;
text-align:center;
display:block;

display:inline;
align: top;
float:top;
margin-top:0;
margin-bottom:0;
margin-left: auto;
margin-right: auto;
border:1px solid #ECECEC;
padding: 2px;

}

img.albumimage {
display:inline;
align: top;
float:top;
margin-top:0;
margin-bottom:0;
margin-left: auto;
margin-right: auto;
border:1px solid #ECECEC;
padding: 2px;
}

img.alignright {
border:1px solid #ECECEC;
float: right;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

h1{
font-size:16px;
border-bottom: 1px dotted #D9D9D9;
display:block;
padding:0px;
}
h2{
font-size:16px;
font-weight: normal;

}
h3{
font-size:14px;
}
h4{
font-size:13px;
}


h1, h2, h3 {
font-weight: normal;
}


img.download {vertical-align:middle;}
#caseWarning{
color:#FF0000;
}
/* ----------container to center the layout-------------- */
#container {
width: 760px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #FFFFCC;
background-image:url(images/bg_page.gif); background-repeat:repeat-y;
}

/* ----------banner for logo-------------- */
#banner {
background-color:#999966;
width:740px;
/*background-image:url(images/bg_header.gif); background-repeat:no-repeat;*/
text-align: right;
padding: 0px;
margin: 0 auto;
height:214px;
}
#banner img {padding:0px}

/* ----------banner for logo-------------- */
#bannershadow {
width:740px;
background-image:url(images/bg_shadow.gif); background-repeat:no-repeat;
padding: 0px;
margin: 0 auto;
height:10px;
}
/* width:760px;height:4px; --------- top and bottom boxing -------------- */
#top {
background-color:#808080;
background-image:url(images/bg_top.gif); background-repeat:no-repeat;
 margin: 0;
   padding: 5px;

}
#bottom {
background-color:#808080;
width:760px;
background-image:url(images/bg_bot.gif); background-repeat:no-repeat;
padding: 0px;
height:10px;
}


/* -----------------content--------------------- */
#content {
padding: 0px 20px 0px 20px;
margin-left: 190px;
margin-right: 10px;
margin-top:0;
margin-bottom:0;
background-image:url(images/crest_bg.gif); background-repeat:no-repeat;
background-position: bottom right;
}
#content_holder{
background-color: #FF0000;
float:none;
}

#printlogo {
display:none;
height:0px;
margin:0 0 0 0;
padding:0 0 0 0;
}

div#content {
min-height:550px;
height:expression(this.scrollHeight > 550 ? "auto":"550px");
}
#content_home {
padding: 0px;
margin-left:10px;
margin-right:0px;
}

div#content_home {
min-height:550px;
height:expression(this.scrollHeight > 550 ? "auto":"550px");
}
p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navi------------- */
#nav {
/*background-color: #333333;*/
background-color:#999966;
float: left; 
display: inline;
width: 180px;

margin: 0px;
padding: 0px;
/* win fix margin was 11 */
margin:0 0 0 11px;
/*
background-image:url(images/crest.gif); background-repeat:no-repeat;
background-position: 50% 100%;*/
background-position: bottom center;
/* nav font */
color:#FFFFFF;
font-size: 13px;
font-weight:bold;
text-align:left;
line-height:18px;
}

#nav_holder{
float:left;
/*background-color: #FF0000;*/
}

#contactdetails {
vertical-align:bottom;
padding:5px 0 5px 10px;
/*text-align:center;*/
background-color: #8B8C5A;

}

/* --------------bottom logo------------- */
#sheild{
width:90%;

padding: 0px;
margin: 0 auto;
height:75px;
}

/* -----------footer--------------------------- */
#footer {
width:740px;
background-color: #999966;
text-align: right;
padding: 0px;
margin: 0 auto;
display:none;
}
#footershadow {
display:block;
width:740px;
background-color: #999966;
background-image:url(images/bg_page_bot.gif); background-repeat:no-repeat;
padding: 0px;
margin: 0 auto;
height:10px;
}

/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */

#menuwrapper {
        width: 100%;
        }


/* Unless you know what you do, do not touch this */

#primary-nav, #primary-nav ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: 100%;
    margin-left: -1px;
        }
#primary-nav ul {
        position: absolute;
        top: 0;
        left: 100%;
        display: none;
        }

#primary-nav li {
    margin-bottom: -1px;
        position: relative;
        }


/* Styling the basic apperance of the menu elements */

#primary-nav a {
       border: 1px solid #999966;
        display: block;
        margin: 0px;
padding:5px 5px 2px 10px;
/*padding-left:10px;
padding-top:5px;
padding-right:5px;*/
        text-decoration: none;
        color:#FFFFFF;


        }
#primary-nav li, #primary-nav li.menuparent {
        background-color: #999966;
        }

#primary-nav li li, #primary-nav li li.menuparent {
        background-color: #8B8C5A;
        }

/* Styling the basic apperance of the active page elements (shows what
page in the menu is being displayed) */

#primary-nav li.menuactive {
        background-color: #8B8C5A;
font-weight:bold;

/*letter-spacing: 1px;*/
        }

#primary-nav li li {
font-weight:bold;
        }






/* Styling the basic apperance of the menuparents - here styled the same
on hover (fixes IE bug) */

#primary-nav li.menuparent, #primary-nav li.menuparent:hover, #primary-nav
li.menuparenth {
        background-image: url(images/bullet_nav.gif);
        background-position: center right;
        background-repeat: no-repeat;
        }


/* Styling the apperance of menu items on hover */
#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth,
#primary-nav li.menuactiveh {

background-color: #8B8C5A;
        }
#primary-nav li li:hover, #primary-nav li li.menuh, #primary-nav li
li.menuparenth, #primary-nav li li.menuactiveh {

background-color: #999966;
        }


/* The magic - set to work for up to a 3 level menu, but can be increased
unlimited 

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
        display: none;
        }
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul
li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
        display: block;
        }
*/

#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul,
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul {
        display: none;
        }
		
		
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul,
#primary-nav ul ul ul li:hover ul,
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li.menuparenth ul {
        display: block;
        }

/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }