body {
background-image: url('images/page-bg4.png');
background-repeat: repeat-x;
background-color: #2C7879;
text-align: center;
}

div#container {
text-align: left;
width: 900px;
margin: 0 auto;
}

/* Links */

a:link.nbs {
font-family: Verdana;
font-size: 10pt;
font-weight: normal;
text-decoration: underline;
color: #1D5F5F;
}

a:visited.nbs {
font-family: Verdana;
font-size: 10pt;
font-weight: normal;
text-decoration: underline;
color: #0D4342;
}

a:hover.nbs {
font-family: Verdana;
font-weight: normal;
font-size: 10pt;
text-decoration: underline;
color: #FF0000;
}

a:active.nbs {
font-family: Verdana;
font-size: 10pt;
font-weight: normal;
text-decoration: underline;
color: #1D5F5F;
}

a:link.reverse {
font-family: Verdana;
font-style: normal;
font-size: 10pt;
text-decoration: underline;
text-underline-style: dotted;
color: #FFFFFF;
}

a:visited.reverse {
font-family: Verdana;
font-style: normal;
font-size: 10pt;
text-decoration: underline;
text-underline-style: dotted;
color: #FFFFFF;
}

a:hover.reverse {
font-family: Verdana;
font-style: normal;
font-size: 10pt;
text-decoration: underline;
text-underline-style: dotted;
color: #FF0000;
}

a:active.reverse {
font-family: Verdana;
font-style: normal;
font-size: 10pt;
text-decoration: underline;
text-underline-style: dotted;
color: #FFFFFF;
}



/* Fonts */
h3 {
font-family: Verdana;
font-weight: bold;
font-style: normal;
color: #155151;
font-size: 10pt;
}

.bodytext {
font-family: Verdana;
font-size: 10pt;
font-style: normal;
font-weight: normal;
}

.goldtitle {
font-family: "Trebuchet MS";
font-size: 24pt;
font-style: normal;
font-weight: normal;
color: #CDAE7D;
padding-left: 5px;
}

.goldsmall {
font-family: "Trebuchet MS";
font-size: 10pt;
font-weight: bold;
color: #CDAE7D;
text-align: center;
}

.caption {
font-family: Verdana;
font-size: 8pt;
font-style: italic;
font-weight: bold;
}

.dropcap {
float:left;
color:#D4D4C7;
font-size:100px;
line-height:60px;
padding-top:2px;
font-family: Times, serif, Georgia;
}

blockquote.flw {
font-family: "Trebuchet MS";
font-size: 12pt;
font-style: italic;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
padding: 5px;
width: 700px;
align: center;
}

.revbody {
font-family: "Trebuchet MS";
font-size: 10pt;
font-weight: normal;
color: #FFF;
}

.revbodybold {
font-family: "Trebuchet MS";
font-size: 10pt;
font-weight: bold;
color: #FFF;
}

.tableTitle {
font-family: "Trebuchet MS";
font-size: 14pt;
font-weight: bold;
color: #FFF;
}

.tableBody {
font-family: "Trebuchet MS";
font-size: 14pt;
font-weight: normal;
color: #FFF;
}

.signature {
font-family: "Trebuschet MS";
font-size: 12pt;
font-weight: bold;
font-style: italic;
color: #000;
}

/* Footer Navbar */
#navbar ul li {display:inline;margin:0 10px 0 0;}
#navbar ul li a {color: #333;display:block;float:left;padding:5px;}
#navbar ul li a:hover {background:#eee;color:black;}

/* Home page links */
#mainpg ul li {margin: 0 5px 0 0;}
#mainpg ul li a {color: #0D4342; display: block; float: left; padding: 5px;}
#mainpg ul li a:hover {background: #eee; color: black;}

#navlist
{
padding: 1px;
margin-left: 0;
font: 11px verdana, sans-serif;
width: 20em;
color: gray; }

#navlist li
{
list-style: none;
margin: 0px;
border-left: 1px #004080 solid;
border-bottom: 1px gray solid;
text-align: left;
}

#navlist li a
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
}

#navlist li a:link { color: #000; }
#navlist li a:visited { color: #006; }

#navlist li a:hover
{
font-weight:bold;
color: #1C5D5D;
background: #CADEDE;
border-left: 3px #004080 solid;
}

/* Table formatting */

td#links2 {
border-bottom: 1px dotted #cccccc;
}

td#main {
padding: 52px 10px 5px 10px;
}

td#main2 {
padding: 60px 15px 5px 15px;
text-align: left;
}

