html { height:101%;}
body {
font: 62.5% Helvetica, arial, sans-serif; /*creates a 10px base which allows all subsequent font sizes to be easily calculated*/
}
input,textarea {font: 90% arial, Helvetica, sans-serif;}
/* heading tags */
h1 {
font-size: 2.4em;
margin: 0 0 10px 0px;
font-weight: normal;
}
h1 a {
color: #0078BB;
}
h2 span, h2 span {
visibility: hidden;
}
h3 {
font-size: 1.4em;
font-weight: normal;
margin: 0 0 2px 0px;
}
/* generic styles */
.clearFloat {
clear: both;
display: block;
margin: 0;
padding: 0;
height: 0;
line-height: 1px;
font-size: 1px;
visibility: hidden;
}
.noMargin {margin: 0!important;}
.marginTop20 {
margin-top: 20px;
}
.marginBottom5 { margin-bottom:5px}
.marginBottom10, .marginBottom {margin-bottom: 10px;}
.marginBottom40 {margin-bottom: 40px;}
.horizList li {
float: left;
background-image: none;
padding-left: 0;
margin: 0;
}
.horizList li a {
float: left;
display: block;
}
strong {font-weight: 700;}
/* text */
p {
font-size: 1.1em;
margin-bottom: 16px;
color: #000;
}
p.introText {
font-size: 1.2em;
padding-top: 8px;
}
p.small {
font-size: 1em;
color: #9B9B9B;
}
a {text-decoration: none; color:#000000}
a:hover {text-decoration: underline;}
/* page structure */
#uberContainer {
width:990px; margin:220px auto 0 auto; position:relative ;
}
#topBar { background:url(../images/content/topBarBack.png) repeat-x; height:35px;}
#header {
background:#E3004F;
height: 148px;
width: 1001px;;
min-width: 995px;
position:relative;position:fixed; top:60px;
}
#content { padding:0 33px; }
#leftCol { width:740px; padding:5px 0 10px 0; float:left; }
#rightCol { width:200px; float:right;position:fixed; top:230px; margin-left:750px;}
ul#menu.about { width:715px}
ul#menu { width:650px; margin:56px 0 0 22px; float:left; }
ul#menu li { float:left; margin:0 10px 8px; line-height:260%;}
ul#menu li#design a, .home ul#menu li#design a:hover { background:url(../images/buttons/menu2.gif) 1px 6px no-repeat; width:130px; height:46px; }
.home ul#menu li#design a, ul#menu li#design a:hover,ul#menu li#design a.selected { background:url(../images/buttons/menu.gif) 1px 6px no-repeat; }
ul#menu li#print a, .home ul#menu li#print a:hover { background:url(../images/buttons/menu2.gif) -150px 6px no-repeat; width:90px; height:46px; }
.home ul#menu li#print a, ul#menu li#print a:hover,ul#menu li#print a.selected {background:url(../images/buttons/menu.gif) -150px 6px no-repeat; }
ul#menu li#exhibition a, .home ul#menu li#exhibition a:hover { background:url(../images/buttons/menu2.gif) -258px 6px no-repeat; width:183px; height:46px; }
.home ul#menu li#exhibition a, ul#menu li#exhibition a:hover,ul#menu li#exhibition a.selected { background:url(../images/buttons/menu.gif) -258px 6px no-repeat; }
ul#menu li#retail a, .home ul#menu li#retail a:hover { background:url(../images/buttons/menu2.gif) -464px 6px no-repeat; width:110px; height:46px; }
.home ul#menu li#retail a, ul#menu li#retail a:hover,ul#menu li#retail a.selected { background:url(../images/buttons/menu.gif) -464px 6px no-repeat; }
ul#menu li#digitalMedia a, .home ul#menu li#digitalMedia a:hover { background:url(../images/buttons/menu2.gif) 1px -39px no-repeat; width:246px; height:45px; margin-top:-8px }
.home ul#menu li#digitalMedia a, ul#menu li#digitalMedia a:hover,ul#menu li#digitalMedia a.selected { background:url(../images/buttons/menu.gif) 1px -39px no-repeat; }
ul#menu li#interiors a, .home ul#menu li#interiors a:hover { background:url(../images/buttons/menu2.gif) -266px -39px no-repeat; width:155px; height:45px; margin-top:-8px }
.home ul#menu li#interiors a, ul#menu li#interiors a:hover,ul#menu li#interiors a.selected { background:url(../images/buttons/menu.gif) -266px -39px no-repeat; }
ul#menu li#signage a, .home ul#menu li#signage a:hover { background:url(../images/buttons/menu2.gif) -441px -39px no-repeat; width:160px; height:45px; margin-top:-8px }
.home ul#menu li#signage a, ul#menu li#signage a:hover,ul#menu li#signage a.selected { background:url(../images/buttons/menu.gif) -441px -39px no-repeat; }
ul#menu li#about a { background:url(../images/buttons/about-menu.gif) 0px 0px no-repeat; width:170px; height:40px; margin-top:43px; }
/*ul#menu li#about a:hover { background-position:0px -40px;}*/
ul#menu li#blog { float:right}
ul#menu li#blog a { background:url(../images/buttons/about-menu.gif) -610px 0px no-repeat; width:84px; height:40px;margin-top:43px; }
ul#menu li#blog a:hover { background-position:-610px -40px; }
ul#menu li#specsheets a { background:url(../images/buttons/about-menu.gif) -170px 0px no-repeat; width:341px; height:39px; margin-top:43px; }
/*ul#menu li#specsheets a:hover { background-position:-170px -39px;}*/
ul#menu li#jobOpp a { background:url(../images/buttons/job-opportunities_menu.gif) 0 0px no-repeat; width:305px; height:35px; margin-top:43px; }
ul#menu li#uploadForm a { background:url(../images/buttons/upload-form_menu.gif) 0 0px no-repeat; width:229px; height:38px; margin-top:43px; }
ul#menu li#home { float:right}
ul#menu li#home a { background:url(../images/buttons/menu-home.gif) 0 0px no-repeat; width:110px; height:31px; margin-top:43px; }
ul#menu li a { color:#ffffff; font-size:4em; font-weight:700;letter-spacing:-0.5px;display:block;text-indent:-9999px; }
ul#menu li a:hover { text-decoration:none;}
/* footer */
#footer {
width: 100%;
clear: both;
text-align: center;
margin-bottom: 25px;
position: relative;
}
#footer ul {
width: 420px;
clear: both;
float: left;
text-align: center;
margin: 17px auto 0 auto;
float: none;
color: #666;
}
/*
ul#bottomNav { width:200px; margin:10px auto;}
ul#bottomNav li { display:inline; width:50px; height:20px; float:left; margin:0 8px; }
ul#bottomNav li a {display:block; width:50px; height:20px; text-indent:-9999px}
ul#bottomNav li#previous a { background: url(../images/buttons/button-previous.gif) 0 0 no-repeat;}
ul#bottomNav li#home a { background: url(../images/buttons/button-home.gif) 0 0 no-repeat}
ul#bottomNav li#next a { background: url(../images/buttons/button-next.gif) 0 0 no-repeat}
ul#bottomNav li#previous a:hover, ul#bottomNav li#home a:hover, ul#bottomNav li#next a:hover { background-position:0 -20px;}
*/
ul#bottomNav { padding:10px 0;}
ul#bottomNav li { display:inline; margin:0 7px;}
ul#bottomNav li a { text-transform:uppercase; font-size:1.2em; font-weight:700;}
ul#bottomNav li a:hover { text-decoration:none;color:#E3004F;}
/* logo */
#logo {
position:absolute;
bottom:17px; right:30px;
}
#logo span {
visibility: hidden;
}
#logo a {
text-decoration: none;
width: 104px;
height: 58px;
display: block;
background:url(../images/content/logoCP.gif);
}
/*contact iframe */
#boxContactUs{ font-size:1.3em; color:#E3004F; width:192px;}
#boxContactUs .submitButton { background: url(../images/buttons/submit-contact.gif) #E3004F; width:50px; height:20px; color:#FFFFFF; font-weight:700; font-size:.8em;text-indent:-9999px;font-size: 0;display:block;line-height: 0; border:none; cursor:pointer;}
#boxContactUs .submitButton:hover { background-position:0 20px;}
#boxContactUs input.idleField { border:1px solid #D9DADB; width:95%; margin:2px 0; height:21px; color:#D9DADB; padding-left:5px; }
#boxContactUs textarea.idleText { border:1px solid #D9DADB; width:95%; margin:5px 0; height:82px;color:#D9DADB; padding-left:5px; }
#boxContactUs form{margin-bottom:5px;}
#boxContactUs .message { text-transform:uppercase; font-size:.8em;}
/*home*/
#rightCol ul#menuRight { margin-top:10px;}
#rightCol ul#menuRight p { font-size:1em; font-weight: normal; }
#rightCol ul#menuRight li { font-size:1.3em; color:#E3004F; font-weight:700; padding:4px 4px; border-top:1px solid #D8D9D9}
#rightCol ul#menuRight li a {color:#E3004F;}
#rightCol ul#menuRight li a:hover { color:#000000; text-decoration:none}
#rightCol ul#menuRight li.double {}
#rightCol ul#menuRight li.findus p{ text-transform:uppercase; font-size:85%; color:#000000; }
#rightCol ul#menuRight li.findus a { color:#E3004F; line-height:200%}
#rightCol ul#menuRight li.formSD input.idleField { border:1px solid #D9DADB; width:95%; margin:2px 0; height:21px; color:#D9DADB; padding-left:5px; }
.hoverField { border:1px solid #D9DADB; width:95%; margin:2px 0; height:21px; color:#000000; padding-left:5px; }
#rightCol ul#menuRight li.formSD textarea.idleText { border:1px solid #D9DADB; width:95%; margin:5px 0; height:82px;color:#D9DADB; padding-left:5px; }
.hoverText { border:1px solid #D9DADB; width:95%; margin:5px 0; height:82px;color:#000000; padding-left:5px; }
#rightCol ul#menuRight li.formSD .submitButton { background: url(../images/buttons/submit-contact.gif) #E3004F; width:50px; height:20px; color:#FFFFFF; font-weight:700; font-size:.8em;text-indent:-9999px;font-size: 0;display:block;line-height: 0; border:none; cursor:pointer;}
#rightCol ul#menuRight li.formSD .submitButton:hover { background-position:0 20px;}
#rightCol ul#menuRight li h2 { font-size:1em; cursor:pointer}
#rightCol ul#menuRight li h2:hover { color:#000000}
#rightCol ul#socialLinks { margin-top:3px; height:25px}
#rightCol ul#socialLinks li { display:inline; border:none; margin:0 4px 0 0; padding:0; float:left}
#rightCol ul#socialLinks li a { width:19px; height:19px; display:block; text-indent:-9999px;}
#rightCol ul#socialLinks li #twitter { background:url(../images/icons/twitter.gif) 0 -19px}
#rightCol ul#socialLinks li a#twitter:hover { background-position:0 -0 ;}
#rightCol ul#socialLinks li #facebook { background:url(../images/icons/facebook.gif) 0 -19px}
#rightCol ul#socialLinks li a#facebook:hover { background-position:0 0 ;}
#rightCol ul#socialLinks li #linkedin { background:url(../images/icons/linkedIn.gif) 0 -19px}
#rightCol ul#socialLinks li a#linkedin:hover { background-position:0 0 ;}
#rightCol ul#menuRight li.searchBox input { margin-top:5px;border:1px solid #D9DADB; width:96%; margin:2px 0; height:21px; color:#000000; padding-left:5px; }
#rightCol ul#menuRight li.searchBox #searchsubmit {background: url(../images/buttons/btnSearch.gif) #E3004F; width:50px; height:20px; color:#FFFFFF; font-weight:700; font-size:.8em;text-indent:-9999px;font-size: 0;display:block;line-height: 0; border:none; cursor:pointer;}
#rightCol ul#menuRight li.searchBox #searchsubmit:hover { background-position:0 20px;}
#leftCol .post { border-bottom:1px solid #D9DADB; padding:12px 0 40px; width:740px;}
#leftCol .post a { color:#000000 ;}
#leftCol .post img { margin:5px 0}
#leftCol .post p { font-size:1.2em;}
#leftCol .post h1 { font-weight:700; text-transform:uppercase; letter-spacing:-0.5px; font-size:1.5em; margin-bottom:5px;}
#leftCol .post h3 {font-weight:700; text-transform:uppercase; letter-spacing:-0px; font-size:1.2em; margin:0px 0 30px 0;}
#leftCol .post .postTitle { display:none}
#leftCol .pagetitle {display:none}
#leftCol .post .postmetadata { display:none}
/*spec sheets */
#leftCol #specSheets { padding-top:10px;}
#leftCol #specSheets .post { border:none}
#leftCol #specSheets h2 { font-size:1.2em; font-weight:700}
#leftCol #specSheets .left { width:48%; float:left}
#leftCol #specSheets .right { width:48%; float:right}
#leftCol #specSheets ul li { float:left; height:240px; margin:20px 20px 20px 0; text-align:center}
#leftCol #specSheets ul li img {padding-left:5px;}
#leftCol #specSheets hr {border-top:1px solid #C9CACB; border-bottom:none;border-left:none;border-right:none; height:5px;}
#leftCol .pageSingle { border-bottom:none;}
//form inputs
.hoverText { border:1px solid #D9DADB; width:96%; margin:2px 0; height:21px; color:#000000; padding-left:5px; }
.active_category {}