/* CSS Document */
body {
padding: 0px;
margin: 0px;
min-width: 770px;
text-align: center;
font: normal 12px arial;
color: #333333;
background: #cfdce3 url('media/bg-body.gif') repeat-x top left;
}
a,
a:visited {
color: #d36401;
text-decoration: none;
}
a:hover,
a:visited:hover {
color: #f1801b;
text-decoration: none;
border-bottom: dotted 1px #f1801b;
}
#container {
top: 0px;
left: 0px;
width: 770px;
margin: 0 auto;
padding: 0px;
background: #fff url('media/bg-container.gif') repeat-y top left;
text-align: left;
position: relative;
}
#head {
position: relative;
top: 0px;
left: 0px;
width: 770px;
height: 58px;
margin: 0px;
padding: 0px;
background: transparent url('media/bg-headNw.gif') no-repeat top left;
}
#logo {
position: absolute;
top: 10px;
left: 36px;
height: 103px;
width: 132px;
z-index: 5;
}
#logo a {
border: 0;
}
#topnav1 {
position: absolute;
top: 27px;
left: 80px;
right: 2px;
height: 31px;
width: 671px;
text-align: right;
padding-top: 0px;
padding-bottom: 10px;
margin: 0px;
z-index: 5;
overflow: hidden;
}
a.topnav1,
a.topnav1:visited {
padding: 9px 10px 10px 10px;
margin: 0px;
background: transparent url('media/bg-button1.gif') no-repeat top left;
color: #fff;
font: bold 11px verdana;
text-decoration: none;
border: 0;
display: block;
float: right;
}
a.topnav1:hover,
a.topnav1:visited:hover {
background: transparent url('media/bg-button2.gif') no-repeat top left;
color: #fff;
text-decoration: none;
border: 0;
}
span.topnav1 {
padding: 9px 10px 10px 10px;
margin: 0px;
background: transparent url('media/bg-button1.gif') no-repeat top left;
}
#topnav2 {
position: absolute;
top: 6px;
left: 228px;
color: #bfe3f4;
font: normal 11px verdana;
padding-bottom: 5px;
text-align: left;
}
a.topnav2,
a.topnav2:visited {
color: #bfe3f4;
text-decoration: none;
margin: 0px 8px 0px 8px;
}
a.topnav2:hover,
a.topnav2:visited:hover {
color: #fff;
text-decoration: none;
border-bottom: dotted 1px #6ab7df;
}
#main {
clear:both;
}
#left {
float: left;
width: 184px;
text-align: left;
padding-top: 10px;
}
*html #left {
width: 174px;
}
.linklist {
margin: 10px 0px 10px 31px;
padding: 0px;
list-style-image: url('media/list-dot.gif');
}
.linklist li {
margin: 4px 0px 4px 24px;
}
h3 {
margin: 0px;
padding: 15px 0px 4px 0px;
color: #018cc7;
font: normal 16px lucida sans, arial;
}
#right {
width: 770px;
text-align: left;
padding: 0px 30px 10px 30px;
margin: 0px;
clear: both;
}
.text {
width: 710px;
padding: 10px 0px 20px 0px;
margin: 0px;
}
*html .text {
width: auto;
}
.text a:hover,
.text a:visited:hover {
border-bottom: none;
}
p {
padding: 0px;
margin: 10px 0px 10px 0px;
}
h1 {
color: #018cc7;
font: bold 24px lucida sans, arial;
letter-spacing: -1px;
margin: 0px 0px 10px 0px;
padding: 0px;
}
h2 {
margin: 0px;
padding: 10px 0px 4px 0px;
color: #018cc7;
font: normal 17px lucida sans, arial;
letter-spacing: -1px;
}
p.breadcrumb {
color: #958f87;
font: normal 11px arial;
margin: 0px 0px 10px 0px;
padding: 0px;
}
ul {
margin: 8px 8px 8px 8px;
padding: 0px;
list-style-image: url('media/list-dot.gif');
}
ol {
margin: 8px 8px 8px 8px;
padding: 0px;
}
li {
margin: 4px 0px 4px 24px;
}
.quote {
width: 252px;
background: transparent url('media/quote-top.gif') no-repeat top left;
float: right;
margin: 10px 0px 10px 15px;
}
.quote p {
padding: 20px 20px 22px 20px;
margin: 0px;
color: #01538d;
background: transparent url('media/quote-bottom.gif') no-repeat bottom left;
font: normal 12px arial;
line-height: 16px;
}
#foot {
color: #fff;
font: normal 11px verdana;
clear:both;
width: 750px;
margin: 0px 0px 0px 10px;
background: #56afde url('media/bg-foot.gif') repeat-x top left;
text-align: left;
}
#foot p {
margin: 0px;
padding: 6px 0px 6px 20px;
line-height: 15px;
}
#foot a,
#foot a:visited {
color: #cbe5f5;
}
#foot a:hover,
#foot a:visited:hover {
color: #fff;
border-bottom: dotted 1px #fff
}
.footlink,
.footlink:visited {
color: #cbe5f5;
margin-left: 30px;
}
.footlink:hover,
.footlink:visited:hover {
color: #fff;
margin-left: 30px;
border-bottom: dotted 1px #fff
}
.vidlink,
.vidlink:visited {
margin: 10px 0px 0px 46px;
display: block;
}
.vidlink:hover,
.vidlink:visited:hover {
border: none;
}
/*table {
padding: 0px;
margin: 0px;
border: none;
}
*/
td {
padding: 0px;
margin: 0px;
border: none;
}
tr {
padding: 0px;
margin: 0px;
border: none;
}
.navholder {
background: #fff url('media/product-categories-bg.gif') no-repeat bottom left;
padding: 0px 0px 0px 0px;
text-align: left;
margin-bottom: 20px;
margin-top: 5px;
height: 72px;
}
.catlink,
.catlink:visited {
margin: 5px 0px 0px 0px;
padding: 5px 14px 5px 14px;
font: normal 12px arial;
color: #018cc7;
background: transparent url('media/product-categories-divider.gif') no-repeat right center;
text-decoration: none;
display: block;
float: left;
font-weight: bold;
}
.catlink:hover,
.catlink:visited:hover {
color: #439fd5;
text-decoration: underline;
}
/*
#search {
position: absolute;
top: 118px;
left: 230px;
z-index: 20;
}*/
img {
border-right: 0px !important;
border-left: 0px !important;
border-top: 0px !important;
border-bottom: 0px !important;
}
FORM { MARGIN: 0px }
BODY { FONT: 11px Verdana; BACKGROUND-COLOR: #<%=Config_Colors_Background_Main%>; }
TABLE, TD { FONT: 11px Verdana; COLOR: #<%=Config_Colors_Text%>; }
TEXTAREA, INPUT { FONT: 12px Verdana; COLOR: #000; }
.bgcolor1 { BACKGROUND-COLOR: #<%=Config_Colors_Background1%>; FONT: bold 11px Arial; COLOR: #<%=Config_Colors_Background1_Text%>; }
.bgcolor2 { BACKGROUND-COLOR: #<%=Config_Colors_Background2%>; FONT: bold 11px Arial; COLOR: #<%=Config_Colors_Background2_Text%>; }
.bgcolor3 { BACKGROUND-COLOR: #<%=Config_Colors_Background3%>; FONT: bold 11px Arial; COLOR: #<%=Config_Colors_Background3_Text%>; }
.bglinecolor { BACKGROUND-COLOR: #<%=Config_Colors_Lines%>; }
.productnamecolorLARGE, A.productnamecolorLARGE, A.productnamecolorLARGE:visited { FONT: bold 20px 'lucida sans'; COLOR: #018cc7; TEXT-DECORATION: none; }
A.productnamecolorLARGE:hover, A.productnamecolorLARGE:visited:hover { FONT: bold 20px 'lucida sans'; COLOR: #f1801b; TEXT-DECORATION: none; }
.productnamecolor, A.productnamecolor, A.productnamecolor:visited { FONT: normal 15px 'lucida sans'; COLOR: #018cc7; TEXT-DECORATION: none; }
A.productnamecolor:hover, A.productnamecolor:visited:hover { FONT: normal 15px 'lucida sans'; COLOR: #f1801b; TEXT-DECORATION: none; }
.productnamecolorSMALL { FONT: normal 10px Verdana; COLOR: #018cc7; }
A.productnamecolorSMALL, A.productnamecolorSMALL:visited { FONT: normal 15px 'lucida sans'; COLOR: #018cc7; TEXT-DECORATION: none; }
A.productnamecolorSMALL:hover, A.productnamecolorSMALL:visited:hover { FONT: normal 15px 'lucida sans'; COLOR: #f1801b; TEXT-DECORATION: none; }
.pricecolor { FONT: bold 11px Verdana; COLOR: #<%=Config_Colors_ProductPrice%>; }
A.pricecolor, A.pricecolor:hover { FONT: bold 11px Verdana; COLOR: #f1801b; TEXT-DECORATION: none; }
.pricecolorSMALL { FONT: bold 10px Verdana; COLOR: #<%=Config_Colors_ProductPrice%>; }
A.pricecolorSMALL, A.pricecolorSMALL:hover { FONT: bold 10px Verdana; COLOR: #<%=Config_Colors_ProductPrice%>; TEXT-DECORATION: none; }
A.RegularLink { FONT: 11px Verdana; COLOR: #<%=Config_Colors_Text%>; TEXT-DECORATION: none; }
A.RegularLink:hover { COLOR: #<%=Config_Colors_Text%>; TEXT-DECORATION: underline; }
.navtitle, A.navtitle, A.navtitle:hover { FONT: 11px Verdana; COLOR: #<%=Config_Colors_MenuTitleText%>; letter-spacing : 3px; }
.smalltext { FONT: 10px Verdana; COLOR: #<%=Config_Colors_Text%>; }
A.smalltext, A.smalltext:hover { FONT: 10px Verdana; COLOR: #<%=Config_Colors_ProductName%>; TEXT-DECORATION: none; }
.nav1, A.nav1 { FONT: normal 12px Arial; COLOR: #<%=Config_Colors_Menu1Text%>; TEXT-DECORATION: none; margin-right: 15px}
A.nav1:hover { COLOR: #<%=Config_Colors_Menu1Text_MouseOver%>; TEXT-DECORATION: none; }
.nav1_selected, A.nav1_selected { FONT: bold 12px Arial; COLOR: #<%=Config_Colors_Menu1Text_MouseOver%>; TEXT-DECORATION: none; }
A.nav1_selected:hover { COLOR: #<%=Config_Colors_Menu1Text_MouseOver%>; TEXT-DECORATION: none; }
.nav2, A.nav2 { FONT: bold 11px Arial; COLOR: #<%=Config_Colors_Menu2Text%>; TEXT-DECORATION: none; }
A.nav2:hover { COLOR: #<%=Config_Colors_Menu2Text_MouseOver%>; TEXT-DECORATION: none; }
.nav2_selected, A.nav2_selected { FONT: bold 11px Arial; COLOR: #<%=Config_Colors_Menu2Text_MouseOver%>; TEXT-DECORATION: none; }
A.nav2_selected:hover { COLOR: #<%=Config_Colors_Menu2Text_MouseOver%>; TEXT-DECORATION: none; }
.nav3, A.nav3 { FONT: bold 11px Arial; COLOR: #<%=Config_Colors_Menu3Text%>; TEXT-DECORATION: none; }
A.nav3:hover { COLOR: #<%=Config_Colors_Menu3Text_MouseOver%>; TEXT-DECORATION: none; }
.nav3_selected, A.nav3_selected { FONT: bold 11px Arial; COLOR: #<%=Config_Colors_Menu3Text_MouseOver%>; TEXT-DECORATION: none; }
A.nav3_selected:hover { COLOR: #<%=Config_Colors_Menu3Text_MouseOver%>; TEXT-DECORATION: none; }
.navTOP, A.navTOP { FONT: bold 11px Arial; COLOR: #000000; TEXT-DECORATION: none; }
A.navTOP:hover { COLOR: #000000; TEXT-DECORATION: underline; }
.navBOTTOM, A.navBOTTOM { FONT: bold 11px Arial; COLOR: #<%=Config_Colors_Background3_Text%>; TEXT-DECORATION: none; }
A.navBOTTOM:hover { COLOR: #<%=Config_Colors_Background3_Text%>; TEXT-DECORATION: underline; }
.NavSpecials, A.NavSpecials { FONT: bold 11px Verdana; COLOR: #<%=Config_Colors_Background1_Text%>; TEXT-DECORATION: none; }
A.NavSpecials:hover { COLOR: #<%=Config_Colors_Background1_Text%>; TEXT-DECORATION: none; }
.carttext { FONT: 10px Verdana; COLOR: #<%=Config_Colors_Text%>; TEXT-DECORATION: none; }
A.carttext { FONT: 10px Verdana; COLOR: #<%=Config_Colors_ProductName%>; TEXT-DECORATION: none; }
A.carttext:hover { FONT: 10px Verdana; COLOR: #<%=Config_Colors_ProductName_MouseOver%>; TEXT-DECORATION: underline; }
.footer { FONT: 10px Verdana; COLOR: #<%=Config_Colors_Background2_Text%>; TEXT-DECORATION: none; }
A.footer { FONT: 10px Verdana; COLOR: #<%=Config_Colors_Background2_Text%>; TEXT-DECORATION: none; }
A.footer:hover { COLOR: #<%=Config_Colors_Background2_Text%>; TEXT-DECORATION: underline; }