/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: General Tags & Text */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HELP: Basic body background for your store. You can use this to alter the background colour for your entire store */
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%;
}
/* 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/icons.jpg);
height: 60px;
width: 229px;
}
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;
}
/* 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;
}
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;
}
/* 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;
}
/* 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-right.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: 1.2em;
}
#header-right .view-basket {
width: 108px;
}
#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: 136px;
}
#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;
}
a#whatwedo, a#whatwedo:hover, a#contactus, a#contactus:hover, a#programming, a#programming: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#contactus, a#contactus:hover {
width: 166px;
height: 40px;
left: 26px;
outline:none;
}
a#whatwedo {
top: 18px;
background: url(../../../../images/what-we-do.jpg) top left no-repeat;
}
a#whatwedo:hover {
top: 18px;
background: url(../../../../images/what-we-do.jpg) -166px 0px no-repeat;
}
a#contactus {
top: 63px;
background: url(../../../../images/contactc3/contact-us.jpg) top left no-repeat;
}
a#contactus:hover {
top: 63px;
background: url(../../../../images/contactc3/contact-us.jpg) -166px 0px no-repeat;
}
a#programming {
width: 176px;
height: 84px;
left: 200px;
top: 18px;
background: url(../../../../images/programming/programming.jpg) top left no-repeat;
}
a#programming:hover {
width: 176px;
height: 84px;
left: 200px;
top: 18px;
background: url(../../../../images/programming/programming.jpg) -176px top no-repeat;
outline:none;
}
a#guidesign {
width: 176px;
height: 84px;
left: 386px;
top: 18px;
background: url(../../../../images/gui-design/gui-design.jpg) top left no-repeat;
}
a#guidesign:hover {
width: 176px;
height: 84px;
left: 386px;
top: 18px;
background: url(../../../../images/gui-design/gui-design.jpg) -176px top no-repeat;
outline:none;
}
a#store {
width: 231px;
height: 84px;
left: 571px;
top: 18px;
background: url(../../../../images/store/store.jpg) 0px 0px no-repeat;
}
a#store:hover {
width: 231px;
height: 84px;
left: 571px;
top: 18px;
background: url(../../../../images/store/store.jpg) -231px 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;
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: 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: 0.95em;
font-weight: normal;
line-height: 2.2;
}
#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-5.jpg);
outline: none;
}
#section-menu a.creston-tp {
background-image: url(../images/store-menu-item-6.jpg);
outline: none;
}
#section-menu a.iviewer-templates {
background-image: url(../images/store-menu-item-7.jpg);
outline: none;
}
#section-menu a.downloads {
background-image: url(../images/store-menu-item-9.jpg);
outline: none;
}
#section-menu a.graphics {
background-image: url(../images/store-menu-item-8.jpg);
outline: none;
}
#section-menu a.downloads:hover {
background-position: -159px 0;
outline: none;
}
#section-menu a.manufacturer-modules:hover, #section-menu a.creston-tp:hover, #section-menu a.iviewer-templates:hover, #section-menu a.graphics:hover {
background-position: -157px 0;
outline: none;
}
#section-menu-cont {
position:relative;
}
#section-menu-cont img#new{
position:absolute;
left: 560px;
top: -15px;
}
#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: 60px;
margin: 5px 15px 0px 16px;
background-color: #bfc3c9;
padding: 25px 15px 10px 15px;
position:relative;
}
#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;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER: Section Page Style */
/*--------------------------------------------------------------------------------------------------------------------------------------*/
#features, #features-mm, #features-iv {
width: 330px;
height: 46px;
padding: 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: 310px;
background-image: url(../images/iv-features-bg.gif);
}
#features p, #features-mm p, #features-iv p {
margin: 0;
}
#features p span, #features-mm p span, #features-iv p span {
font-size: 0.8em;
}
#features a, #features-mm a, #features-iv a {
width: 24px;
height: 24px;
margin: 4px 9px 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 {
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 {
margin: 12px 0 5px;
padding: 0 0 0 0;
font-weight: normal;
font-size: 1.2em;
text-decoration: none;
color: #9994A3;
}
/*--------------------------------------------------------------------------------------------------------------------------------------*/
/* 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 {
width: 431px;
margin: 19px 0 0 0;
float: left;
font-size: 1.5em;
}
.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;
}
.sec-prod-desc-p {
width: 300px;
margin: 7px 0 0;
float: left;
font-size: 0.8em;
}
.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;
}