body { 
font: 8pt "Verdana", Arial, Sans-Serif;
font-size: 100%; 
background: #e4e7f7;
margin: 15px 6px 15px 6px;
}

img {border: 0;}

.floatleft {
float: left;
margin: 15px 20px 8px 0;
border: 0;
}

.floatright {
float: right;
margin: 15px 10px 8px 15px;
border: 0;
}

a { color: #000; }
a:hover { color: #203057; }

p { margin: 0 0 8px 0; }

.clear { clear: both; }

h1, h2, h3, h4, h5, h6 {
letter-spacing: -1px;
font-weight: bold;
color: #22336b;
 }
h1 { font-size: 24px; line-height: 28px; padding: 10px 0px; }
h2 { font-size: 20px; line-height: 22px; padding: 10px 0px 12px 0; }
h3 { font-size: 20px; line-height: 22px; padding: 5px 0px; }
h4 { font-size: 14px; line-height: 18px; padding: 5px 0px; }
h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; }
h6 { font-size: 10px; line-height: 16px; }

h4.rightbar {
clear: both;
border-bottom: #ccc 2px solid;
padding-bottom: 0;
padding-top: 20px;
}

#maincontent {
padding: 25px;
font-size: 90%;
}

#cmsdiv {
padding: 15px;
background: #e4e7f7;
margin: 25px;
}

#loginbox {
background: #aabde6;
padding: 0 0 0 6px;
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1000px;
	background: #eee url("../images/zoneimages/colm2.jpg") repeat;
}

#header {
	margin: 0 0 0 0;
	background: #eee url(../images/zoneimages/header01.jpg) no-repeat;
        height: 140px;
        width: 1000px;
}

#headercontent {
width: 600px;
float: right;
}

#headercontent form{
text-align: right;
margin: 15px 20px 0 0;
}


#logmessage {
text-align: right;
float: right;
font-size: 60%;
margin: 80px 20px 0 0;
height: 20px;
width: 300px;
}

#side-a {
	float: left;
	width: 208px;
        padding: 6px;
        font-size: 80%;
        overflow: hidden;
}

#side-b { 
	margin: 0 0 70px 0;
	float: left;
	width: 780px;
        overflow: hidden;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#blurb {
border-bottom:4px solid #333; 
width: 780px;
height: 250px;
}

#leftpad {
margin: 20px 0 60px 6px;
padding: 0;
}

.productitem {
background: #e4e7f7;
position: relative;
padding-bottom: 4px;
}


.productitem a.button{
float: right;
margin: 5px 0 0 0;
}

#leftpad p {
padding: 6px 6px 30px 6px ;
font-size: 90%;
}



#navlist{
width: 190px;
font-family: sans-serif;
padding: 0;
border-top: 1px #000 solid;
border-left: 1px #000 solid;
border-right: 1px #000 solid;
margin: 10px 0 20px 8px;
}

#navlist li {
display: inline;
list-style:none;
}

#navlist a {
width: 99.99%;
display: block;
padding: 3px 0 3px 0;
background-color: #d8ddf3;
border-bottom: 1px #000 solid;
text-align: center;
text-decoration: none;
color: #000;
}

#navlist a:hover { background-color: #aabde6; }
#navlist a:visited { color: #000; }




input{
border: 1px solid #aaa;	
margin: 3px 0 0 2px;
background:url(../images/zoneimages/textbox_bg.gif) no-repeat top left;
}

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

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

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

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



#footer {
        border-top:4px solid #a0a0a0;
        height: 80px;
	clear: both;
	background: #eee url(../images/zoneimages/footer.jpg) no-repeat;
        font-size: 11px;
}

#footright {
margin: 20px 10px 0 0;
float: right;
width: 150px;
}

#footleft {
margin: 30px 0 0 10px;
width: 800px;
float: left;
}

table.zebra tr.odd {
 background-color: #e6e5ea;
}
table.zebra tr.hover {
 background-color: #E0E0E0;
}
table.zebra tr.selected {
 background-color: #d8ddf3;
}

#Controller { 
padding: 5px 0 5px 0;  
width:200px; 
margin: 0 0 0 0;
background:#dde4ec;
font: 10px "Verdana", Arial, Sans-Serif;
border: #d6d6d6 1px solid;
}
#Controller span.jFlowSelected { background:#aabde6;margin-right:0px;color:#eee;}

.jFlowPrev {
margin-left: 15px;
}

.jFlowControl, .jFlowPrev, .jFlowNext { color:#666; cursor:pointer; padding-left:3px; padding-right:3px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #b0b0b2;color: #000; }

img {border: 0;}