td#bottom {
padding: 5px 10px 5px 10px;
background-image: url('images/bottom-bg.jpg');
background-repeat: no-repeat;
background-position: bottom;
background-attachment:fixed;
}

table#flw {
width: 750px;
height: 800px;
background-image: url('images/flw-bg.jpg');
background-repeat: no-repeat;
background-position: bottom;
border: 0px;
padding-top: 10px;
}

table#main {
width: 100%;
align: center;
border: 0px;
background-color: #FFFFFF;
background-image: url('images/flash-bg.png');
background-repeat: repeat-x;
}

table#container {
border: 0;
padding: 0; 
border-collapse: collapse; 
background-image: url('images/main-bg2.png'); 
background-repeat: no-repeat; 
background-color: #FFFFFF;
width: 100%;
}

table#container2 {
border: 0;
padding: 0; 
border-collapse: collapse; 
background-image: url('images/main-bgsupport.png'); 
background-repeat: no-repeat; 
background-color: #FFFFFF;
width: 100%;
}


td#hometext {
padding: 10px 10px 10px 10px;
background-color: #E0CFAF;
}

table#mainbottom {
width: 100%;
border: 0px;
cell-spacing: 10px;
}

td#mainbottom {
valign: top;
background-color: #F8F3EB;
border-width: 1px;
border-color: #AEA492;
border-style: dotted;
padding: 3px 3px 3px 3px;
font-family: Verdana;
font-size: 9pt;
font-weight: normal;
font-style: normal;
color: #000000;
}

td#productimg {
padding: 5px;
background-color: #FFFFFF;
}

td#pdf {
padding: 2px;
background-color: #E3E3E3;
}

/* Image formatting */
img.floatLeft {
float: left;
margin: 4px;
border: 1px;
border-style: dotted;
color: #333333;
}

/* padded image border */

a img {border:none;}


table a img.imageBorder {
     padding:7px;
     background-color:#F5F4F2;
     border:1px solid #c8c8c7;
     float:left;
     margin: 5px;
}
.imageBorder {
	padding:7px;
	background-color:#F5F4F2;
	border:1px solid #c8c8c7;
	margin: 5px;
	text-decoration: none;
}


img.imageBorder {
	padding:7px;
	background-color:#F5F4F2;
	border:1px solid #c8c8c7;
	margin: 5px;
	a img{
	border: 0;
	}
}


/* padded image border - right float*/
.imageBorder2 {
	padding:7px;
	background:#ebeae6;
	border:1px solid #c8c8c7;
	float:right;
	margin: 5px;
}

.imageBorderFLW {
	padding:7px;
	background:#588496;
	border:1px solid #FFFFFF;
	float:middle;
	margin: 5px;
}

/* Lists */

dt.terms {
font-family: Verdana;
font-size: 10pt;
font-weight: bold;
color: #134E4D
}

dd.terms {
font-family: Verdana;
font-size: 9pt;
font-weight: normal;
color: #000;
background-color: #F0F4F4;
margin: 3px 3px 3px 3px;

}

div#terms {
width: 725px;
margin: 0 0 0 75px;
}

hr           { height: 1px solid #CC9900 }

ul.support   { list-style-image: url('images/10.gif');
magin-bottom: 1em; }
ul.support li { margin-top: .5em;}

/* error messages */
.info, .success, .warning, .error, .validation, .general {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #E4E8EE;
    background-image: url('images/alerts/folder.png');
    width: 200px;
    height: 115px;
    float: right;
    text-align: right;
    font-family: Verdana;
    font-size: 14pt;
    
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/alerts/folder.png');
    width: 250px;
    height: 80px;
    float: right;
    text-align: right;
    font-family: Verdana;
    font-size: 14pt;
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/alerts/warning.png');
}
.general {
    color: #297373;
    background-color: #F2F4F6;
    width: 350px;
    height: 80px;
    padding: 7px;
    font-family: Verdana;
    font-size: 14pt;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    background-image: url('images/cart_add.png');
    
}

.font-family {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/alerts/error.png');
}
.validation {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('images/alerts/validation.png');
}

/* pagination */
.pagination{
padding: 2px;
margin: 1em 0;
clear: both;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "left" or "right" to left/right align pagination interface*/
font-size: 100%;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

*:first-child+html .pagination li a{ /*IE7 only CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li a{ /*IE6 and below CSS hack*/
margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

.pagination a, .pagination a:visited, .pagination a:active{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover{
border: 1px solid #2b66a5;
color: #000;
background-color: #FFFF80;
}

.pagination a.currentpage{ /*Style for currently selected page link*/
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disabled, .pagination a.disabled:hover{ /*Style for "disabled" previous or next link*/
background-color: white;
cursor: default;
color: #929292;
border-color: transparent;
}

.pagination a.prevnext{ /*Style for previous and next link*/
font-weight: bold;
}

/* PDF Icon */
a[href $='.pdf'] {  
padding-left: 22px;  
background: transparent url('images/pdf_icon.gif') no-repeat center left;
display:inline-block;  
}

ul.docs li {
list-style: none;
padding: 3px 0 2px 0;
text-align: left;
}

/* block hover */
#links ul {
        list-style-type: none;
        width: 250px;
        
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
        display: inline;
}

#links li a { 
        color: #990000;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
        display: inline;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 250px;
}

#links li a:hover {
        background: #ffffcc;
        display: inline;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%;
        display: inline; 
}

#links a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
        display: inline;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}

/* block hover */
#links ul {
        list-style-type: none;
        width: 550px;
        
        margin-left: 150px;
} 

