body {
font:12px/18px Arial, sans-serif, Helvetica, Tahoma ;
margin:0;
padding:0 0 10px 0;
}	

.loginBox {
border:1px solid #0033CC;font-size:12px;padding-left:2px;vertical-align:middle;
}

.loginBox:hover, .loginBox:active, .loginBox:focus {
border-color:#CC0000;
}

a.headerLink:link, a.headerLink:visited {
font-family: Arial, sans-serif;
color: #596067;
font-size:10px;
text-decoration: none;
font-weight:bold;
padding-left:5px;
padding-right:5px;
}

a.headerLink:hover, a.headerLink:active {
color: #000000;
}

#mainNav {
position:absolute;
top:59px;
left:340px;
text-align:left;
width:785px;
height:186px;
z-index:2;
}

#mainNav a:hover {
color:#000000;
}

a.nav_port {
position:relative;
left:63px;
font-family: Arial, sans-serif;
color:#ffffff;
font-size:12px;
text-decoration:none;
font-weight:bold;
cursor:pointer;
outline:none;
}

a.nav_products {
position:relative;
left:127px;
font-family:Arial, sans-serif;
color:#ffffff;
font-size:12px;
text-decoration:none;
font-weight:bold;
cursor:pointer;
outline:none;
}

a.nav_faqs {
position:relative;
left:183px;
font-family: Arial, sans-serif;
color: #ffffff;
font-size: 12px;
text-decoration: none;
font-weight: bold;
cursor: pointer;
outline:none;
}

a.nav_cart {
position:relative;
left:242px;
font-family: Arial, sans-serif;
color: #ffffff;
font-size: 12px;
text-decoration: none;
font-weight: bold;
cursor: pointer;
outline:none;
}

a.nav_history {
position:relative;
left:292px;
font-family: Arial, sans-serif;
color: #ffffff;
font-size: 12px;
text-decoration: none;
font-weight: bold;
cursor: pointer;
outline:none;
}

a.nav_logout {
position:relative;
left:338px;
font-family: Arial, sans-serif;
color: #ffffff;
font-size: 12px;
text-decoration: none;
font-weight: bold;
cursor: pointer;
outline:none;
}


#bg_home {
position:absolute;
top:57px;
left:329px;
z-index: 1;
}

#bg_port {
position:absolute;
top:57px;
left:335px;
z-index: 1;
}

#bg_products {
position:absolute;
top:57px;
left:335px;
z-index: 1;
}

#bg_faqs {
position:absolute;
top:57px;
left:335px;
z-index: 1;
}


#bg_cart {
position:absolute;
top:57px;
left:335px;
z-index: 1;
}

#bg_history {
position:absolute;
top:57px;
left:335px;
z-index: 1;
}

#bg_logout {
position:absolute;
top:57px;
left:335px;
z-index: 1;
}

#bg_admin {
position:absolute;
top:57px;
left:335px;
z-index: 1;
}


table {
padding:0;
margin:0;
}


#sidebar {
position:absolute;
left:100px;
top:130px;
color:#000000;
background:transparent;
padding:0;
margin:0;
width:223px;
text-align:left;
}

#sidebar a{
font-weight:bold;
font-family:Arial, sans-serif, Helvetica, Tahoma;
font-size:12px;
font-stretch:normal;
font-style:normal;
font-variant:normal;
text-decoration: none;
color: #282B31;
}

#sidebar a:hover{
color: #CC0000;
text-decoration:underline;
}

#catalog {
font-weight: bold;
border-bottom: 1px solid #C0C0C0;
padding:  25px 0 5px 0;
}

#ship{
border-bottom: 1px solid #C0C0C0;
padding: 15px 0 15px 0;
font-size:10px;
}

#account{
border-bottom: 1px solid #C0C0C0;
padding: 15px 0 15px 0;
font-size:10px;
}


dl.side-list{
padding:0px 0 2px 0;
margin:15px 0 0 0;
border-bottom:1px solid #C0C0C0;
}

.side-list dt {
margin:0;
padding:0;
}


#footer {
clear:both;
text-decoration:none;
text-align:center;
color:#5E5E5E;
font-size:10px;
padding:30px 0 5px 0;
font:Verdana, Arial, Helvetica, sans-serif;
}

#footer a:link {
text-decoration: none;
color: #5E5E5E;
}

#footer a:visited {
text-decoration: none;
color: #5E5E5E;
}

#footer a:hover {
text-decoration: underline;
color: #CC0000;
}

#footer p{
text-align:center;
}

#footer ul {
margin: 0;
padding: 0;
display: inline;
text-align:center;
}

#footer ul li {
margin-left: 0;
padding:0px 15px;
border-left: 1px solid #5E5E5E;
list-style: none;
display: inline;
}


.content .btn-class {
border:1px solid #a6a6a6;
padding:2px 8px 2px 8px;
margin:0;
background-image:url(btn.gif);
color:#202020;
font-family:Arial, sans-serif, Helvetica, Tahoma;
background-color:#e5e5e5;
font-size:11px;
}

