/******************************************************************/ /* START 'LINK' tags */ /******************************************************************/ a:link { text-decoration: none; color: #254B72; } p { font-family: Tahoma; font-size: 10pt; color: #254B72; } td { font-family: Tahoma; font-size: 10pt; color: #FFFFFF; } table { font-family: Tahoma; font-size: 10pt; color: #254B72; } a:visited { text-decoration: none; color: #6B8DB8; } a:hover { text-decoration: none; color: #FF0000; } /******************************************************************/ /* END 'link' tags */ /******************************************************************/ /******************************************************************/ /* START standard 'BODY' and font tags to change */ /******************************************************************/ body { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; scrollbar-base-color: #558DC6; font-family: Arial, Helvetica, sans-serif; background-color: #ACBFD7; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; } textarea { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; color: #254B72; } /******************************************************************/ /* END 'body' tags */ /******************************************************************/ /******************************************************************/ /* START special 'DWT' tags */ /******************************************************************/ .banner { margin-left: 0px; margin-right: 0px; padding-left: 28px; padding-right: 0px; color: #B8CDE2; font-size: 12pt; font-weight: bold; } .textLogo { margin-left: 0px; margin-right: 0px; padding-left: 8px; padding-right: 28px; color: #254B72; font-size: 18pt; font-weight: bold; text-align: right; font-family: Times New Roman, Tahoma, Arial, Helvetica, sans-serif; } .mainContent { width: 100%; margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px; } .tagline { font-size: 10pt; small-caps; font-weight: bold; color: #646675; } .navigatetitle { font-size: 8pt; font-weight: bold; color: #B8CDE2; padding-left: 0px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 10px; padding-top: 10px; } .bottomLinks { font-family: Tahoma; font-size: 9pt; font-variant: small-caps; color: #E7EBEA; } .topLinks { font-family: Tahoma; font-size: 9pt; font-variant: small-caps; color: #646675; } .copyright { font-family: Tahoma; font-size: 8pt; text-align: center; vertical-align: middle; padding-top: 2px; margin-top: 10px; color: #E7EBEA; } .address { font-family: Tahoma; font-size: 8pt; text-align: center; vertical-align: middle; } /******************************************************************/ /* END 'DWT' tags */ /******************************************************************/ /******************************************************************/ /* START special 'DWT' tags */ /******************************************************************/ /* 1 */ .toptextLinks { font-size: 9pt; small-caps; font-weight: bold; color: #336699; padding-top: 10px; padding-left: 35px; padding-right: 0px; padding-bottom: 0px; } /* 2 */ .logo { font-family: Times New Roman, Helvetica, sans-serif; font-weight: normal; font-size: 24pt; color: #ffffff; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } /* 2 */ .tagline { font-family: Tahoma, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; color: #0B477D; padding-top: 15px; padding-left: 65px; padding-right: 65px; padding-bottom: 0px; text-align: right; } /* 3 */ .iconbuttons { font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; font-size: 12pt; color: #0B477D; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; text-align: left; } /* 4 */ .pagetitle { font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; font-size: 12pt; color: #0B477D; padding-top: 70px; padding-left: 12px; padding-right: 0px; padding-bottom: 0px; text-align: center; } /* 5 */ .googlesearch { margin-left: 15px; margin-right: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; } /* 6 */ .menuheading { font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; color: #0B477D; padding-top: 15px; padding-left: 35px; padding-right: 0px; padding-bottom: 0px; text-align: left; } /* 7A and 9A*/ .verticalmenuFrontPage { font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; color: #FFFFFF; padding-top: 30px; padding-left: 5px; padding-right: 0px; padding-bottom: 0px; text-align: left; height: 11px; } /* 7B and 9B*/ .verticalmenuCSS { font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; font-size: 10pt; color: #FFFFFF; padding-top: 5px; padding-left: 5px; padding-right: 0px; padding-bottom: 0px; text-align: left; } /* 8 */ .horizontalmenu { font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; font-size: 8pt; color: #0B477D; padding-top: 5px; padding-left: 5px; padding-right: 0px; padding-bottom: 0px; text-align: center; } /* 9 see above 7A and 7B */ /* 10 */ .scrollercontent { font-family: Tahoma, Helvetica, sans-serif; font-weight: normal; font-size: 8pt; color: #0B477D; padding-top: 5px; padding-left: 5px; padding-right: 0px; padding-bottom: 0px; text-align: center; } /* 11 */ .copyright { font-family: Tahoma, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; color: #0B477D; padding-top: 2px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; text-align: center; } /* 12 */ .addtofavorites { font-family: Tahoma, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; color: #0B477D; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; text-align: center; } /* 13 */ .contactbutton { font-family: Tahoma, Helvetica, sans-serif; font-weight: normal; font-size: 9pt; color: #0B477D; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; text-align: center; } /* 14 */ .flashheader { font-family: Tahoma, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; color: #0B477D; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; text-align: left; } /* 15 */ .content { font-family: Tahoma, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; color: #0B477D; padding-top: 10px; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; text-align: left; } /* 16 */ .contentheading { font-family: Tahoma, Helvetica, sans-serif; font-weight: bold; font-style: italic; font-size: 12pt; color: #0B477D; padding-top: 5px; padding-left: 50px; padding-right: 0px; padding-bottom: 0px; text-align: left; } /******************************************************************/ /* END 'DWT' tags */ /******************************************************************/ /******************************************************************/ /* START 'MESSAGE BOX' tags */ /******************************************************************/ .boxHeader { vertical-align: top; font-family: Tahoma; font-size: 10pt; font-weight: bold; padding-top: 10px; padding-left: 20px; } .boxSubheader{ vertical-align: top; font-family: Tahoma; font-size: 9pt; padding-top: 4px; padding-left: 10px; padding-right: 20px; text-align: right; } .boxText{ vertical-align: top; font-family: Tahoma; font-size: 8pt; padding-top: 7px; padding-left: 15px; padding-right: 15px; } .boxText2{ vertical-align: top; font-family: Tahoma; font-size: 10pt; padding-top: 7px; padding-left: 0px; padding-right: 0px; } .boxText3{ vertical-align: top; font-family: Tahoma; font-size: 9pt; padding-top: 5px; padding-left: 5px; padding-right: 5px; } /******************************************************************/ /* END 'message box' tags */ /******************************************************************/ /******************************************************************/ /* START 'H' tags */ /******************************************************************/ h1 { font-weight: normal; } h2 { color: #D3CDAB; font-weight: normal; } h3 { color: #D3CDAB; font-weight: normal; } h4 { color: #D3CDAB; font-weight: normal; } h5 { color: #D3CDAB; font-weight: normal; } h6 { color: #D3CDAB; font-weight: normal; } /******************************************************************/ /* END 'H' tags */ /******************************************************************/ /******************************************************************/ /* START 'CATALOG PAGE' tags */ /******************************************************************/ .cart_button_cell { width:95px; text-align:center; } .product_attribute { color: #000000; background-color: #D3CDAB; border: 0px; font-size: 9pt; font-family: Tahoma; font-weight: bold; padding: 0px; height: 15px; } .product_description { font-size: 9pt; font-family: Tahoma; } .menu_label { font-size: 10pt; font-weight: bold; font-family: Tahoma; text-align: center; } a.learn_more_product:active { color: #ffffff; font-size: 11px; text-decoration: underline; font-weight: bold; } a.learn_more_product:visited { color: #ffffff; font-size: 11px; font-weight: bold; } a.learn_more_product:link { color: #ffffff; font-size: 11px; font-weight: bold; } a.learn_more_product:hover { text-decoration: underline; color: #ffffff; } .learn_more_product { text-decoration: underline; color: #ffffff; font-weight: bold; } .thumbnail_bg { background-repeat: no-repeat; height: 130px; width: 130px; vertical-align: top; } .thumbnail_bg { background-image: url('../graphics/thumbnail_bg.jpg'); background-repeat: no-repeat; height: 130px; width: 130px; vertical-align: top } .product_header { background-image: url("../graphics/product_header.jpg"); background-repeat: repeat-x; height: 20px; color: #000000; } .product_field { width: 95px; font-weight: bold; vertical-align: top; } /******************************************************************/ /* END 'catalog page' tags */ /******************************************************************/ /******************************************************************/ /* START 'CSS MENU' tags */ /******************************************************************/ #sectionLinks{ margin: 0px; padding: 0px; } #sectionLinks h3{ padding: 10px 0px 2px 10px; border-bottom: 0px solid #cccccc; } #sectionLinks a:visited { display: block; border-top: 0px solid #4b6391; border-bottom: 0px solid #000066; background-image: url("../graphics/vn.jpg"); padding: 8px 2px 4px 0px; color: #B8CDE2; } #sectionLinks a:link { display: block; border-top: 0px solid #4b6391; border-bottom: 0px solid #000066; background-image: url("../graphics/vn.jpg"); padding: 8px 2px 4px 0px; color: #B8CDE2; } #sectionLinks a:hover{ border-top: 0px solid #C8E1FD; background-image: url("../graphics/vnh.jpg"); padding: 8px 2px 4px 0px; text-decoration: none; font-weight: bold; color: #ffcc00; } #pageNav{ float: center; width:196px; padding: 0px; border-right: 0px solid #000000; border-bottom: 0px solid #cccccc; font: Tahoma; font-weight: bold; font-size: 9pt; } /******************************************************************/ /* END 'css menu' tags */ /******************************************************************/ /******************************************************************/ /* START 'CUSTOM' tags */ /******************************************************************/ /******************************************************************/ /* template graphic custom tags */ /******************************************************************/ .bg { background-image: url(../graphics/bg.jpg); } .bg1 { background-image: url(../graphics/intro-bg.jpg); background-repeat: repeat-x; background-position: left top; } .contact { background-image: url(../graphics/contact.jpg); background-repeat: no-repeat; } .favorites { background-image: url(../graphics/favorites.jpg); background-repeat: no-repeat; } .intro-b1 { background-image: url(../graphics/intro-b1.jpg); background-repeat: no-repeat; background-position: center bottom; } .intro-c1 { background-image: url(../graphics/intro-c1.jpg); background-repeat: repeat-y; background-position: center center; } .intro-m2 { background-image: url(../graphics/intro-m2.jpg); background-repeat: no-repeat; background-position: left bottom; } .intro-t1 { background-image: url(../graphics/intro-t1.jpg); background-repeat: no-repeat; background-position: center top; } .leftColumnbox1 { background-image: url(../graphics/leftcolumnbox1.jpg); background-repeat: no-repeat; } .leftColumnbox2 { background-image: url(../graphics/leftcolumnbox2.jpg); background-repeat: no-repeat; } .newsbox1 { background-image: url(../graphics/newsbox1.jpg); background-repeat: no-repeat; background-position: center top; } .newsbox2 { background-image: url(../graphics/newsbox2.jpg); background-repeat: repeat-y; background-position: center top; } .newsbox3 { background-image: url(../graphics/newsbox3.jpg); background-repeat: no-repeat; background-position: center bottom; } .searchbox1 { background-image: url(../graphics/searchbox1.jpg); background-repeat: no-repeat; background-position: center top; } .searchbox2 { background-image: url(../graphics/searchbox2.jpg); background-repeat: repeat-y; background-position: center top; } .searchbox3 { background-image: url(../graphics/searchbox3.jpg); background-repeat: repeat; background-position: center bottom; } .template-b1 { background-image: url(../graphics/template-b1.jpg); background-repeat: no-repeat; background-position: left top; } .template-b2 { background-image: url(../graphics/template-b2.jpg); background-repeat: repeat-x; background-position: left top; } .template-b3 { background-image: url(../graphics/template-b3.jpg); background-repeat: no-repeat; background-position: right top; } .template-c1 { background-image: url(../graphics/template-c1.jpg); background-repeat: repeat-y; background-position: left top; color: #336699; } .template-c2 { background-image: url(../graphics/template-c2.jpg); } .template-c3 { background-image: url(../graphics/template-c3.jpg); background-repeat: repeat-y; background-position: right top; } .template-h1 { background-image: url(../graphics/template-h1.jpg); background-repeat: no-repeat; background-position: left top; } .template-h2 { background-image: url(../graphics/template-h2.jpg); background-repeat: repeat-x; background-position: left top; } .template-h3 { background-image: url(../graphics/template-h3.jpg); background-repeat: no-repeat; background-position: right top; } .template-m1 { background-image: url(../graphics/template-m1.jpg); background-repeat: no-repeat; background-position: left top; } .template-m2 { background-image: url(../graphics/template-m2.jpg); background-repeat: repeat-y; background-position: left top; } .template-m3 { background-image: url(../graphics/template-m3.jpg); background-repeat: no-repeat; background-position: left bottom; } .template-t1 { background-image: url(../graphics/template-t1.jpg); background-repeat: no-repeat; background-position: left top; } .template-t2 { background-image: url(../graphics/template-t2.jpg); background-repeat: no-repeat; background-position: left top; } .template-t3 { background-image: url(../graphics/template-t3.jpg); background-repeat: repeat-x; background-position: left top; } .template-t4 { background-image: url(../graphics/template-t4.jpg); background-repeat: no-repeat; background-position: right top; } .template-image1 { background-image: url(../graphics/template-image1.jpg); background-repeat: no-repeat; background-position: left top; } .template-image2 { background-image: url(../graphics/template-image2.jpg); background-repeat: repeat-x; background-position: left top; } .template-image3 { background-image: url(../graphics/template-image3.jpg); background-repeat: no-repeat; background-position: right top; } .intro-image1 { background-image: url(../graphics/intro-image1.jpg); background-repeat: no-repeat; background-position: left top; } .intro-image2 { background-image: url(../graphics/intro-image2.jpg); background-repeat: repeat-x; background-position: left top; } .intro-image3 { background-image: url(../graphics/intro-image3.jpg); background-repeat: no-repeat; background-position: right top; } .intro-image2 { background-image: url(../graphics/intro-image2.jpg); background-repeat: repeat-x; background-position: left top; } .newsBox1 { background-image: url(../graphics/newsBox1.jpg); background-repeat: no-repeat; background-position: right top; } .newsBox2 { background-image: url(../graphics/newsBox2.jpg); background-repeat: repeat-y; background-position: right top; } .newsBox3 { background-image: url(../graphics/newsBox3.jpg); background-repeat: no-repeat; background-position: right bottom; } .searchBox1 { background-image: url(../graphics/searchBox1.jpg); background-repeat: no-repeat; background-position: right top; } .searchBox2 { background-image: url(../graphics/searchBox2.jpg); background-repeat: repeat-y; background-position: right top; } .searchBox3 { background-image: url(../graphics/searchBox3.jpg); background-repeat: no-repeat; background-position: right bottom; } .featuredBox1 { background-image: url(../graphics/featuredBox1.jpg); background-repeat: no-repeat; background-position: right top; } .featuredBox2 { background-image: url(../graphics/featuredBox2.jpg); background-repeat: repeat-y; background-position: right top; } .featuredBox3 { background-image: url(../graphics/featuredBox3.jpg); background-repeat: no-repeat; background-position: right bottom; } /******************************************************************/ /* END 'css menu' tags */ /******************************************************************/ /******************************************************************/ /* template graphic custom tags */ /******************************************************************/ .intro-bg { background-image: url(../graphics/intro-bg.jpg); background-repeat: repeat-x; background-position: left top; } .intro-bottom { background-image: url(../graphics/intro-bottom.jpg); background-repeat: no-repeat; background-position: center top; height: 59px; } .intro-contact { background-repeat: no-repeat; background-position: left top; height: 91px; width: 112px; } .intro-favorites { background-image: url(../graphics/intro-favorites.jpg); background-repeat: no-repeat; background-position: right top; height: 91px; width: 98px; } .intro-leftboxbottom { background-image: url(../graphics/intro-leftboxbottom.jpg); background-repeat: no-repeat; background-position: center bottom; height: 6px; width: 209px; } .intro-leftboxcenter { background-image: url(../graphics/intro-leftboxcenter.jpg); background-repeat: repeat-y; background-position: center top; height: 221px; width: 209px; } .intro-leftboxtop { background-image: url(../graphics/intro-leftboxtop.jpg); background-repeat: no-repeat; background-position: center top; height: 214px; width: 209px; padding-left: 10px; padding-top: 12px; } .intro-m1 { background-image: url(../graphics/intro-m1.jpg); background-repeat: no-repeat; background-position: left top; height: 316px; } .intro-m2 { background-image: url(../graphics/intro-m2.jpg); background-repeat: repeat-y; background-position: left top; } .intro-m4 { background-image: url(../graphics/intro-m4.jpg); background-repeat: repeat-y; background-position: left top; height: 76px; padding-left: 16px; } .intro-m5 { background-image: url(../graphics/intro-m5.jpg); background-repeat: no-repeat; background-position: left top; height: 20px; text-align: center; padding-left: 11px; } .intro-mnews { background-image: url(../graphics/intro-mnews.jpg); background-repeat: no-repeat; background-position: left top; height: 38px; text-align: center; padding-left: 22px; } .intro-rightboxbottom { background-image: url(../graphics/intro-rightboxbottom.jpg); background-repeat: no-repeat; background-position: center bottom; height: 6px; width: 341px; } .intro-rightboxcenter { background-image: url(../graphics/intro-rightboxcenter.jpg); background-repeat: repeat-y; background-position: center top; height: 221px; width: 341px; } .rightboxtop { background-repeat: no-repeat; background-position: right top; height: 214px; width: 341px; background-image: url(../graphics/intro-rightboxtop.jpg); padding-left: 10px; padding-top: 12px; } .intro-t1 { background-image: url(../graphics/intro-t1.jpg); background-repeat: no-repeat; background-position: right top; height: 320px; width: 550px; } .introTable { height: 541px; width: 760px; } .intro-centerbg { background-image: url(../graphics/intro-centerbg.jpg); background-repeat: repeat-y; background-position: center top; } .introTable1 { height: 65px; width: 550px; } .introTable2 { height: 38px; width: 550px; text-align: center; padding-left: 11px; } .introTable3 { height: 163px; width: 550px; vertical-align: top; padding-left: 6px; padding-top: 1px; text-align: left; } .introTable4 { height: 43px; width: 210px; vertical-align: top; } .introTable5 { height: 25px; width: 210px; text-align: center; padding-left: 11px; } .introTable6 { height: 160px; width: 210px; vertical-align: top; text-align: center; padding-top: 5px; padding-left: 11px; } .introTable7 { height: 24px; width: 210px; text-align: center; padding-left: 11px; vertical-align: bottom; font-weight: bold; } .introTable8 { text-align: left; padding-left: 11px; vertical-align: top; } .introTable9 { text-align: left; padding-left: 0px; vertical-align: top; height: 10px; padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; } .introTable10 { text-align: left; padding-left: 0px; vertical-align: top; height: 39px; } .introTable11 { text-align: left; padding-left: 0px; vertical-align: top; height: 52px; }