body,tbody,th,dl,dt,dd {
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:400;
color:#777;
line-height:1.6;
margin:1pt
}

body {
background-color:#fff
}

a:active,a:link,a:visited {
background-color:transparent;
color:#234;
font-weight:500;
text-decoration:none
}

a:hover {
background-color:transparent;
color:#a4c0a9;
font-weight:600;
text-decoration:none
}

h1 {
background-color:#ffc;
color:#234;
text-align:center;
margin-top:2px;
margin-bottom:2px
}

h2 {
background-color:#fff;
color:#669;
line-height:1.2;
font:bold 12px verdana, arial, helvetica, sans-serif;
text-align:center;
margin:2px
}

h3 {
color:#fff;
font:bold 12px verdana, arial, helvetica, sans-serif;
margin-top:12px;
margin-bottom:2px;
background:#a4c0a9
}

h4 {
font:13px arial, sans-serif;
letter-spacing:0.09em;
text-transform:uppercase;
margin:2px;
padding:0
}

h5 {
text-align:left;
background-color:#fff;
color:#234;
font:11px arial, helvetica, verdana, sans-serif;
font-weight:400;
margin-top:1px;
margin-bottom:1px
}

.list {
background:#e5ece3;
color:#066;
font:10px arial, verdana, sans-serif;
font-weight:400;
padding:6px 4px 6px 6px
}

ul.circle {
list-style-type:circle
}

ol {
margin-top:4px;
margin-bottom:4px;
line-height:1.4;
font:12px veranda, arial, helvetica, sans-serif
}

li {
margin-top:2px;
margin-bottom:2px;
line-height:1.2;
font:12px arial, helvetica, sans-serif;
color:#234
}

hr {
height:0px;
line-height:0px;
width:100%;
border:solid #a4c0a9;
border-width:1px 0 0 0;
margin:0;
padding:0;    
   }

table {
font:11px geneva, verdana, arial, sans-serif;
font-weight:400
}

.main {
background-image:url(graphics/bg/background-main.gif);
width:994px
}

.corner {
background-image:url(graphics/bg/shadow1.gif);
width:227px
}

td.top-l {
background-image : url(graphics/bg/top-l.jpg);
width : 400px;
}

td.top-r {
background-image : url(graphics/bg/top-r.jpg);
width : 594px;
}

td.c1 {
background-image:url(graphics/bg/logotop-agp.jpg)
}

td.c2 {
background-image:url(graphics/bg/menutop.gif)
}

td.c3 {
background-image:url(graphics/bg/corner227.gif)
}

td.c5 {
background-image:url(graphics/bg/background-main.gif)
}

td.c7 {
background-image:url(graphics/bg/stretchbar.jpg)
}

table.c6 {
background-image:url(graphics/bg/bottom-shade.gif)
}

td#r8 {
background-color:#a4c0a9;
text-align:left
}

table#prodcat {
    background-color:#FFFFFF;
    border: none;
    width: 600px

}

table#prodcat td {
    padding: 5px;
    border: none

}

.prodcat {
background-color:#FFFFFF;
font:12px arial, verdana, sans-serif;
color:#a0522d;
font-weight:400;
text-align: center;
text-decoration:none;
width: 200px
}

table#related {
    background-color:#ffffff;
    border: none;
    width: 600px;
    text-align:left;
}

table#related td {
    width:33%;
    padding: 5px;
    border: none;
}

.related {
background:#fff;
color:#666;
font:9px geneva, verdana, arial, sans-serif;
}

.relatedp {
background:#fff;
color:#a0522d;
font:9px geneva, verdana, arial, sans-serif;
}

a.data {
text-decoration:underline
}

.toprow {
    font-style: italic;
    text-align: center;
    background-color: #FFFFCC;

}

.leftcol {
    font-weight: bold;
    text-align: left;
    width: 150px;
    background-color: #CCCCCC;

}


span.c4 {
color:#666;
font-family:Verdana, Arial, Helvetica;
font-size:70%
}

p {
line-height:1.4;
font: 14px arial, helvetica, sans-serif;
color:#2B2B2B;
text-align:left;
margin:5px 2px
}


.subtitle {
background:#fff;
color:#a0522d;
font:12px arial, verdana, sans-serif;
font-weight:700
}

.just {
text-align:justify
}

.copyright {
background:#fff;
color:#666;
font:9px geneva, verdana, arial, sans-serif
}

.cat {
background:#fff;
color:#a0522d;
font:12px arial, verdana, sans-serif;
font-weight:400;
text-align:center;
text-decoration:underline
}

.subcat {
background-color:transparent;
font:12px verdana, arial, sans-serif;
font-weight:400;
text-align:left;
text-decoration:none
}