.btn-class {
border:1px solid #a6a6a6;
padding:2px 8px 2px 8px;
margin:0;
background-image:url(btn.gif);
color:#202020;
font-family:Arial, sans-serif, Helvetica, Tahoma;
background-color:#e5e5e5;
font-size:11px;
}

input:hover[type="submit"], input:focus[type="submit"], input:active[type="submit"] {
border-color:#00CC33;
}

textarea:hover, textarea:focus, textarea:active {
border-color:#00CC33;
}

.content {
font-size:15px;
}

.content td {
background-color:#ffffff;
}

.content input{
font-size:70%;
}

.headline{
padding-left:10px;
padding-bottom:10px;
padding-right:3px;
text-align:left;
}

.content select{
font-size:70%;
margin-left:2px;
}

.smallBox {
height:15px;
width:250px;
border:1px solid #999999;
font-size:11px;
margin:0;
vertical-align:middle;
padding-left:2px;
}

.smallBox:hover, .smallBox:focus, .smallBox:active {
border-color:#00CC33;
}


.fileBox {
width:250px;
border:1px solid #999999;
font-size:11px;
margin:0;
vertical-align:middle;
padding:1px 0px 2px 2px;
}

.editBox{
height:15px;
width:250px;
border:0px none #FFFFFF;
font-size:11px;
margin:0;
vertical-align:middle;
padding-left:2px;
}

.editArea{
width:99%;
font-size:70%;
font-family: Arial, sans-serif, Helvetica, Tahoma;
border-style:none;
border-width:0px;
margin-top:1px;
margin-bottom:2px;
overflow-y:auto;
}

.content input:hover[type="text"], .content input:focus[type="text"], .content input:active[type="text"] {
border-color:#00CC33;
}

.content input:hover[type="file"], .content input:focus[type="file"], .content input:active[type="file"] {
border-color:#00CC33;
}

.content input:hover[type="password"], .content input:focus[type="password"], .content input:active[type="password"] {
border-color:#CC0000;
}

.editAreaShow{
width:300px;
font-size:65%;
color: #666666;
font-family: Arial, sans-serif, Helvetica, Tahoma;
border-style:none;
border-width:0px;
margin-top:1px;
margin-bottom:2px;
height:80px;
overflow-y:auto;
}

.comment {
overflow:hidden;
border:1px solid #999999;
}

h2 {
font-size:16px;
font-weight:bold;
font-family: Arial, sans-serif, Helvetica, Tahoma;
padding:0;
margin:7px 2px 3px 2px;
}

.content p{
margin-top:2px;
margin-bottom:3px;
font-size:80%; 
}

.FeaturedInventory{
width:255px;
min-width:220px;
margin-top:5px;
margin-right:2px;
margin-bottom:5px;
margin-left:2px;
padding:3px 3px 0px 3px;
border:1px dotted #CCCCCC;
}

.FeaturedInventory td {
background-color:#FFFFFF;
}

.FeaturedArt{
width:250px;
margin-top:10px;
margin-right:5px;
margin-bottom:7px;
margin-left:5px;
padding:4px 4px 0px 4px;
border:1px dotted #CCCCCC;
}

.FeaturedArt td {
background-color:#FFFFFF;
}

h3{
color:#016E51;
text-align:left;
font:normal 80% Arial, sans-serif, Helvetica, Tahoma;
text-decoration: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 1px;
padding: 0px;
}


h3 a {
color:#016E51;
text-decoration: none;
}

h3 a:link {
color:#016E51;
text-decoration:none;
}

h3 a:visited {
color: #016E51;
text-decoration:none;
}

h3 a:active {
color: #016E51;
text-decoration:none;
}

h3 a:hover {
color: #016E51;
text-decoration:underline;
}

h4 {
color: #666666;
text-decoration: none;
padding: 0px;
margin:0 2px 0 2px;
text-align:left;
font-family:Arial, sans-serif, Helvetica, Tahoma;
font-size:70%;
font-weight:bold;
display:inline;	
}

h4 a {
color: #666666;
text-decoration: none;
}

h4 a:link {
text-decoration: none;
}

h4 a:visited {
color: #666666;
text-decoration: none;
}

h4 a:hover {
color: #016E51;
text-decoration: underline;
}

h4 a:active {
color: #666666;
text-decoration: none;
}

h5 {
color: #666666;
font-family:Arial, sans-serif, Helvetica, Tahoma;
font-size:70%;
font-weight:normal;
text-decoration: none;
padding: 0px;
margin:0 2px 0 2px;
text-align:left;
}

h5 a {
color: #333333;
text-decoration: none;
}

h5 a:link {
text-decoration:none;
}

h5 a:visited {
color: #333333;
text-decoration: none;
}

h5 a:active {
color: #016E51;
text-decoration: underline;
}

