/* CSS Document */
*,html *
{
margin:0;
padding:0;
}
body
{
margin:0;
background:#fff;
text-align:left;
font-family:Trebuchet MS, Arial;
font-size:0.7em;
color:#000;
}
#navig-left-intro
{
margin:20px 20px 20px 24px;
font-weight:bold;
}
#navig-left-base
{
margin:20px 20px 20px 24px;
font-weight:normal;
color:#666;
font-size:1.2em;
}
#navig-left-base h3
{
font-size:1.5em;
margin:0;
padding:0;
font-weight:bold;
margin-top:6px;
}
#navig-left
{
width:190px;
}
#navig-left ul li img
{
border:0;
margin-right:2px;
vertical-align:middle;
}
#navig-left ul
{
width:150px;
padding:0;
list-style-type:none;
font-size:1.2em;
margin-left:24px;
border-top:1px dotted #cecece;
}
#navig-left ul li
{
margin:8px 0;
border-bottom:1px dotted #cecece;
padding-bottom:8px;
}
#navig-left ul li a
{
padding:0;
color:#000;
}
#navig-left ul li a:link,
#navig-left ul li a:visited
{
text-decoration:none;
}
#navig-left ul li a:hover
{
color:#bf282b;
}
#navig-left ul li a span
{
display:none;
}
#wrapper-main
{
position:absolute;
left:190px;
top:0;
width:760px;
display:block;
}
.clear
{
clear:both;
}
#navigation
{
height:68px;
width:760px;
margin:0 auto;
font-size:1em;
background:url(img/navigation_bg.gif) repeat-x;
}
#navigation ul
{
position:absolute;
top:30px;
left:20px;
margin:0;
padding:0;
display:inline;
list-style-type:none;
}
#navigation ul li
{
display:inline;
}
#navigation ul li a
{
margin:9px 0 0 0;
padding:0 10px 0 10px;
display:block;
float:left;
color:#000;
border-left:1px solid #cecece;
}
#navigation ul li a:link,
#navigation ul li a:visited
{
text-decoration:none;
}
#navigation ul li a:hover
{
color:#bf282b;
}
#navigation ul li a span
{
display:none;
}
#navigation ul li.first a:link,
#navigation ul li.first a:visited
{
border-left:0px;
}
#main-panel
{
position:relative;
height:277px;
width:760px;
}
#main-panel img
{
display:block;
}
#side-panel
{
margin-top:15px;
width:374px;
float:right;
}
#side-panel img
{
display:block;
}
#title
{
position:absolute;
top:150px;
left:470px;
width:200px;
height:80px;
}
#title img
{
display:block;
}
#title span
{
display:none;
}
#img1,
#img2,
#img3,
#img4
{
width:179px;
height:179px;
display:block;
float:right;
}
#img1
{
margin-top:15px;
margin-left:14px;
}
#img2
{
margin-top:15px;
margin-left:13px;
}
#img3
{
margin-top:15px;
margin-left:14px;
margin-bottom:13px;
}
#img4
{
margin-top:15px;
margin-left:13px;
margin-bottom:13px;
}
#img5
{
display:block;
float:right;
margin-top:0;
margin-left:13px;
margin-bottom:13px;
width:371px;
}
#pop
{
width:400px;
height:400px;
background:#cecece;
text-align:center;
}
#pop img
{
display:block;
border:1px solid #fff;
margin:auto;
margin-top:12px;
}
#quick-tip
{
position:absolute;
top:190px;
left:38px;
width:200px;
height:80px;
color:#fff;
}
#quick-tip a:link,
#quick-tip a:visited
{
color:#fff;
text-decoration:none;
}
#quick-tip a:hover
{
text-decoration:underline;
}
#main-copy
{
width:374px;
background:url(img/copy_fade_bg.jpg);
float:left;
margin-top:15px;
margin-bottom:15px;
_height:450px;
left:0;
min-height:400px;
clear:left;
}
#title-left
{
float:left;
height:105px;
width:274px;
margin-top:15px;
left:0;
}
#title-left img
{
display:block;
}
#decor-tip
{
float:left;
background:url(img/copy_fade_bg.jpg);
margin-bottom:15px;
width:535px;
padding-bottom:12px;
}
#decor-tip p
{
margin:0;
padding:0;
margin-bottom:8px;
margin-left:30px;
margin-right:20px;
line-height:1.6em;
}
#decor-tip h3
{
margin:0;
padding:0;
margin:14px 15px 8px 30px;
font-size:1.2em;
}
#decor-tip-img
{
float:right;
margin-left:15px;
background:url(img/copy_fade_bg.jpg);
height:210px;
width:210px;
text-align:center;
}
#decor-tip-img img
{
border:1px solid #fff;
margin-top:15px;
}
#copy
{
margin:20px 20px 18px 30px;
}
#copy p
{
margin:0;
padding:0;
margin-bottom:7px;
line-height:1.6em;
}
#copy h2
{
margin:0;
padding:0;
margin-bottom:8px;
font-size:1.4em;
}
#copy h3
{
margin:0;
padding:0;
margin-bottom:14px;
font-size:1.2em;
}
#copy a:link,
#copy a:visited
{
text-decoration:none;
color:#000;
}
#navig-left ul li a:hover
{
color:#bf282b;
}
#panel-main-image
{
position:absolute;
top:15px;
left:386px;
width:374px;
}
#panel-main-image img
{
display:block;
}
#panel-specialoffers
{
float:right;
margin-top:15px;
left:386px;
width:374px;
background:#CC851A url(img/bg_special_offers.jpg) no-repeat;
height:105px;
}
#panel-specialoffers h2
{
width:354px;
text-align:right;
display:block;
height:35px;
margin:10px 20px 0 0;
background:url(img/title_special_offers.gif) no-repeat right center;
}
#panel-specialoffers h2 span
{
display:none;
}
#panel-specialoffers p
{
float:right;
margin-right:18px;
_margin-right:9px;
padding:0;
height:50px;
width:250px;
text-align:right;
color:#fff;
}
#panel-specialoffers a:link,
#panel-specialoffers a:visited
{
font-weight:bold;
text-decoration:none;
color:#fff;
}
#panel-specialoffers a:hover
{
text-decoration:underline;
}
#panel-decortip
{
float:right;
margin-top:15px;
left:386px;
width:374px;
background:#7eb2b9 url(img/bg_decor_tip.jpg) no-repeat;
height:105px;
}
#panel-decortip h2
{
width:354px;
text-align:right;
display:block;
height:35px;
margin:10px 20px 0 0;
background:url(img/title_decor_tip.gif) no-repeat right center;
}
#panel-decortip h2 span
{
display:none;
}
#panel-decortip p
{
float:right;
margin-right:18px;
_margin-right:9px;
height:50px;
width:214px;
text-align:right;
color:#fff;
}
#panel-decortip a:link,
#panel-decortip a:visited
{
font-weight:bold;
text-decoration:none;
color:#fff;
}
#panel-decortip a:hover
{
text-decoration:underline;
}
#panel-downloadbrochure
{
float:right;
width:181px;
height:84px;
margin-top:15px;
background:url(img/bg_download_new.jpg);
}
#panel-downloadbrochure h2
{
width:156px;
text-align:left;
display:block;
height:33px;
margin:10px 0 0 14px;
}
#panel-downloadbrochure h2 span
{
display:none;
}
#panel-downloadbrochure p
{
padding:0;
margin-top:15px;
margin-left:15px;
width:150px;
text-align:left;
}
#panel-downloadbrochure a:link,
#panel-downloadbrochure a:visited
{
font-weight:normal;
text-decoration:none;
color:#fff;
}
#panel-downloadbrochure a:hover
{
text-decoration:underline;
}
#panel-signup
{
float:right;
width:181px;
height:84px;
margin-top:15px;
margin-left:12px;
background:url(img/bg_signup_new.gif);
}
#panel-signup h2
{
width:156px;
text-align:right;
display:block;
height:20px;
margin:6px 0 0 14px;
}
#panel-signup h2 span
{
display:none;
}
#panel-signup p
{
float:left;
margin-top:15px;
margin-left:15px;
_margin-left:8px;
width:150px;
text-align:left;
}
#panel-signup a:link,
#panel-signup a:visited
{
font-weight:normal;
text-decoration:none;
color:#fff;
}
#panel-signup a:hover
{
text-decoration:underline;
}
#panel-find
{
float:right;
margin-top:15px;
margin-bottom:15px;
width:374px;
background:#8e598d url(img/bg_find.jpg) no-repeat;
height:105px;
}
#panel-find h2
{
width:354px;
text-align:right;
display:block;
height:35px;
margin:10px 20px 0 0;
background:url(img/title_find_retailer.gif) no-repeat right center;
}
#panel-find h2 span
{
display:none;
}
#panel-find p
{
float:right;
margin-right:18px;
_margin-right:9px;
height:50px;
width:214px;
text-align:right;
color:#fff;
}
#panel-find a:link,
#panel-find a:visited
{
font-weight:bold;
text-decoration:none;
color:#fff;
}
#panel-find a:hover
{
text-decoration:underline;
}
#panel-news
{
float:left;
margin-top:15px;
left:0px;
width:374px;
background:#6c7596 url(img/bg_latest_news.jpg) no-repeat;
height:105px;
}
#panel-news h2
{
width:354px;
text-align:right;
display:block;
height:35px;
margin:10px 20px 0 0;
background:url(img/title_latest_news.gif) no-repeat right center;
}
#panel-news h2 span
{
display:none;
}
#panel-news p
{
float:right;
margin-right:18px;
_margin-right:9px;
height:50px;
width:214px;
text-align:right;
color:#fff;
}
#panel-news a:link,
#panel-news a:visited
{
font-weight:bold;
text-decoration:none;
color:#fff;
}
#panel-news a:hover
{
text-decoration:underline;
}
#footer
{
height:40px;
width:760px;
margin:0 auto;
font-size:1em;
background:url(img/footer_bg.gif) repeat-x;
float:left;
}
#footer ul
{
position:absolute;
margin:0;
padding:0;
display:inline;
list-style-type:none;
}
#footer ul li
{
display:inline;
}
#footer ul li a
{
margin:9px 0 0 0;
padding:0 6px 0 6px;
display:block;
float:left;
color:#999;
}
#footer ul li a:link,
#footer ul li a:visited
{
text-decoration:none;
}
#footer ul li a:hover
{
color:#000;
}
#footer ul li a span
{
display:none;
}
#footer ul li.first a:link,
#footer ul li.first a:visited
{
border-left:0px;
padding-left:0px;
}
#footer p
{
margin:0;
padding:0;
margin-top:9px;
}
#footer p a:link,
#footer p a:visited
{
color:#999;
text-decoration:none;
}
#footer p a:hover
{
color:#000;
}
.forms
{
height:20px;
}
.formstall
{
height:60px;
}
.check
{
height:12px;
width:12px;
}
* html #contact_form input.check
{
border:0;
}
#contact_form label
{
display:block;
width:100px;
text-align:right;
margin-bottom:10px;
margin-right:10px;
float:left;
clear:both;
font-family: "Trebuchet MS", Verdana, Arial;
}
#contact_form input,
#contact_form textarea,
#contact_form select
{
display:block;
float:left;
margin-bottom:10px;
width:240px;
color: #666666;
border: 1px solid #CCCCCC;
font-family: "Trebuchet MS", Verdana, Arial;
}
#contactcodeexplain
{
width:250px;
margin-left:110px;
margin-bottom:10px;
}