.subcat a:active {
font-weight:700
}

.menu404 {
color:#669;
font:normal 12px verdana, arial, helvetica, sans-serif;
background:#fff;
text-align:left;
padding:4px
}

.text {
background:#fff;
color:#666;
font:14px geneva, verdana, arial, sans-serif;
font-weight:400
}

.font {
background:#fff;
color:#669;
font:11px geneva, verdana, arial, sans-serif;
}

.option {
font:10px geneva, verdana, arial, sans-serif;
font-weight:600
}

.intro {
width:650px;
padding:10px
}

.details,.details a:link,.details a:visited,.details a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
text-decoration:none;
font-weight:700;
background-color:#a4c0a9;
border:1px solid #f0f0f0;
font-style:normal;
height:inherit;
width:auto;
line-height:20px
}

.details a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
text-decoration:none;
font-weight:700;
background-color:#669;
border:1px solid #000;
font-style:normal;
height:inherit;
width:auto;
line-height:20px
}

a.product {
font:10px verdana, Geneva, sans-serif;
color:#666;
text-decoration:none
}

a.product:hover {
font-weight:700;
text-decoration:underline
}

.regprice {
font:13px arial, verdana, sans-serif;
color:#953;
font-weight:400;
text-decoration:line-through
}

.clprice {
font:13px arial, verdana, sans-serif;
color:#c90;
font-weight:400;
text-decoration:none
}

.topmenu {
background:#fff;
font:bold 12px geneva, verdana, arial, sans-serif;
text-decoration:none;
padding:0 10px 0 20px
}

#catmenu a {
color:#000;
background:#efefef;
text-decoration:none;
}


.catmenu {font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
        color: #5f4c35;
	font-weight: normal;
	padding-bottom: 2px;
	padding-left: 4px;
        padding-right: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	text-decoration: none;
}

.gfcatmenu {
background-color:transparent;
color:#a4c0a9;
margin-top:2px;
margin-bottom:2px;
line-height:1.4;
font:12px arial, helvetica, sans-serif;
font-weight:500;
text-decoration:none
}
a.catmenu {
text-decoration:none
}

.button {
background-image:url("graphics/bg/button.gif");
background-color:#cfe3cf;
font-size:8pt;
font-family:arial, verdana, helvetica, sans-serif;
color:#000;
height:19px;
width:100px;
cursor:pointer;
font-weight:700;
text-align:center;
border:1px solid #000
}

.buttonon {
background-image:url("graphics/bg/buttonon.gif");
background-color:#f7d0a1;
font-family:arial, verdana, helvetica, sans-serif;
color:#960;
font-size:8pt;
height:19px;
width:100px;
cursor:pointer;
font-weight:700;
text-align:center;
border:1px solid #000
}

.button-popups {
background-image:url("graphics/bg/button-popup.gif");
background-color:#cfe3cf;
font-family:arial, verdana, helvetica, sans-serif;
color:#000;
font-size:8pt;
height:23px;
width:100%;
cursor:pointer;
font-weight:700;
text-align:center;
border:0 solid #fff;
padding:2px
}

.buttonon-popups {
background-image:url("graphics/bg/buttonon-popup.gif");
background-color:#f7d0a1;
font-family:arial, verdana, helvetica, sans-serif;
color:#000;
font-size:8pt;
height:23px;
width:100%;
cursor:pointer;
font-weight:700;
text-align:center;
border:0 solid #fff;
padding:2px
}

.shadeform {
font:13px arial, verdana, sans-serif;
background-image:url("graphics/bg/shadeform.gif");
text-align:left;
width:250px;
border:1px solid #000
}

.dropdown {
background-color:#fff;
color:#333;
width:250px;
font:11px geneva, verdana, arial, sans-serif
}

.textarea {
font:12px arial, verdana, sans-serif;
background-image:url("graphics/bg/shadeform.gif");
text-align:left;
width:275px;
border:1px solid #000
}

.searchdrop {
color:#000;
background-color:#fff;
width:60px;
height:20px;
font:11px arial, georgia, "Times New Roman", sans-serif
}

.searchbutton {
background-color:#a4c0a9;
background-image:url("graphics/bg/button.gif");
font-family:arial, verdana, helvetica, sans-serif;
color:#000;
font-size:8pt;
height:20px;
width:35px;
cursor:pointer;
font-weight:700;
text-align:center;
border:1px solid #000
}

.img-shadow {
float:left;
background:url(graphics/bg/shadowAlpha.png) no-repeat bottom right !important;
margin:10px 0 0 10px !important
}

.img-shadow img {
display:block;
position:relative;
background-color:#fff;
border:1px solid #a9a9a9;
margin:-6px 6px 6px -6px;
padding:4px
}