#links li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
        
}

#links li a { 
        color: #990000;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 550px;
}

#links li a:hover {
        background: #ffffcc;
}

#links a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}
/* Block Hover Showcase */
#links2 ul {
        list-style-type: none;
        width: 310px;
        
        margin-left: 20px;
} 

#links2 li {
        border: 1px dotted #999;
        border-width: 1px 0;
        margin: 5px 0;
        
}

#links2 a { 
        color: #990000;
        display: block;
        font: bold 120% Arial, Helvetica, sans-serif;
        padding: 5px;
        text-decoration: none;
}

 * html #links li a {  /* make hover effect work in IE */
	width: 310px;
}

#links2 li a:hover {
        background: #ffffcc;
}

#links2 a em { 
        color: #333;
        display: block;
        font: normal 85% Verdana, Helvetica, sans-serif;
        line-height: 125%; 
}

#links2 a span {
        color: #125F15;
        font: normal 70% Verdana, Helvetica, sans-serif;
        line-height: 150%;
}

#hovernbs {
position: relative;
right: 80;
top: 75;
}

#hovernbs2 {
position: relative;
right: 80;
top: 105;
}

/* Boxes */
dl.bot_rgt {background:#7f7f9c url(images/c_tl.gif) top left no-repeat; margin:5px 0; padding:0; float:left; margin-right:10px; width:100%;}
dl.bot_rgt dt {background:transparent url(images/c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.bot_rgt dd {background:#eee url(images/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}

dl.bot_lft {background:#7f7f9c url(images/c_tl.gif) top left no-repeat; margin:5px 0; padding:0; float:left; margin-right:10px; width:40%;}
dl.bot_lft dt {background:transparent url(images/c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.bot_lft dd {background:#eee url(images/c_br.gif) bottom right no-repeat; padding:0; margin:0;}

dl.top_rgt {background:#eee url(images/c_bl.gif) bottom left no-repeat; margin:5px 0; padding:0; float:left; margin-right:10px; width:40%;}
dl.top_rgt dt {background:#7f7f9c url(images/c_tl.gif) top left no-repeat; padding:10px; text-align:center; color:#fff;}
dl.top_rgt dd {background:transparent url(images/c_br.gif) bottom right no-repeat; padding:0; margin:0;}

dl.top_lft {background:#eee url(images/c_bl.gif) bottom left no-repeat; margin:5px 0; padding:0; float:left; margin-right:10px; width:40%;}
dl.top_lft dt {background:#7f7f9c url(images/c_tr.gif) top right no-repeat; padding:10px; text-align:center; color:#fff;}
dl.top_lft dd {background:transparent url(images/c_br.gif) bottom right no-repeat; padding:0; margin:0;}

dd p {margin:0; padding:10px; line-height:1.3em;}

div#salebox {
float: right;
width: 350px;
padding: 5px;
}

div#rightcol {
width: 375px;
padding: 5px;
margin: 5px;
float: right;
position: relative;
}

div#leftcol {
width: 375px;
padding: 5px;
margin: 5px;
float: left;
position: relative;
}

div#blockcontainer {
width: 800px;
margin-left: 25px;
}

div#gallery {
width: 500px;
text-align: left;
}

div#gallerysm {
width: 300px;
text-align: right;
}

ul#gallery {
list-style: none;
margin-left: 10px;
}