h5 a:hover {
color: #016E51;
text-decoration: underline;
}

h6 {
color: #555555;
text-decoration: none;
padding: 0px;
margin:0 2px 0 2px;
text-align:left;
font-family:Arial, sans-serif, Helvetica, Tahoma;
font-size:12px;
font-weight:bold;
display:block;	
}

h6 a:link {
color: #006699;
text-decoration: none;
}

h6 a:visited {
color:#006699;
text-decoration: none;
}

h6 a:hover {
color:#CC0000;
text-decoration:underline;
}

h6 a:active {
color:#CC0000;
text-decoration: none;
}


/* SPRY TABLE */

.content .tableList {
font-size: 70%;
font-family: Arial, sans-serif, Helvetica, Tahoma;
border-collapse:collapse;
empty-cells:show;
width:98%;
margin: 0;
color:#000000;
}

.content .tableList th {
padding: 6px 0.25em;	
font-weight: bold;
margin: 0;
cursor: pointer;
}

.content .tableList th.infocus { background-color: #E6E6E6; }
.content .tableList th.selected {	color: #EAEAEA; }

.content .tableList td, .tableList th { 
margin: 0; 
padding: 0.25em 0.375em 0.45em 0.375em;
text-align: center;
}
.content .tableList tr {
border-bottom: solid 1px #202020;
-moz-user-select: none;
}

.content .tableList tr.infocus {
background-color:#dfdfdf;
cursor: pointer;
}

.content .tableList tr.notinfocus { background-color:#fff; }
.content .tableList tr.selected { color:#006C51; }
.content .tableList tbody { margin-top: 0; }
.content .tableList .even { background-color: #E3E3E3; }

.content .tableList .rowHover {
color: #000;
background-color: #ACE54B;
cursor: pointer;
}

.content .tableList .rowSelected { color: #ffffff; font-weight:normal; background-color: #006C51; }

.TopNav {
padding: 3px;
margin:0px;
}


.TopNav ul{
padding: 0px;
margin: 0px;
}

.TopNav  li{
display: inline;
color: #6CAEDF;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 10px;
}

.TopNav  li a{
color: #1c4c68;
padding: 2px 5px 3px;
margin: 0;
text-decoration: none;
font: bold 12px Arial, sans-serif, Helvetica, Tahoma;
}

.TopNav ul li a:link {
color: #1c4c68;
text-decoration:none;
}

.TopNav ul li a:active {
color: #CC0000;
text-decoration:underline;
}

.TopNav ul li a:visited {
color: #1c4c68;
text-decoration:none;
}

.TopNav ul li a:hover {
color: #CC0000;
text-decoration:underline;
}

.sLink a{
color: #1c4c68;
text-decoration: none;
font: bold 12px Arial, sans-serif, Helvetica, Tahoma;
}

.sLink a:link {
color: #1c4c68;
text-decoration:none;
}

.sLink a:active {
color: #CC0000;
text-decoration:underline;
}

.sLink a:visited {
color: #1c4c68;
text-decoration:none;
}

.sLink a:hover {
color: #CC0000;
text-decoration:underline;
}

Form {
margin: 0px;
padding: 0px;
}

pre {
white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
}


table.cms {
margin-top:5px;
width:774;
}

img.cms {
padding:3px;
border:2px solid #CCCCCC;
max-width:230px;
}

h1.cms {
font-family:Arial, sans-serif, Helvetica, Tahoma;
font-size:18px;
font-style:italic;
font-weight:bold;
margin-bottom:5px;
margin-top:1px;
color:#990000;
display:block;
}

input.cmsTitle {
font-family:Arial, sans-serif, Helvetica, Tahoma;
font-size:18px;
font-style:italic;
font-weight:bold;
color:#990000;
border:1px solid #C0C0C0;
width:510px;
margin-top:0px;
margin-bottom:5px;
display:block;
}

hr.cms {
margin:0 3px 0 3px;
color:#C0C0C0;
}

div.cms {
font:12px/18px Arial, sans-serif, Helvetica, Tahoma;
width:515px;
}

div.cms p {
font:12px/18px Arial, sans-serif, Helvetica, Tahoma;
}

div.cms a:link {
color:#3366FF;
text-decoration:underline;
}

div.cms a:visited {
color:#3366FF;
text-decoration:underline;
}

div.cms a:hover {
color:#CC0000;
text-decoration:none;
}

div.cms a:active {
color:#CC0000;
text-decoration:none;
}

.cmsFile {
border:1px solid #C0C0C0;
margin-left:5px;
}

input[type="image"] {
margin:0;
padding:0;
border-style:none;
outline:none;
}

.thumbDiv {
width:230px;
height:200px;
background-color:#FFFFFF;
border:none;
background-position:center center;
background-repeat:no-repeat;
}

.artDiv {
width:350px;
height:150px;
background-color:#FFFFFF;
border:none;
background-position:center center;
background-repeat:no-repeat;
margin:3px 3px 5px 3px;
}