.img-box {
float:left;
background:url(graphics/bg/cap.png) no-repeat bottom right !important;
margin:10px 0 0 10px !important
}


.title,.menutitle,.gftitle {
background-color:transparent;
color:#798;
font:20px "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
font-weight:500
}

.price,.saleprice {
font:12px arial, verdana, sans-serif;
color:#953;
font-weight:700
}
.rate { font-style: italic; 
        color:#000;
}

.menusubtitle,.gfsubtitle {
background-color:#fff;
color:#a0522d;
font:12px arial, verdana, sans-serif;
font-weight:400;
text-decoration:none
}
/* SUBNAV - CATTREE */

#cattree{
	float:left;
       width:190px;
       background-color : transparent;
       }

ul#first{
	list-style-type:none;
	width:190px;
	margin: 0 5px 0 0;
	padding-left: 10px;
	}

#subnav{
	float:left;
        width:190px;
       
        }
/*
#subnav li { background-color: #f0f0f0; margin-bottom: 2px; padding: 6px; }	
#subnav li a { color: #3e3e3a; text-decoration:none; display: block; width: 100%; height:100%; }
#subnav li a:hover { font-weight: bold; }
#subnav li ul { list-style-type:none; margin: 0 0 0 10px; padding-left: 0; }
#subnav li.subcategory { padding: 2; margin: 4px 0 0 0px; }	
#subnav li.subcategory a { color: #666; }		
#subnav li.subcategory a:hover { text-decoration:underline; font-weight:normal; color: #730000; }	
#subnav li.subcategory a:visited:hover { color: #730000 }
*/

/* ADDED */
/* MODIFIED CATTREE */

ul#catlevel {
width:190px;
list-style:none;
margin-top:12px;
margin-left:0;
padding-left:0;
font-weight:normal;
}

ul#catlevel li a {
display:block;
padding:5px 3px;
margin-right:10px;
font:arial, helvetica, sans-serif;
font-size:1.2em;
color:#18316b;
}

ul#catlevel li a:hover {color:#a4c0a9;}

ul#catlevel1, ul#catlevel2, ul#catlevel3, ul#catlevel4 {
list-style:none;
margin:5px 0;
padding:5px 0;
}

ul#catlevel li ul li, ul#catlevel li ul ul li, ul#catlevel li ul ul ul li{
padding:2px 0 2px 5px;
}

ul#catlevel li ul a, ul#catlevel li ul ul a, ul#catlevel li ul ul ul a {
background-color : transparent;,
border:none;
padding:3px 5px;
}


li.thiscat a{
font-weight:normal;
background-color: #e0e0e0;
color:#18316b;
}

ul#catlevel1 li.thiscat a{
font-weight:normal;
background-color: #e0e0e0;
color:#18316b;
margin-right:10px;
} 

#chat { 
	height: 40px; 
	vertical-align:top; 
	float:right;
       margin-bottom:70px;
}
/* ADDITIONAL IMAGES*/

.thumbnails{
display:block;
margin:0;
padding:0;
width:274px;
}
.thumbnails li{
display:block;
float:left;
margin:4px 4px 0 0;
padding:0;
width:42px;
height:42px;
text-align:center;
border:1px solid #eeeeee;
cursor:pointer;
}
.thumbnails li span{
display:inline-block;
height:100%;
text-align:center;
vertical-align:middle;
}
.thumbnails li img{
vertical-align:middle;
}
.swatches{
display:inline;
margin:0;
padding:0;
}
.swatches li{
display:block;
float:left;
margin:4px 4px 0 0;
padding:0;
width:50px;
height:50px;
text-align:center;
border:1px solid #eeeeee;
cursor:pointer;
}
.swatches li span{
display:inline-block;
height:100%;
text-align:center;
vertical-align:middle;
}
.swatches li img{
vertical-align:middle;
}
.product-image-margin{
height:8px;
}
.closeup{
position:absolute;
top:75px;
padding:10px 10px 5px 10px;
background-color:#ffffff;
border:1px solid #333333;
text-align:center;
display:none;
z-index:2;
min-width:274px;
min-height:274px;
}
.closeup a{
cursor:pointer;
margin:5px 0 0 0;
z-index:2;
}
.closeup_backing{
display:none;
position:absolute;
left:0px;
top:0px;
background-color:#333333;
opacity:0.75;
filter:alpha(opacity=75);
width:100%;
}

/* SLIDESHOW*/
#slideshow {
    position:relative;
    height:350px;
}

#slideshow div {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow div.active {
    z-index:10;
    opacity:1.0;
}

#slideshow div.last-active {
    z-index:9;
    opacity:0.0;
}