/* Page */
html { background-color:#555555; }
/* Header */
.header { height:400px; background-color:#191919; background-image:url(/assets/images/gif/header-bg-texture.gif); background-position:top center; border-bottom:#d7d7d7 solid 1px; }
.header .glow { height:400px; background-image:url(/assets/images/png/header-glow.png); background-position:top center; background-repeat:no-repeat; }
.header .glow .logo { position:absolute; left:50%; margin-left:-425px; top:29px; }
.header .glow .banner { position:absolute; left:50%; margin-left:-451px; top:75px; border-width:1px; border-style:solid; border-top-color:#9b9b9b; border-right-color:#9b9b9b; border-bottom-color:#939598; border-left-color:#9b9b9b; }
/* Content & Menu */
.content { background-color:#9b9b9b; background-image:url(/assets/images/png/content-shadow.png); background-position:center; background-repeat:repeat-y; }
.content .center { width:900px; margin-left:auto; margin-right:auto; background-color:#ffffff; border-left:#9b9b9b solid 1px; border-right:#9b9b9b solid 1px; }
.content .center .menu { position:relative; width:900px; height:100px; background-image:url(/assets/images/png/menu-bg.png); background-color:#cb3332; overflow:hidden; }
.content .center .menu .contact-info { position:absolute; left:700px; top:32px; text-align:right; width:155px; height:50px; }
.content .center .menu .contact-info .phone { font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:25px; color:#ffffff; }
.content .center .menu .contact-info .email a { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:16px; color:#f08c8c; text-decoration:none; }
.content .center .menu .contact-info .email a:hover { text-decoration:underline; }
.content .center .menu .column-spacer { float:left; width:1px; height:14px; margin-top:18px; background-color:#560a05; }
.content .center .menu .column { float:left; margin-top:14px; margin-left:40px; width:125px; }
.content .center .menu .column .title { font-family:Helvetica, Arial, sans-serif; font-size:14px; line-height:20px; color:#f08c8c; letter-spacing:1px; text-transform:lowercase; }
.content .center .menu .column a { display:block; float:left; clear:left; font-family:Arial, Helvetica, sans-serif; white-space:nowrap; font-size:12px; line-height:16px; color:#3d0703; text-decoration:none; text-transform:lowercase; }
.content .center .menu .column a.selected { color:#ffffff; }
.content .center .menu .column a:hover { color:#ffffff; }
/* Footer */
.footer { position:relative; width:898px; height:184px; margin-left:auto; margin-right:auto; background-image:url(/assets/images/png/footer-bg.png); border-width:1px; border-style:solid; border-top-color:#111111; border-right-color:#000000; border-bottom-color:#000000; border-left-color:#000000; }
.footer .chevrons { position:absolute; left:452px; top:41px; width:343px; height:144px; background-image:url(/assets/images/png/chevrons.png); }
.footer .vertical-distribution-solution { position:absolute; left:33px; top:45px; width:390px; height:29px; background-image:url(/assets/images/png/vertical-distribution-solution.png); }
.footer .contact-info { position:absolute; left:37px; top:100px; }
.footer .contact-info p { font-family:Verdana, Arial, Helvetica, sans-serif; color:#9b9b9b; font-size:10px; line-height:18px; }
/* Copyright */
.copyright { width:900px; height:25px; padding-bottom:10px; margin-left:auto; margin-right:auto; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:11px; line-height:25px; }
.copyright a { color:#000000; text-decoration:underline; }
.copyright a:hover { color:#999999; text-decoration:underline; }
/* Our story */
.our-story { width:900px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#606060; }
.our-story p { margin-bottom:15px; }
.our-story .column1 { float:left; width:500px; padding:40px 75px 0px 50px; }
.our-story .column2 { float:left; width:275px; background-color:#e6e6e6; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:19px; color:#757575; }
.our-story .column2 .title { font-family:Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; color:#000000; }
.our-story .column2 .mission { padding:30px 30px 5px 25px; background-image:url(/assets/images/png/sidebar-shadow-top.png); background-position:top; background-repeat:repeat-x; border-top:#ffffff solid 1px; }
.our-story .column2 .vision { padding:25px 30px 10px 25px; background-image:url(/assets/images/png/sidebar-shadow-bottom.png); background-position:bottom; background-repeat:repeat-x; border-top:#ffffff solid 1px; border-bottom:#ffffff solid 1px; }
/* Praise */
.praise { overflow:hidden; width:800px; padding:40px 50px 40px 50px; }
.praise img { margin-bottom:5px; }
.praise .intro { float:left; width:424px; padding-right:25px; margin-right:25px; border-right:#CCCCCC dotted 1px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#606060; }
.praise .intro p { margin-bottom:15px; }
.praise .articles { float:left; width:325px; }
.praise .articles h1 { font-family:Helvetica, Arial, sans-serif; font-size:19px; line-height:23px; color:#000000; margin-bottom:5px; }
.praise .articles p { color:#CC3333; margin-bottom:3px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:20px; }
.praise .articles p a { color:#CC3333; text-decoration:none; }
.praise .articles p a:hover { text-decoration:underline; }
.praise .articles p span { color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:15px; }
.categories-and-brands { overflow:hidden; padding:40px 50px 40px 50px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#606060; }
.categories-and-brands :last-child { border:none; }
.categories-and-brands p.quote { width:750px; margin-bottom:25px; color:#CC3333; font-family:Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; }
.categories-and-brands p { margin-bottom:15px; }
.categories-and-brands h1 { font-family:Helvetica, Arial, sans-serif; font-size:22px; line-height:26px; color:#000000; }
.categories-and-brands span { display:block; width:500px; padding-bottom:15px; border-bottom:#CCCCCC dotted 1px; margin-bottom:15px; }
/* Milestones */
.milestones { overflow:hidden; padding:40px 0px 0px 0px; color:#606060; }
.milestones p.title { margin:0px 0px 5px 50px; }
.milestones p.intro { margin:0px 0px 25px 50px; width:500px; color:#CC3333; font-family:Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; }
.milestones .accordion { overflow:hidden; }
.milestones .accordion div { overflow:hidden; float:left; width:50px; height:420px; cursor:pointer; background-image:url(/assets/images/png/milestones.png); background-repeat:no-repeat; }
.milestones .accordion div span { overflow:hidden; display:none; width:270px; height:420px; padding:0px 15px 0px 15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#606060; }
.milestones .accordion div span p { margin:0px 0px 15px 0px; }
.milestones .accordion div span p.year { font-family:Helvetica, Arial, sans-serif; color:#CC3333; font-size:30px; line-height:40px; margin:30px 0px 15px 0px; }
.milestones .accordion div.col1 { background-position:0px 0px; }
.milestones .accordion div.col1:hover { background-position:0px -420px; }
.milestones .accordion div.col2 { background-position:-50px 0px; }
.milestones .accordion div.col2:hover { background-position:-50px -420px; }
.milestones .accordion div.col3 { background-position:-100px 0px; }
.milestones .accordion div.col3:hover { background-position:-100px -420px; }
.milestones .accordion div.col4 { background-position:-150px 0px; }
.milestones .accordion div.col4:hover { background-position:-150px -420px; }
.milestones .accordion div.col5 { background-position:-200px 0px; }
.milestones .accordion div.col5:hover { background-position:-200px -420px; }
.milestones .accordion div.col6 { background-position:-250px 0px; }
.milestones .accordion div.col6:hover { background-position:-250px -420px; }
.milestones .accordion div.col7 { background-position:-300px 0px; }
.milestones .accordion div.col7:hover { background-position:-300px -420px; }
.milestones .accordion div.col8 { background-position:-350px 0px; }
.milestones .accordion div.col8:hover { background-position:-350px -420px; }
.milestones .accordion div.col9 { background-position:-400px 0px; }
.milestones .accordion div.col9:hover { background-position:-400px -420px; }
.milestones .accordion div.col10 { background-position:-450px 0px; }
.milestones .accordion div.col10:hover { background-position:-450px -420px; }
.milestones .accordion div.col11 { background-position:-500px 0px; }
.milestones .accordion div.col11:hover { background-position:-500px -420px; }
.milestones .accordion div.col12 { background-position:-550px 0px; }
.milestones .accordion div.col12:hover { background-position:-550px -420px; }
.milestones .accordion div.col13 { background-position:-600px 0px; }
.milestones .accordion div.col13:hover { background-position:-600px -420px; }
.milestones .accordion div.selected { float:left; width:300px; height:420px; background-color:#ffffff !important; background-image:none !important; cursor:auto !important; }
.milestones .accordion div.selected span { display:block; }
.online-catalogues { padding:40px 50px 40px 50px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#606060; }
.online-catalogues p.intro { width:750px; margin-bottom:25px; color:#CC3333; font-family:Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; }
.online-catalogues form h2 { font-family:Helvetica, Arial, sans-serif; font-size:17px; line-height:20px; color:#000000; margin:0px 0px 3px 0px;}
.online-catalogues form div { margin-bottom:10px; }
.online-catalogues form input { width:200px; font-family:Tahoma, Helvetica, Arial, sans-serif; font-size:15px; color:#000000; padding:3px; }
.our-showrooms { overflow:hidden; padding:40px 0px 40px 50px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#606060; }
.our-showrooms div.message { float:left; width:475px; margin:0px 30px 25px 0px; }
.our-showrooms div.message p.intro { color:#CC3333; font-family:Helvetica, Arial, sans-serif; font-size:17px; line-height:25px; }
.our-showrooms div.message p.instructions { position:relative; top:40px; left:50px; color:#666666; font-family:Helvetica, Arial, sans-serif; font-size:20px; line-height:30px; }
.our-showrooms div.message p.instructions span { position:relative; top:10px; font-size:55px; line-height:70px; color:#999999; }
.our-showrooms div.logos { float:left; width:300px; }
.our-showrooms div.logos div { text-align:center; margin-bottom:25px; }
.sales-and-expertise { overflow:hidden; width:800px; padding:40px 50px 40px 50px; font-family:Arial, Helvetica, sans-serif; color:#606060; font-size:13px; line-height:22px; }
.sales-and-expertise h1 { font-family:Helvetica, Arial, sans-serif; font-size:19px; line-height:25px; color:#000000; }
.sales-and-expertise .sales { width:349px; padding-right:25px; margin-right:25px; border-right:#CCCCCC dotted 1px; float:left; }
.sales-and-expertise .expertise { width:350px; padding-right:50px; float:left; }
.sales-and-expertise p { margin-bottom:15px; }
.business-intelligence { position:relative; width:400px; padding:40px 75px 40px 50px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#606060; }
.business-intelligence p { margin-bottom:15px; }
.communications { overflow:hidden; width:800px; padding:40px 50px 40px 50px; font-family:Arial, Helvetica, sans-serif; color:#606060; font-size:13px; line-height:22px; }
.communications p { margin-bottom:15px; }
.communications .column1 { width:349px; padding-right:25px; margin-right:25px; border-right:#CCCCCC dotted 1px; float:left; }
.communications .column2 { width:350px; padding-right:50px; float:left; }
.contact-us { width:500px; padding:40px 50px 40px 50px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#606060; }
.contact-us h1 { width:400px; margin-bottom:20px; color:#CC3333; font-family:Helvetica, Arial, sans-serif; font-size:17px; line-height:23px; }
.contact-us .columns { overflow:hidden; width:800px; }
.contact-us .columns div { float:left; width:200px; }
.contact-us .columns div h2 { font-family:Helvetica, Arial, sans-serif; font-size:19px; line-height:23px; color:#000000; margin-top:5px; }
.contact-us .columns div strong { text-transform:uppercase; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; }
.contact-us .columns div a { color:#CC3333; text-decoration:none; }
.contact-us .columns div a:hover { text-decoration:underline; }
.careers { width:500px; padding:40px 75px 40px 50px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#606060; }
.careers p { margin-bottom:15px; }
.careers p a { color:#CC3333; text-decoration:none; }
.careers p a:hover { text-decoration:underline; }