/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: General Tags & Text */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HELP: Basic body background for your store. You can use this to alter the background colour for your entire store */
@font-face {
font-family: 'CartoGothic';
src: url(fonts/'CartoGothicStd-Book-webfont.eot'); /* IE9 Compat Modes */
src: url(fonts/'CartoGothicStd-Book-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url(fonts/'CartoGothicStd-Book-webfont.woff') format('woff'), /* Modern Browsers */
url(fonts/'CartoGothicStd-Book-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
url(fonts/'CartoGothicStd-Book-webfont.svg#cartoGothicStd') format('svg'); /* Legacy iOS */
}
body {
font-family: Tahoma, verdana, sans-serif;
background: #ffffff url(../images/body-bg.jpg) repeat-x;
margin: 0px;
padding: 0px;
height: 100%;
font-size:100%;
}
body.popup {
background: #ECEDEF;
}
body.popup #main-content {
width: 573px;
margin: 0;
}
/* HELP: Basic store link colour
*/
a {
color:#1C5576;
text-decoration: none;
font-weight: bold;
outline: none;
}
/* HELP: Basic store link colour (when mouse hovers over it) */
a:hover {
color:#59BDE9;
text-decoration: none;
outline: none;
}
/* HELP: Main page headings, for example product names, section titles etc. */
h1 {
margin: 0 0 20px 0;
padding: 0;
font-size: 1.4em;
font-weight: normal;
line-height: 1;
color: #222;
clear: both;
text-transform: lowercase;
}
.content-section h1 {
width: 223px;
height: 51px;
background-position: left;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
}
.content-section h1.section4 {
background-image: url(../images/headers/brushed-steel.gif);
}
.content-section h1.section5 {
background-image: url(../images/headers/kidz.gif);
}
.content-section h1.section6 {
background-image: url(../images/headers/luminate.gif);
}
.content-section h1.section7 {
background-image: url(../images/headers/serene.gif);
}
.content-section h1.section8 {
background-image: url(../images/headers/starship.gif);
}
.content-section h1.section9 {
background-image: url(../images/headers/x-ray.jpg);
}
.content-section h1.section13 {
background-image: url(../images/headers/ice.jpg);
}
.content-section h1.section14 {
background-image: url(../images/headers/candy.jpg);
}
.content-section h1.section15 {
background-image: url(../images/headers/downloads-header.jpg);
height: 60px;
}
.content-section h1.section17 {
background-image: url(../images/headers/graphics-header.jpg);
height: 60px;
width: 229px;
}
.content-section h1.section18 {
background-image: url(../images/headers/activity-icons.jpg);
height: 60px;
width: 229px;
}
.content-section h1.section19 {
background-image: url(../images/headers/ipad-templates.jpg);
height: 60px;
width: 246px;
}
.content-section h1.section20 {
background-image: url(../images/headers/iphone-ipod.jpg);
height: 60px;
width: 304px;
}
.content-section h1.section21 {
background-image: url(../images/headers/zones-icons.jpg);
height: 60px;
width: 229px;
}
.content-section h1.section34 {
background-image: url(../images/headers/lighting-icons.jpg);
height: 56px;
width: 228px;
}
.content-section h1.section22 {
background-image: url(../images/headers/pronto-templates-header.jpg);
height: 60px;
width: 300px;
}
.content-section h1.section23 {
background-image: url(../images/headers/rti-templates-header.jpg);
height: 52px;
width: 414px;
}
.content-section h1.section24 {
background-image: url(../images/headers/x-ray.jpg);
height: 60px;
width: 300px;
}
.content-section h1.section25 {
background-image: url(../images/headers/brushed-steel.gif);
height: 60px;
width: 300px;
}
.content-section h1.section26 {
background-image: url(../images/headers/kidz.gif);
}
.content-section h1.section27, .content-section h1.section37, .content-section h1.section49 {
background-image: url(../images/headers/xenon.jpg);
}
.content-section h1.section28, .content-section h1.section38 {
background-image: url(../images/headers/x-ray.jpg);
}
.content-section h1.section29, .content-section h1.section39 {
background-image: url(../images/headers/brushed-steel.gif);
}
.content-section h1.section30, .content-section h1.section42 {
background-image: url(../images/headers/kidz.gif);
}
.content-section h1.section31, .content-section h1.section43 {
background-image: url(../images/headers/serene.gif);
}
.content-section h1.section32, .content-section h1.section41 {
background-image: url(../images/headers/ice.jpg);
}
.content-section h1.section33, .content-section h1.section40 {
background-image: url(../images/headers/candy.jpg);
}
.content-section h1.section44 {
background-image: url(../images/headers/shades-icons-header.jpg);
}
.content-section h1.section45 {
background-image: url(../images/headers/amx-header.jpg);
width: 442px;
height: 53px;
}
.content-section h1.section46 {
background-image: url(../images/headers/x-ray.jpg);
}
.content-section h1.section47 {
background-image: url(../images/headers/brushed-steel.gif);
}
.content-section h1.section48 {
background-image: url(../images/headers/candy.jpg);
}
.content-section h1.section50 {
background-image: url(../images/headers/demopad-header.jpg);
}
.content-section h1.section51 {
background-image: url(../images/headers/xenon.jpg);
}
.content-section h1.section52 {
background-image: url(../images/headers/floor-plans-header.jpg);
width: 337px;
height: 51px;
}
.content-section h1.section53 {
background-image: url(../images/headers/fan-icons-header.jpg);
width: 200px;
height: 56px;
}
.content-section h1.section55 {
background-image: url(../images/headers/bitwise-header.jpg);
width: 296px;
height: 49px;
}
.content-section h1.section56{
background-image: url(../images/headers/network-icons-header.jpg);
width: 241px;
height: 52px;
}
.content-section h1.section57 {
background-image: url(../images/headers/xenon.jpg);
width: 241px;
height: 52px;
}
.content-section h1.section58{
background-image: url(../images/headers/xenon-demo.jpg);
width: 99px;
height: 41px;
}
h1.manufacturer, h1.creston, h1.section12 {
width: 516px;
height: 50px;
text-indent: -9999px;
overflow: hidden;
outline:none;
}
h1.manufacturer {
background: url(../images/headers/programming-modules-header.jpg) left no-repeat;
}
h1.creston{
background: url(../images/headers/creston-templates-header.jpg) left no-repeat;
}
h1.section12{
background: url(../images/headers/iviewer-templates-header.jpg) left no-repeat;
width: 296px;
}
h1.section11{
background: url(../images/headers/crestron-modules.jpg) left no-repeat;
width: 296px;
}
h1.section36{
background: url(../images/headers/controlfx-header.jpg) left no-repeat;
width: 326px;
}
/* HELP: Sub-headings on the page, for example the section and product listing headers on section pages */
h2 {
font-size: 0.8em;
font-weight: bold;
color: #222;
padding: 3px 0;
margin-bottom: 10px;
margin-top: 2px;
clear: both;
}
/* HELP: Standard paragraph formatting for your store. Anything in a <p> tag will be displayed using this. */
p {
margin: 0 0 12px 0;
font-size: 0.8em;
overflow: auto;
}
/* HELP: Formatting for the <strong> HTML tag. By default this shows text in bold */
strong {
font-weight: bold;
}
/* HELP: Basic styling for all user input form fields, including text boxes, textarea boxes etc. */
input {
font-size: 1em;
font-weight: normal;
background-color: #FFFFFF;
color: #000000;
border: 1px solid #222222;
height: 1.25em;
margin-bottom: 1px;
}
textarea {
font-size: 1em;
font-weight: normal;
font-family: Tahoma, verdana, sans-serif;
background-color: #FFFFFF;
color: #000000;
border: 1px solid #222222;
}
/* HELP: Style for checkboxes to avoid border applied to other input fields and tweak position */
.checkbox {
position: relative;
top: 2px;
border: 0px;
}
/* HELP: Formatting for form select boxes (also called drop-down boxes)
*/
select {
font-size: 1em;
font-weight: normal;
background-color: #FFFFFF;
color: #000000;
border: 1px solid #222222;
}
/* HELP: Style for all form buttons used on your store, including form submission buttons */
.button {
width: 102px !important;
height: 40px;
background: transparent url(../images/button.png) left no-repeat;
border: none !important;
color: #FFF;
font-size: 1em;
cursor: pointer;
}
/* HELP: Style for all form buttons used on your store when mouse hovers over them */
.button:hover {
background: transparent url(../images/button.png) -103px 0 no-repeat;
}
.submit-button {
width: 141px !important;
height: 41px !important;
background: transparent url(../images/submit-order-button.png) 0 0 no-repeat;
border: none !important;
color: #FFF;
font-size: 1em;
cursor: pointer;
}
.submit-button:hover {
background: transparent url(../images/submit-order-button.png) -141px 0 no-repeat;
}
a.submit-button {
font-size: 0.9em;
font-weight: normal;
text-align: center;
line-height: 40px;
outline: none;
}
a.submit-button:hover {
color: #FFF;
}
#vatmessage {
adding: 60px;
font-size:11px;
}
a.cart-button, a.cart-button-long {
width: 95px !important;
height: 41px !important;
float: left;
margin: 0 10px 0 0;
background: transparent url(../images/grey-blue-button.png) 0 0 no-repeat;
border: none !important;
color: #FFF;
font-size: 0.9em;
font-weight: normal;
text-align: center;
line-height: 40px;
cursor: pointer;
outline: none;
}
a.cart-button:hover, a.cart-button-long:hover {
background: transparent url(../images/grey-blue-button.png) -95px 0 no-repeat;
}
a.cart-button-long {
width: 150px !important;
height: 41px !important;
background: transparent url(../images/grey-blue-button-long.png) 0 0 no-repeat;
}
a.cart-button-long:hover {
background: transparent url(../images/grey-blue-button-long.png) -150px 0 no-repeat;
}
a.button {
float: left;
text-align: center;
line-height: 40px;
text-decoration: none;
outline: none;
}
a.button:hover {
color: #FFF;
outline: none;
}
.menu-box-content-left {
float: left;
}
menu-box-content-right {
float: right;
}
* HELP: Style used for places where a smaller text size is required, generally on product templates and product menu box listings */
.smaller-text {
font-size: 0.8em;
width: 100%;
}
/* HELP: General styling for main product prices shown in the store, excluding cart and checkout price displays */
.price {
font-weight: bold;
font-size: 0.8em;
color: #800000;
}
/* HELP: Style used for all error text in the store, e.g. form entry validation errors etc. */
.error-text {
font-size: 0.8em;
font-weight: bold;
color: #ff0000;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Page Header */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
a#register {
position:absolute;
top: 0px;
right: 0px;
z-index: 5;
background:url(../../../contactus/corener-register-button.png) no-repeat 0px 0px;
width: 129px;
height: 127px;
outline: none;
text-indent: -9999px;
}
/* HELP: The main header bar for your store, where your logo, search and mini cart reside */
#header {
width: 830px;
height: 165px;
margin: 0px;
padding: 0px;
position: relative;
}
#snow-left {
position: absolute;
left: -231px;
top:45px;
z-index: 1000;
}
#snow-right{
position: absolute;
right:-202px;
top:90px;
z-index: 1000;
}
#snow-sparkle{
position: absolute;
left:-15px;
top:0px;
z-index: 1000;
}
/* HELP: Styling for your logo that appears in the main header for the store */
#logo {
width: 248px;
height: 165px;
float: left; border: 0px;
background: url(../images/logo.jpg);
text-indent: -9999px;
overflow: hidden;
outline: none;
}
/* HELP: This is the right hand section of the header where the top links and search reside */
#header-right {
width: 582px;
height: 165px;
background: url(../images/header-right2.jpg);
font-size: 0.7em;
float: right;
text-align: right;
}
#header-right ul {
width: 800px;
margin: 0;
padding: 0;
float: right;
clear: none;
list-style-type: none;
}
#header-right li, #header-right a {
width: auto;
float: right;
display: inline;
color: #e3e4e6;
}
#header-right a {
margin: 7px 16px 0 4px;
text-decoration: none;
font-size: 12px;
}
#header-right .view-basket {
width: 115px;
}
#header-right .view-basket a {
padding: 0 25px 0 0;
background: url(../images/basket.gif) right no-repeat;
}
#header-right .login {
width: 73px;
}
#header-right .logout {
width: 84px;
}
#header-right .login a, #header-right .logout a {
padding: 0 19px 0 0;
background: url(../images/login.gif) right no-repeat;
}
#header-right .my-account {
width: 140px;
}
#header-right .my-account a {
padding: 0 22px 0 0;
background: url(../images/my-account.gif) right no-repeat;
}
/*#header-right .user {
width: 300px;
}*/
#header-right .user a {
padding: 0 19px 0 0;
background: url(../images/user.gif) right no-repeat;
color: #9dd083;
}
#currencySelect {
margin: 5px 0 15px;
float: right;
clear: right;
font-size: 11px;
}
#xCurrency {
margin: 7px 0 0 0;
background-color: #9ca0a3;
border: 1px solid #ffffff;
color: #ffffff;
font-weight: normal;
font-size: 11px;
}
#menu {
width: 830px;
height: 123px;
background-image: url(../images/menu-bg.jpg);
}
ul#menubar {
width: 830px;
height:123px;
background: url(../images/menu-bar.jpg) no-repeat;
clear: both;
position: relative;
margin: 0px 0px 3px 0px;
list-style:none;
}
#message {
position: absolute;
background: url(../images/message-new-templates.png) no-repeat;
z-index: 10;
disply: block;
left: 687px;
top: 20px;
width: 111px;
height: 51px;
}
a#whatwedo, a#whatwedo:hover, a#c3blog, a#c3blog:hover, a#programming, a#programming:hover, a#demos, a#demos:hover, a#guidesign, a#guidesign:hover, a#store, a#store:hover {
position:absolute;
display: block;
text-indent: -9999px;
padding: 0px;
margin: 0px;
}
a#whatwedo, a#whatwedo:hover, a#c3blog, a#c3blog:hover {
width: 103px;
height: 40px;
left: 26px;
outline:none;
}
a#whatwedo {
top: 18px;
background: url(../../../images/what-we-do-2.jpg) top left no-repeat;
}
a#whatwedo:hover {
top: 18px;
background: url(../../../images/what-we-do-2.jpg) -103px 0px no-repeat;
}
a#c3blog {
top: 63px;
background: url(../../../images/c3-blog-2.jpg) top left no-repeat;
}
a#c3blog:hover {
top: 63px;
background: url(../../../images/c3-blog-2.jpg) -103px 0px no-repeat;
}
#menubar li a#demos {
}
a#demos {
width: 110px;
height: 84px;
left: 140px;
top: 18px;
background: url(../../../images/demos-button.jpg) top left no-repeat;
}
a#demos:hover {
width: 110px;
height: 84px;
left: 140px;
top: 18px;
background: url(../../../images/demos-button.jpg) -110px top no-repeat;
outline:none;
}
a#programming {
width: 176px;
height: 84px;
left: 258px;
top: 18px;
background: url(../../../images/programming/programming.jpg) top left no-repeat;
}
a#programming:hover {
width: 176px;
height: 84px;
left: 258px;
top: 18px;
background: url(../../../images/programming/programming.jpg) -176px top no-repeat;
outline:none;
}
a#guidesign {
width: 176px;
height: 84px;
left: 442px;
top: 18px;
background: url(../../../images/gui-design/gui-design.jpg) top left no-repeat;
}
a#guidesign:hover {
width: 176px;
height: 84px;
left: 442px;
top: 18px;
background: url(../../../images/gui-design/gui-design.jpg) -176px top no-repeat;
outline:none;
}
a#store {
width: 177px;
height: 84px;
left: 626px;
top: 18px;
background: url(../../../images/store-button-2.jpg) 0px 0px no-repeat;
}
a#store:hover {
width: 177px;
height: 84px;
left: 626px;
top: 18px;
background: url(../../../images/store-button-2.jpg) -177px 0px no-repeat;
outline:none;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Main Content */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HELP: Basic style for the main content section of all the pages in your store. This is the section between the left and right menus. */
#main-content {
width: 787px;
margin: 6px 0 0 16px;
padding: 6px 6px 30px 6px;
position: relative;
background: #BDC2C6 url(../images/content-bg.jpg) no-repeat;
border-bottom: 4px solid #BFC3C9;
font-size: 1em;
}
#section-menu, #customer-menu {
width: 787px;
height: 33px;
margin: 0;
padding: 5px 0 0 0;
background-image: url(../images/section-menu-bg.gif);
list-style-type: none;
position: relative;
}
#section-menu li, #section-menu a {
width: 157px;
height: 33px;
margin: 0;
padding: 0;
float: left;
color: #FFF;
text-align: left;
text-decoration: none;
font-size: 12px;
font-weight: normal;
line-height: 2.2;
}
#section-menu, #section-menu ul {
padding: 0;
margin: 0;
list-style: none;
z-index: 10;
}
#section-menu a {
display: block;
width: 157px;
height: 33px;
}
#section-menu a:hover {
display: block;
width: 147px;
height: 33px;
background-color: #6b676d;
}
#section-menu li {
float: left;
width: 157px;
}
#section-menu li ul {
position: absolute;
top: 33px;
width: 157px;
background-color: #706b72;
left: -999em;
}
.odd {
background-color: #645f67;
}
#section-menu li ul li.odd a:hover {
background-color: #5c5760;
}
#section-menu li:hover ul, #section-menu li.sfhover ul {
left: auto;
}
#customer-menu li, #customer-menu a {
width: 197px;
height: 33px;
margin: 0;
padding: 0;
float: left;
color: #FFF;
text-align: left;
text-decoration: none;
font-size: 0.95em;
font-weight: normal;
line-height: 2.2;
}
#section-menu li.last {
width: 159px;
}
#customer-menu li.last {
width: 196px;
}
#section-menu a {
width: 147px;
padding: 0 0 0 10px;
}
#customer-menu a {
width: 187px;
padding: 0 0 0 10px;
}
#section-menu li.last a {
width: 149px;
}
#customer-menu li.last a {
width: 186px;
}
#section-menu a.manufacturer-modules {
background-image: url(../images/store-menu-item-15.jpg);
outline: none;
}
#section-menu a.iviewer-templates {
background-image: url(../images/store-menu-item-16.jpg);
outline: none;
}
#section-menu a.downloads {
background-image: url(../images/store-menu-item-19.jpg);
outline: none;
}
#section-menu a.graphics {
background-image: url(../images/store-menu-item-17.jpg);
outline: none;
}
#section-menu a.downloads:hover {
background-position: -159px 0;
outline: none;
}
#section-menu a.floorplans {
background-image: url(../images/store-menu-item-18.jpg);
outline: none;
}
#section-menu a.manufacturer-modules:hover, #section-menu a.iviewer-templates:hover, #section-menu a.graphics:hover, #section-menu a.floorplans:hover {
background-position: -157px 0;
outline: none;
}
#section-menu-cont {
position:relative;
}
#customer-menu a.my-details {
background-image: url(../images/my-details-bg.gif);
}
#customer-menu a.my-orders {
background-image: url(../images/my-orders-bg.gif);
}
#customer-menu a.my-quotes {
background-image: url(../images/my-quotes-bg.gif);
}
#customer-menu a.my-requests {
background-image: url(../images/my-requests-bg.gif);
}
#customer-menu a.my-details:hover, #customer-menu a.my-orders:hover, #customer-menu a.my-quotes:hover, #customer-menu a.my-requests:hover {
background-position: 0 -33px;
}
#content {
padding: 40px 75px;
overflow: auto;
color: #444857;
}
/* HEADER: Page Footer */
/* HELP: Containing div for the footer shown on every page in your store */
#footer {
height: 140px;
margin: 5px 15px 0px 16px;
background-color: #bfc3c9;
padding: 10px 15px 10px 15px;
position:relative;
}
#footer #social {
display: block;
margin-bottom: 10px;
width: 150px;
position:absolute;
left: 320px;
top: 97px;
}
#footer img {
border: none;
}
#footerlinks {
margin-top: 5px;
font-weight: bold;
font-size: 0.7em;
line-height: 1.5em;
float: right;
color: #fff;
text-align:right;
}
#footerlinks a{
color: #fff;
}
#footer a {
width: 200px;
outline:none;
border:none;
}
p.terms {
font-size: 11px;
padding-bottom: 10px;
}
a#twit {
width: 81px;
height: 31px;
position: absolute;
left: 325px;
top: 55px;
}
#footerlinks a:hover {
color: #E6E6E6;
}
#software-links {
padding-left: 3px;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 3px solid #ccc;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* Article Content */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
ul#contextualmenubar {
width: 789px;
height: 29px;
padding: 0;
margin:0px;
color: #fff;
list-style:none;
text-align: left;
font-size: 14px;
font-weight:normal;
position: relative;
}
#contextualmenubar a {
display:block;
width: 182px;
height: 26px;
padding-top: 7px;
padding-left: 15px;
text-decoration:none;
font-weight:normal;
float: left;
color: #fff;
}
#contextualmenubar a.rightitem {
width: 181px;
}
#contextualmenubar li.menublank3, #contextualmenubar li.menublank4 {
display: block;
width: 184px;
height: 26px;
padding-top: 7px;
padding-left: 15px;
text-decoration: none;
float: left;
color: #fff;
background: url(../../../images/gui-design/gui-menu-back-slice.jpg) repeat-x;
}
#contextualmenubar li.menublank3 {
position: absolute;
left: 392px;
}
#contextualmenubar li.menublank4 {
position: absolute;
left: 588px;
width: 183px;
}
#contextualmenubar a.item1 {
background: url(../../../images/about-c3/about-menu-item-1.jpg) top left no-repeat;
position: absolute;
}
#contextualmenubar.programming a.item1 {
background: url(../../../images/programming/programming-menu-item-1.jpg) top left no-repeat;
}
#contextualmenubar.guidesign a.item1 {
background: url(../../../images/gui-design/gui-menu-item-1.jpg) top left no-repeat;
}
#contextualmenubar a.item1:hover {
background-position: -196px 0px;
position: absolute;
}
#contextualmenubar a.item2 {
background: url(../../../images/about-c3/about-menu-item-2.jpg) top left no-repeat;
position: absolute;
left: 196px;
}
#contextualmenubar.programming a.item2 {
background: url(../../../images/programming/programming-menu-item-2.jpg) top left no-repeat;
}
#contextualmenubar.guidesign a.item2 {
background: url(../../../images/gui-design/gui-menu-item-2.jpg) top left no-repeat;
}
#contextualmenubar a.item2:hover {
background-position: -196px 0px;
}
#contextualmenubar a.item3 {
background: url(../../../images/about-c3/about-menu-item-3.jpg) top left no-repeat;
position: absolute;
left: 392px;
}
#contextualmenubar.programming a.item3 {
background: url(../../../images/programming/programming-menu-item-3.jpg) top left no-repeat;
}
#contextualmenubar.guidesign a.item3 {
background: url(../../../images/gui-design/gui-menu-item-3.jpg) top left no-repeat;
}
#contextualmenubar a.item3:hover {
background-position: -197px 0px;
}
#contextualmenubar a.item4 {
background: url(../../../images/about-c3/about-menu-item-4.jpg) top left no-repeat;
position: absolute;
left: 588px;
width: 183px;
}
#contextualmenubar.programming a.item4 {
background: url(../../../images/programming/programming-menu-item-4.jpg) top left no-repeat;
}
#contextualmenubar.guidesign a.item4 {
background: url(../../../images/gui-design/gui-menu-item-4.jpg) top left no-repeat;
}
#contextualmenubar a.item4:hover {
background-position: -198px 0px;
}
#article-content {
margin: 60px 120px 0;
color: #444857;
font-size: 1.1em;
line-height: 1.3;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Section Page Style */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
#features, #features-mm, #features-iv, #features-iv2, #features3 {
width: 330px;
height: 46px;
padding: 6px 6px 6px 10px;
float: right;
background-image: url(../images/features-bg.gif);
color: #FFF;
}
#features-mm {
width: 220px;
background-image: url(../images/mm-features-bg.gif);
}
#features-iv {
width: 314px;
background-image: url(../images/iv-features-bg.gif);
}
#features-iv2 {
width: 265px;
background-image: url(../images/iv-features-bg2.gif);
}
#features p, #features-mm p, #features-iv p, #features-iv2 p {
margin: 0;
}
#features p span, #features-mm p span, #features-iv p span, #features-iv2 p span {
font-size: 0.8em;
}
#features a, #features-mm a, #features-iv a, #features-iv2 a {
width: 24px;
height: 24px;
margin: 4px 7px 0 0;
float: left;
text-indent: -9999px;
overflow: hidden;
outline: none;
font-size: 0.8em;
}
#features a:hover, #features-mm a:hover, #features-iv a:hover, #features-iv2 a:hover {
background-position: -24px 0;
}
a#flag1 {
background-image: url(../images/tooltip/backgrounds.png);
}
a#flag2 {
background-image: url(../images/tooltip/customise.png);
}
a#flag3 {
background-image: url(../images/tooltip/d-nav.png);
}
a#flag4 {
background-image: url(../images/tooltip/download.png);
}
a#flag5 {
background-image: url(../images/tooltip/edit-text.png);
}
a#flag6 {
background-image: url(../images/tooltip/icons.png);
}
a#flag7 {
background-image: url(../images/tooltip/licence.png);
}
a#flag8 {
background-image: url(../images/tooltip/palette.png);
}
a#flag9 {
background-image: url(../images/tooltip/psd.png);
}
a#flag10 {
background-image: url(../images/tooltip/userfriendly.png);
}
a#flag11 {
background-image: url(../images/tooltip/vtp.png);
}
a#flag12 {
background-image: url(../images/tooltip/example-program.png);
}
a#flag13 {
background-image: url(../images/tooltip/x-and-2-compatible.png);
}
a#flag14 {
background-image: url(../images/tooltip/documentation.png);
}
a#flag15 {
background-image: url(../images/tooltip/rotate.png);
}
a#flag16 {
background-image: url(../images/tooltip/large.png);
}
/* HELP: Container for the content (sub-sections & products) on the section pages */
.section-content {
background-color: #FFF;
clear: both;
padding: 2px 0 2px 0;
}
/* HELP: Container for each sub-section listed on a section page
*/
.sub-sections {
width: 529px;
margin: 0 auto 30px;
padding: 5px 10px 10px;
background: #CCCECD url(../images/store-templates-slice.jpg) repeat-x;
border: 5px solid #FFF;
clear: both;
text-align: left;
overflow: auto;
}
.section-thumbnail {
width: 245px;
height: 192px;
float: left;
}
.sub-section-content {
width: 260px;
margin: 0 0 15px 15px;
float: left;
}
.sub-sections a.product-link {
width: 128px;
height: 41px;
margin: 0;
padding: 0;
float: left;
background: transparent url(../images/black%20button.png) 0 0 no-repeat;
text-align: center;
color: #ABD4E4;
font-size: 0.9em;
line-height: 2.9;
text-decoration: none;
}
.sub-sections a.product-link:hover {
background: transparent url(../images/black%20button.png) -128px 0 no-repeat;
color: #ABD4E4;
text-decoration: none;
}
/* HELP: Style for the display of the sub-section title on section pages */
.sub-section-title, .sub-section-title a {
font-family: CartoGothic, Tahoma, verdana, sans-serif;
margin: 12px 0 5px;
padding: 0 0 0 0;
font-weight: normal;
font-size: 28px;
text-decoration: none;
color: #777878;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Paging Styles */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HELP: Container for the paging links on section and search pages */
.pages-container {
top: 0px;
padding: 5px;
margin-bottom: 8px;
margin-top: 15px;
font-weight: bold;
font-size: 0.6em;
text-align: right;
}
/* HELP: Basic list formatting for the paging links, including previous and next links */
.pages-list {
margin-left: 0px;
padding-left: 0px;
white-space: nowrap;
margin-top: 0px;
padding-top: 0px;
margin-bottom: 4px;
margin-right: 0px;
}
/* HELP: Formatting for each entry in the paging links
*/
.pages-list li {
color: #ffffff;
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
margin: 0px;
margin-left: 1px;
margin-right: 1px;
}
/* HELP: Display style for the page entry in the list that you are currently viewing */
.pages-list span {
padding: 5px;
padding-top: 3px;
padding-bottom: 3px;
margin: 0px;
color: #ffffff;
background-color: #9ca0a3;
border: 1px solid #ffffff;
}
/* HELP: Actual clickable link for page numbers and previous and next links */
.pages-list a {
padding-top: 3px;
padding-bottom: 3px;
margin: 0px;
color: #4b4d4f;
background-color: #e4e6e7;
padding-left: 5px;
padding-right: 5px;
border: 1px solid #9ca0a3;
}
/* HELP: Clickable link style when mouse hovers over it
*/
.pages-list a:hover {
text-decoration: none;
color: #ffffff;
background-color: #4b4d4f;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Product Listing Styles */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HELP: Used for the left hand column on product lists if you've selected to show two columns in the template options */
.product-dark, .product-light {
width: 629px;
height: 123px;
margin: 0 auto 3px auto;
position: relative;
}
.product-dark {
background-image: url(../images/product-bg-dark.gif);
color: #FFF;
}
.product-light {
background-image: url(../images/product-bg-light.gif);
color: #888c8f;
}
.sec-prod-img {
width: 169px;
height: 123px;
float: left;
text-align: center;
}
.sec-prod-name {
font-family: CartoGothic, Tahoma, verdana, sans-serif;
letter-spacing: 0.04em;
width: 431px;
margin: 19px 0 0 0;
float: left;
font-size: 20px;
}
.sec-prod-name img {
margin: 1px 0 0 0;
vertical-align: middle;
}
.sec-prod-name div {
float: right;
margin-bottom: 3px;
}
.sec-prod-name div span.priceVat {
font-size: 10px;
display: block;
margin: 5px 0;
}
.product-dark .sec-prod-name div {
color: #befac0;
}
.product-light .sec-prod-name div {
color: #58a35a;
}
.sec-prod-desc {
width: 300px;
float: left;
font-size: 0.8em;
position: absolute;
left: 170px;
top: 56px;
}
.sec-prod-desc-p {
width: 300px;
margin: 7px 0 0;
float: left;
font-size: 0.8em;
position: absolute;
left: 170px;
top: 56px;
}
.product-dark input, .product-light input {
width: 102px;
height: 41px;
position: absolute;
right: 25px;
bottom: 16px;
background: transparent url(../images/button.png) 0 0 no-repeat;
border: none;
color: #FFF;
font-size: 0.85em;
cursor: pointer;
}
.product-dark input:hover, .product-light input:hover {
background: transparent url(../images/button.png) -103px 0 no-repeat;
}
/* HELP: Additional formatting for product titles shown on section/search pages */
.section-product-title, .section-product-title a {
font-weight: bold;
font-size: 0.9em;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Other Product Styles */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HELP: Used to contain the product flags where ever they appear, e.g. section pages, product pages */
.product-flag-container {
float: right; width: 4.5em; margin-left: 5px; padding: 3px;
}
/* HELP: Used to style each individual product flag when displayed
*/
.product-flag {
font-size: 0.6em;
font-weight: normal;
background-color: #f08100;
color: #ffffff;
border: 1px dotted #ff0000;
border-left: 3px solid #ff0000;
margin-bottom: 3px;
padding-left: 3px;
white-space: nowrap;
text-align: right;
}
/* HELP: Styling for the product image shown on the product page.
*/
.product-image {
border: 1px solid;
float: left; margin-right: 10px;
margin-bottom: 10px;
}
/* HELP: Container for add to basket, add to wishlist and more info links */
.links-container {
font-weight: bold;
margin: 3px;
}
/* HELP: Style for product links, e.g. add to wishlist and more info links */
.product-link {
font-size: 0.7em;
font-weight: bold;
border: 0px;
color: #f08100;
padding: 0px;
margin: 0px;
white-space: nowrap;
cursor: pointer;
text-decoration: underline;
}
/* HELP: Style for product links, e.g. add to wishlist and more info links when mouse hovers over it */
.product-link:hover {
color: #003366;
text-decoration: underline;
}
/* HELP: Overall container for the product extra fields section of the product pages */
.product-extra-fields {
float: left; margin-left: 5px; text-align: left;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Product Option Tables */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HELP: Overall container for the product options section of the product pages */
.product-options-container {
float: right; width: 254px;
}
/* HELP: Container for the table used to display attribute combinations, option stock levels and price combinations on product page template */
.product-table-div {
text-align: center;
}
/* HELP: Table used to display attribute combinations, option stock levels and price combinations */
.product-table {
margin-left: auto; margin-right: auto;
padding: 0px;
width: 100%;
border: 0px;
}
/* HELP: Caption shown about a product option table on the product page template */
.product-table caption {
font-weight: bold;
font-size: 0.70em;
margin-left: auto; margin-right: auto;
text-align: right;
}
/* HELP: Header table cell for the product options table
*/
.product-table th {
font-weight: bold;
font-size: 0.70em;
background-color: #aaaaaa;
padding: 2px;
text-align: left;
vertical-align: top;
}
/* HELP: Normal table cell for the product options table
*/
.product-table td {
font-weight: normal;
font-size: 0.70em;
background-color: #dddddd;
padding: 2px;
text-align: left;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Checkout */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
.cs2-left, .cs2-right {
width: 318px;
float: left;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Cart Table Styles */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HELP: Style for the cart table itself
*/
.cart-table {
width: 100%;
margin: 0 auto 40px auto;
padding: 0px;
border: 0px;
font-size: 0.9em;
color: #222;
}
.cart-table a {
text-decoration: none;
}
/* HELP: Style for table header cells
*/
.cart-table th {
height: 21px;
padding: 0 0 0 5px;
background: url(../images/cart-header-bg.gif) repeat-x;
color: #FFF;
font-weight: normal;
font-size: 0.9em;
text-align: left;
}
/* HELP: Style for table header sells with right justification
*/
.cart-table th.center {
text-align: center;
}
/* HELP: Style for normal table cells
*/
.cart-table td {
height: 70px;
padding: 5px;
background: #d4d4d5 none;
font-weight: normal;
text-align: left;
vertical-align: middle;
}
/* HELP: Style for normal table cells, with right justification
*/
.cart-table td.center {
font-weight: normal;
text-align: center;
}
/* HELP: Style for table header totals
*/
.cart-table th.total {
height: 50px;
background: #d4d4d5 none;
font-weight: normal;
text-align: center;
color: #222;
font-size: 1em;
}
/* HELP: Style for empty table headers
*/
.cart-table th.empty {
background: transparent none;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Send To Friend Styles */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HELP: Container for the send to a friend links shown in the store
*/
.send-friend {
font-weight: bold;
float:right;
font-size: 0.8em;
margin-right: 3px;
margin-top: 1px;
}
/* HELP: Style used for the send to friend link itself within the send-friend container */
.send-friend a {
font-size: 1em;
text-decoration: none;
color:#ff8d29;
}
/* HELP: Style used for the send to friend link, when the mouse hovers over it, within the send-friend container */
.send-friend a:hover {
color:#ff8d29;
text-decoration: underline;
cursor: pointer;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Account Styles */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HELP: Used as a container for the account home page information for both customer accounts and affiliate accounts */
#account-summary {
margin-left: auto; margin-right: auto; text-align: center; width: 420px;
}
/* HELP: Style for the left column of the account home page information */
#account-summary-left {
float: left; width: 200px; text-align: left;
}
/* HELP: Style for the right column of the account home page information */
#account-summary-right {
float: right; width: 200px; text-align: left;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Form Entry Tables */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HELP: Container for form entry tables
*/
.form-div {
text-align: center;
}
/* HELP: Table definition for form entry tables
*/
.form-table {
margin-left: auto; margin-right: auto;
padding: 0px;
border: 0px;
}
/* HELP: Caption styler shown above form entry tables
*/
.form-table caption {
font-size: 0.70em;
margin-left: auto; margin-right: auto;
}
/* HELP: Header table cell
*/
.form-table th {
font-weight: normal;
font-size: 0.8em;
padding: 2px;
text-align: right;
vertical-align: top;
padding-top: 3px;
}
.form-table th.middle {
vertical-align: middle;
}
/* HELP: Normal table cell
*/
.form-table td {
font-weight: normal;
font-size: 0.8em;
padding: 2px 2px 10px 20px;
text-align: left;
}
.form-table td.center {
text-align: center;
}
/* HELP: Style for the table row that contains the submit button for the form
*/
.form-table td.submit-row {
text-align: right;
}
.form-table input ,.form-table textarea, .form-table select {
width: 180px;
border: 1px solid #333;
}
.form-table input.checkbox {
width: auto;
}
/* HELP: Select box (drop-down) formatting for the form
*/
.form-table select {
font-size: 1em;
font-weight: normal;
background-color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: General Table Styles */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
.quotes-box {
width: 637px;
height: 300px;
overflow: auto;
}
/* HELP: Container for general tables used throughout the store templates
*/
.general-table-div {
text-align: center;
}
/* HELP: Sryling for the table tag itself, overall styling for the table
*/
.general-table, .general-table-blue {
width: 100%;
margin-left: auto; margin-right: auto;
padding: 0px;
border: 0px;
font-size: 0.8em;
}
/* HELP: Container for caption tag shown above general tables
*
.general-table caption, .general-table-blue caption {
font-weight: bold;
margin-left: auto; margin-right: auto;
text-align: right;
}
/* HELP: Style for table header cell
*/
.general-table th, .general-table-blue th {
padding: 2px 2px 2px 7px;
background: #161414 url(../images/cart-header-bg.gif) repeat-x;
font-weight: normal;
text-align: left;
vertical-align: top;
color: #FFF;
}
.general-table-blue th {
background: #2C314C url(../images/account-table-header-bg.gif) repeat-x;
}
/* HELP: Style for normal table cell
*/
.general-table td, .general-table-blue td {
background-color: #d4d4d5;
font-weight: normal;
padding: 10px 10px 10px 10px;
text-align: left;
vertical-align: top;
}
/* HELP: Style for normal table cell with bold font styling
*/
.general-table td.bold, .general-table-blue td.bold {
font-weight: bold;
padding: 2px;
text-align: left;
}
.general-table th.empty, .general-table td.empty, .general-table-blue th.empty, .general-table-blue td.empty {
width: 0px;
background: transparent none;
}
.general-table th.total, .general-table-blue th.total {
height: 50px;
background: #d4d4d5 none;
font-weight: normal;
text-align: center;
vertical-align: middle;
color: #222;
font-size: 1em;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Advanced Styles */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
html {
font-size: 100%;
margin: 0px;
padding: 0px;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
}
/* HELP: Simple style for forms to avoid any unplanned gaps */
form {
margin: 0px;
padding: 0px;
}
.clear-left {
clear: left;
}
.clear-both {
clear: both;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.center {
text-align: center;
}
a.storebutton, a.storebutton2 {
margin: 0 20px 0 0;
}
a.storebutton, a.storebutton:hover, a.storebutton2, a.storebutton2:hover {
width: 184px;
height: 46px;
color: #fff;
text-decoration:none;
font-size: 0.9em;
font-weight: bold;
display:block;
outline: none;
padding: 18px 0px 0px 25px;
float: left;
}
a.storebutton2 {
background: url(../images/black%20button%203.png) top left no-repeat;
}
a.storebutton2:hover{
background: url(../images/black%20button%203.png) -209px 0px no-repeat;
color: #000;
}
.storebuttontext {
padding: 17px 0px 0px 0px;
}
.storeselect {
margin-top: 50px;
}
a.storebutton {
background: url(../images/black%20button%202.png) top left no-repeat;
}
a.storebutton:hover{
background: url(../images/black%20button%202.png) -209px 0px no-repeat;
color: #000;
}
h1.modulerequestheader {
width: 398px;
height: 47px;
display: block;
text-indent: -9999px;
outline: none;
background: url(/images/programming/module-request-header.jpg) no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* Programming Menu */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
a#systemprog {
background: url(../../../images/programming/programming-menu-item-1.jpg) top left no-repeat;
}
a#systemprog:hover {
background: url(../../../images/programming/programming-menu-item-1.jpg) -197px 0px no-repeat;
}
a#manufacturer {
background: url(../../../images/programming/programming-menu-item-2.jpg) top left no-repeat;
}
a#manufacturer:hover {
background: url(../../../images/programming/programming-menu-item-2.jpg) -197px 0px no-repeat;
}
a#system {
background: url(../../../images/programming/programming-menu-item-3.jpg) top left no-repeat;
}
a#system:hover {
background: url(../../../images/programming/programming-menu-item-3.jpg) -197px 0px no-repeat;
}
a#modulerequest {
background: url(../../../images/programming/programming-menu-item-4.jpg) top left no-repeat;
}
a#modulerequest:hover {
background: url(../../../images/programming/programming-menu-item-4.jpg) -196px 0px no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* Headings */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
#tpcorner {
position:absolute;
left: -32px;
top: 99px;
}
h1.aboutc3, h1.contactus {
width: 226px;
height: 48px;
display: block;
text-indent: -9999px;
outline: none;
}
h1.contactus {
background: url(../../../images/contactc3/contact-us-header.jpg) no-repeat;
}
h1.aboutc3 {
background: url(../../../images/about-c3/about-c3.jpg) no-repeat;
}
h1.clients {
background: url(../../../images/about-c3/about-c3.jpg) no-repeat;
}
h1.guitemplates, h1.bespokeguidesign, h1.manufacturermodules, h1.systemprogramming, h1.systembuildermodules,
h1.termsandconditions, h1.privacypolicy, h1.manmodheader, h1.modulerequestheader, h1.control4, h1.bitwise, h1.demos, h1.demopad {
width: 398px;
height: 47px;
display: block;
text-indent: -9999px;
outline: none;
}
h1.guitemplates {
background: url(../../../images/gui-design/gui-templates.jpg) no-repeat;
}
h1.bespokeguidesign {
background: url(../../../images/gui-design/bespoke-gui-design.jpg) no-repeat;
}
h1.manufacturermodules {
background: url(../../../images/programming/manufacturer-modules.jpg) no-repeat;
}
h1.systembuildermodules {
background: url(../../../images/programming/system-builder.jpg) no-repeat;
}
h1.systemprogramming {
background: url(../../../images/programming/system-programming.jpg) no-repeat;
}
h1.termsandconditions {
background: url(../../../images/legal/terms-and-conditions.jpg) no-repeat;
}
h1.privacypolicy {
background: url(../../../images/legal/privacy-policy.jpg) no-repeat;
}
h1.manmodheader {
background: url(../../../images/store/manufacturer-modules-header.jpg) no-repeat;
}
h1.manmodheader {
background: url(../../../images/store/manufacturer-modules-header.jpg) no-repeat;
}
h1.modulerequestheader {
background: url(../../../images/programming/module-request-header.jpg) no-repeat;
}
h1.control4 {
background: url(../../../images/control4-header.jpg) no-repeat;
width: 426px;
height: 54px;
}
h1.bitwise{
background: url(../../../images/bitwise-article-header.jpg) no-repeat;
width: 295px;
height: 52px;
}
h1.demos{
background: url(../../../images/demos-header.jpg) no-repeat;
width: 148px;
height: 50px;
}
h1.demopad{
background-image: url(../images/headers/demopad-header.jpg);
width: 200px;
background-repeat:no-repeat;
height: 50px;
}
h1.thec3team, h1.careers, h1.clients {
width: 550px;
height: 55px;
display: block;
text-indent: -9999px;
outline: none;
}
h1.careers {
background: url(../../../images/c3-careers-header.jpg) no-repeat;
}
h1.thec3team {
background: url(../../../images/about-c3/c3-team.jpg) no-repeat;
}
h1.clients{
background: url(../images/headers/clients-header.jpg) no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* Home Page */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/****** Twitter *******/
#twitterfeed {
position: absolute;
left: 530px;
top: 35px;
}
#twitterfeed h3{
text-indent: -9999px;
display: block;
position: absolute;
left: 7px;
top: -23px;
width: 127px;
height: 13px;
background: url(../../../images/home/twitter-header.png);
}
#twitter-link{
text-indent: -9999px;
display: block;
position: absolute;
right: 3px;
bottom: 2px;
width: 71px;
height: 27px;
background: url(../../../images/home/twitter-linkimage2.png);
}
.twtr-widget h3{display: none!important;}
.twtr-widget h4{display: none!important;}
.twtr-widget-profile img.twtr-profile-img{display:none!important}
.twtr-widget span{display:none!important;}
.twtr-widget p{font-size:10px!important; margin-bottom: 0px!important; padding-bottom: 0px!important; overflow:hidden;}
.twtr-widget a, .twtr-widget a:hover{font-weight: normal!important;}
.twtr-widget{height:230px;position:relative;font-size:12px!important;font-family: Arial, Helvetica, sans-serif!important;zoom:1;}
.twtr-widget a img{display:none!important;}
.twtr-widget .twtr-tweet{border-bottom:none!important;}
#infotop {
width: 791px;
height: 271px;
background: url(../../../images/home/front-page-top.jpg) top no-repeat;
}
#product-box {
padding: 12px;
}
#featured-product {
width: 244px;
height: 325px;
background-color: #FFFFFF;
float: left;
padding: 5px;
font-size:10px;
}
/*#featured-product img{
margin-top: 4px;
border: 0;
}*/
#feature-holder {
width: 244px;
height: 304px;
margin-top: 4px;
}
#feature-holder img{
border: 0px!important;
}
#latest-products {
height: 325px;
background-color: #FFFFFF;
float: left;
margin-left: 13px;
padding: 5px;
}
#latest-gui-box {
height: 144px;
width: 467px;
margin-top: 5px;
padding-top: 5px;
padding-left: 20px;
padding-right: 3px;
background: url(../../../images/home/fp-latest-products-back.jpg) no-repeat;
}
#latest-mod-box {
height: 144px;
width: 467px;
margin-top: 5px;
padding-top: 5px;
padding-left: 20px;
padding-right: 3px;
background: url(../../../images/home/fp-latest-products-back2.jpg) no-repeat;
}
.fp-product-box {
width: 155px;
height: 149px;
float: left;
}
.fp-product-box img{
display: block;
margin: auto;
border: 0;
}
.fp-product-box span{
display: block;
margin: auto;
font-size: 10px;
font-weight: bold;
text-align: center;
color: #ffffff;
}
.fp-product-title {
margin-left: 3px;
font-size: 14px;
color: #666666;
font-weight: bold;
}
#infoareabox {
width: 100%;
padding: 3px;
}
#infoarea{
width: 794px;
background: url(../../../images/home/infoarea-background.jpg) no-repeat #bdc2c7;
margin-left: 13px;
position: relative;
border-bottom: 8px solid #bfc3c9;
padding-left: 5px;
padding-top: 5px;
}
#fronttext {
position: absolute;
left: 30px;
top: 29px;
background: url(../../../images/home/info-header.png);
display: block;
text-indent: -9999px;
padding: 0px;
margin: 0px;
width: 436px;
height: 66px;
}
/* Team Page */
.teammember {
margin-bottom: 30px;
}
.teammember img {
float:left;
border: 5px solid #ccc;
}
.teammember p {
font-size: 12px;
padding-left: 20px;
margin-top: 0px;
line-height: 1.4;
}
.teamtext {
float:left;
width: 380px;
}
.spacer {
clear: both;
}
#resolutions {
color:#64984f;
background-image: none;
}
.templatesleft, .contactleft{
float: left;
width: 260px;
background-color: #d7dadc;
margin-bottom: 10px;
height: 290px;
border: 1px solid #9e9ba2;
}
.clientsleft {
float: left;
width: 260px;
margin-bottom: 10px;
border: none;
}
.clientsright {
float: right;
width: 260px;
margin-bottom: 10px;
border: none;
}
.templatesright, .contactright{
float: right;
width: 260px;
background-color: #d7dadc;
margin-bottom: 10px;
height: 290px;
border: 1px solid #9e9ba2;
}
.templatesright h3, .templatesleft h3{
margin-left: 17px;
margin-top: 4px;
}
.contactright h3, .contactleft h3{
margin-left: 17px;
margin-top: 10px;
font-weight: normal;
}
h3.topres {
color: #73957b;
}
.templatesright p, .templatesleft p {
font-size: 12px;
color: #000;
padding: 0px;
margin: 0px;
margin-top: -5px;
margin-left: 17px;
clear: left;
}
.templatesright a p, .templatesleft a p {
color:#1c5576;
font-size: 10px;
}
.templatebox#resolutions {
padding: 8px;
background-color: #fff;
border: none;
}
.templatebox#clients{
padding: 8px;
border: none;
}
/* Contact Us Styles */
.contactright p, .contactleft p {
font-size: 12px;
color: #6a637d;
padding: 0px;
margin: 0px;
margin-left: 17px;
clear: left;
line-height: 1.4em;
}
.contactright a, .contactleft a {
font-size: 1em;
color: #1c5576;
padding: 0px;
margin: 0px;
text-decoration: none;
clear: left;
line-height: 1.4em;
}
.contactright a:hover, .contactleft a:hover {
font-size: 1em;
color: #59bde9;
padding: 0px;
margin: 0px;
text-decoration: none;
clear: left;
line-height: 1.4em;
}