or
to preserve markup whilst improving hr look and providing a vr */
hr {
display:none;
}
div.hr,
div.hr_on_menu,
div.hr_on_sales,
div.hr_on_submenu{
background:url(/uipics/menu2/horizontal_lines_sprite.png);
background-repeat:repeat-x;
height:5px;
width:100%;
clear:both;
}
div.vr,
div.vr_on_menu,
div.vr_on_sales,
div.vr_on_submenu{
background:url(/uipics/menu2/vertical_lines_sprite.png);
background-repeat:repeat-y;
width:5px;
}
div.hr_on_menu { background-position:0px -5px }
div.vr_on_menu { background-position:-5px 0px }
div.hr_on_sales { background-position:0px -10px }
div.vr_on_sales { background-position:-10px 0px }
div.hr_on_submenu { background-position:0px -15px }
div.vr_on_submenu { background-position:-15px 0px }
img {
margin:0;
padding:0;
border:0;
border-style:none;
}
acronym{
border-bottom:0;
}
table,
tr,
td{
padding:0;
margin:0;
border-collapse:collapse;
}
input[type=text],
input[type=password],
select,
textarea,
fieldset {
background-color:#5A6F7A;
border:none;
color:#DEE4E8;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
}
input[type=button] {
cursor:pointer;
}
fieldset input[type=text],
fieldset input[type=password],
fieldset select,
fieldset textarea {
background-color:#4A616D;
}
input[type=text],
input[type=password] {
padding:3px;
padding-top:4px;
padding-bottom:5px;
}
textarea{
padding:2px;
padding-left:3px;
padding-right:3px;
}
select {
padding:3px;
padding-bottom:1px;
}
option {
margin:5px;
padding:2px;
}
input[type=button],
input[type=submit],
button {
padding-bottom:2px;
}
fieldset {
padding:3px;
margin:0;
}
/* BASIC ELEMENTS - wrapped in small */
small p{
font-size:10px;
line-height:1.5em;
}
small h2 {
font-size:15px;
}
small h3 {
font-size:12px;
}
small h2 + p {
margin-top:5px;
}
small h3 + p {
margin-top:0;
}
/* BASIC ELEMENTS - END */
/* ROOT PAGE LAYOUT - START */
html {overflow-y:scroll !important;}
body {
/*font-family:Lucida Sans Unicode, Arial, Helvetica, sans-serif; */
font-family: Verdana, Geneva, sans-serif;
padding:0;
margin:0;
font-size:12px;
color:#DEE4E7;
background-color:black;
}
div#root {
margin-left:auto;
margin-right:auto;
width:1035px;
margin-top:0px;
}
div#root div#left_column {
float:left;
width:130px;
}
div#root div#content_column {
float:left;
width:775px;
}
div#root div#right_column {
float:left;
width:130px;
}
div#root div#right_column div#logos_menu {
width:300px;
margin-top:170px;
padding-left:23px;
}
html.admin_ui,
body.admin_ui {
height:100%;
background-color:#4A616D;
}
html.bare {
padding:0;margin:0;
padding-top:10px;
padding-bottom:10px;
margin-left:auto;
margin-right:auto;
width:775px;
}
div#admin_ui_root {
width:100%;
height:100%;
}
div#admin_ui_title_controls {
position:absolute;
width:600px;
top:12px;
left:300px;
}
#logos_menu a,
#logos_menu a:hover,
#logos_menu a:visited,
#logos_menu a:active {
text-decoration:none;
}
div#logos_menu div.logo_container {
height:40px;
margin-bottom:10px;
}
div.logo_container div.logo_bottom {
position:absolute;
}
div.logo_container div.logotype {
position:absolute;
display:none;
}
div#header {
height:108px;
}
div#header div#logo {
position:absolute;
margin-top:26px;
margin-left:17px;
background:url(/uipics/menu2/menu_headings_sprite.png);
background-repeat:no-repeat;
background-position:0px -520px;
width:300px;
height:50px;
}
div#header div#searchbox{
position:absolute;
margin-left:600px;
margin-top:40px;
width:150px;
height:26px;
background-color:#A4B2BA;
background-repeat:no-repeat;
display:none;
}
div#header div.searchbox_bg_empty{
background:url(/uipics/menu2/menu_headings_sprite.png);
background-position:-100px -450px;
}
div#searchbox input{
border:solid 0 #fff;
background-color:transparent;
font-size:13px;
margin-top:1px;
margin-left:3px;
color:#000;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}
div#searchbox input:focus {outline: none;}
div#header div#login_area {
position:absolute;
width:750px;
text-align:right;
margin-top:0px;
line-height:22px;
font-size:11px;
}
div#login_area a#username,
div#login_area a#username:visited {
color:#7C8F98;
}
div#login_area a#username:hover{
color:#F9B41B;
}
/* ROOT PAGE LAYOUT - END
/* MAIN MENU -START */
ul.menubar,
ul.menubar li.menu{
padding:0;
margin:0;
}
ul#main_menubar {
margin-top:175px;
margin-left:10px;
}
/* menu options stacked vertically: If you want horizontal menus, then add display:inline; */
ul.menubar li.menu {
display:block;
}
li.menu div.menu_heading,
li.menu div.popup_heading{
background:url(/uipics/menu2/menu_headings_sprite.png);
background-repeat:no-repeat;
width:120px;
height:40px;
}
li.menu a,
li.menu a:active,
li.menu a:hover,
li.menu a:focus{
outline:none;
}
li#menu_home div.menu_heading {background-position:0px 0px;}
li#menu_products div.menu_heading {background-position:0px -40px;}
li#menu_support div.menu_heading {background-position:0px -80px;}
li#menu_training div.menu_heading {background-position:0px -120px;}
li#menu_news div.menu_heading {background-position:0px -160px;}
li#menu_about div.menu_heading {background-position:0px -200px;}
li#menu_resellers div.menu_heading {background-position:0px -240px;}
li#menu_users div.menu_heading {background-position:0px -280px;}
li#menu_sales div.menu_heading {background-position:0px -320px;}
li#menu_content div.menu_heading {background-position:0px -360px;}
li#menu_home div.popup_heading {background-position:-120px 0px;}
li#menu_products div.popup_heading {background-position:-120px -40px;}
li#menu_support div.popup_heading {background-position:-120px -80px;}
li#menu_training div.popup_heading {background-position:-120px -120px;}
li#menu_news div.popup_heading {background-position:-120px -160px;}
li#menu_about div.popup_heading {background-position:-120px -200px;}
li#menu_resellers div.popup_heading {background-position:-120px -240px;}
li#menu_users div.popup_heading {background-position:-120px -280px;}
li#menu_sales div.popup_heading {background-position:-120px -320px;}
li#menu_content div.popup_heading {background-position:-120px -360px;}
li.menu div.popup {
position:absolute;
}
li.menu div.popup_heading {
position:absolute;
}
/* For the menu heading anchor and the popup version of it, move the text way off so */
/* that the text isn't visible in ordinary circumstances */
li.menu > a,
li.menu > .menu_popup > a {
text-indent:-9000px; /*hide the markup text - only there for search engines*/
}
li.menu a:link,
li.menu a:visited,
li.menu a:active {
color:#fff;
text-decoration:none;
}
li.menu a:hover {
text-decoration:underline;
color:#F9B41B;
}
li.menu div.popup_pane {
z-index:30;
position:absolute;
margin-left:120px;
margin-top:-15px;
color:white;
}
/*apply menu sprite to menu elements*/
li.menu div.popup_content,
li.menu div.popup_head,
li.menu div.popup_tail {
background:url(/uipics/menu2/menu_popup_sprite.png);
width:280px;
}
li.menu div.popup_content {
background-position:-640px 0px; /*third image in the sprite - the default background (repeats in y)*/
background-repeat:repeat-y;
}
li.menu div.popup_head,
li.menu div.popup_tail {
background-repeat:no-repeat;
height:20px;
}
li.menu div.popup_tail {
background-position:-320px 0px;
}
div.popup_content ul {
margin:0px;
padding:0px;
padding-top:5px;
padding-bottom:5px;
margin-left:23px;
margin-right:10px;
font-size:12px;
}
div.popup_content ul li {
margin:0px;
padding:0px;
padding-bottom:14px;
line-height:1.4em;
list-style-type:none;
list-style-position:outside;
color:white;
}
li.menu div.popup_content li {
background:url(/uipics/menu2/popup_menu_item_bg.png);
background-repeat:repeat-x;
background-position:0px 12px;
width:247px;
font-size:12px;
}
/* MAIN MENU (PRODUCTS)*/
li#menu_products div.popup_content li {
background:transparent;
background-repeat:inherit;
width:inherit;
}
li#menu_products div.popup_pane {
}
li#menu_products div.popup_content div#applications,
li#menu_products div.popup_content div#plugins,
li#menu_products div.popup_content div#platforms {
float:left;
padding:0;
margin:0;
}
li#menu_products div.popup_content div#applications {
width:180px;
margin-left:23px;
margin-right:15px;
}
li#menu_products div.popup_content div#plugins {
margin-left:15px;
margin-right:15px;
width:180px;
}
li#menu_products div.popup_content div#platforms {
margin-left:15px;
margin-right:15px;
width:130px;
}
li#menu_products div.popup_content div#platforms ul {
margin:0px;
padding:0px;
}
li#menu_products div.popup_content div#platforms ul li {
font-weight:bold;
margin:0px;
padding:0px;
padding-bottom:1em;
line-height:1.2em;
list-style-type:none;
list-style-position:outside;
}
li#menu_products div.popup_content div#platform_list {
font-size:10px;
line-height:1.2em;
}
li#menu_products h3 {
margin:0;
padding:0;
padding-top:6px;
margin-bottom:15px;
font-weight:bold;
}
li#menu_products div.prodmenu_vertline {
float:left;
height:520px;
}
li#menu_products div.popup_content,
li#menu_products div.popup_head,
li#menu_products div.popup_tail {
background:url(/uipics/menu2/menu_popup_sprite.png);
width:445px;
}
li#menu_products div.popup_head { background-position:-960px 0px; }
li#menu_products div.popup_content { background-position:-2000px 0px; }
li#menu_products div.popup_tail { background-position:-1480px 0px; }
li#menu_products div.popup_content ul {
margin:0;
padding:0;
}
li#menu_products div.popup_content ul li{
margin:0;
padding:0;
padding-bottom:1em;
line-height:1.2em;
list-style-type:none;
list-style-position:outside;
font-size:11px;
}
li#menu_products div.popup_content div.logo {
text-indent:-9000px; /*hide the markup text - only there for search engines*/
}
li#menu_products div.popup_content div.product_byline {
padding-left:30px;
/*color:#A4B2BA;*/
color:#AEB0A8;
}
/* MAIN MENU (PRODUCTS)- END */
/* FOOTER LAYOUT - START */
#on_page_footer {
clear:both;
height:59px;
border:0px solid #000;
border-top-width:2px;
font-size:10px;
background-color:#34444D;
color:#7C8F98;
}
#on_page_footer #footer_content {
padding-top:2px;
padding-left:23px;
padding-bottom:2px;
margin-top:16px;
}
#off_page_footer {
clear:both;
padding-top:23px;
font-size:11px;
line-height:1.5em;
color:#5A6F7A;
margin-bottom:2em;
}
#off_page_footer a,
#off_page_footer a:visited {
}
#off_page_footer a:hover{
color:white;
}
div#off_page_footer div#left_address {
float:left;
text-align:left;
margin-left:23px;
}
div#off_page_footer div#right_address {
float:right;
margin-right:23px;
text-align:right;
}
div#off_page_footer div#bottom_links {
clear:both;
margin-right:23px;
padding-top:5px;
text-align:right;
}
/* FOOTER LAYOUT - END */
/* PAGE TITLE STYLES START */
div.page_title_box_full_width,
div.page_title_box_column_2,
h1#bare_page_title{
height:59px;
border:none;
background-color:#34444D;
border-bottom:solid 2px #000;
}
/* note: These two columns below are 'full width' - text indentation should not be handled by divs of these classes, but by other containers (or 'p') within these divs*/
.page_title_box_column_2 {
}
.breadcrumb_trail {
position:absolute;
font-size:11px;
top:83px;
margin-left:23px;
line-height:22px;
}
.breadcrumb_trail,
.breadcrumb_trail a,
.breadcrumb_trail a:visited {
color:#7B8E98;
}
.breadcrumb_trail a:hover {
color:#F9B41B;
}
div#header div.cart_summary {
position:absolute;
margin-top:82px;
margin-left:518px;
height:22px;
line-height:22px;
font-size:11px;
vertical-align:bottom;
z-index:30;
color:#7C8F98;
text-align:right;
width:200px;
}
div#header div#cart_icon {
position:absolute;
margin-top:82px;
margin-left:723px;
width:27px;
height:22px;
}
div.cart_summary a,
div.cart_summary a:visited {
color:#7C8F98;
}
div.cart_summary a:hover{
color:#F9B41B
}
div#header div.cart_empty,
div#header div.cart_full {
background:url(/uipics/menu2/menu_headings_sprite.png);
background-repeat:no-repeat;
}
div#header div.cart_full {background-position:0px -450px}
div#header a:hover div.cart_full {background-position:-40px -450px}
div#header a div.cart_empty {background-position:0px -480px}
div#header a:hover div.cart_empty {background-position:-40px -480px}
div#page {
background-color:#4A616D;
line-height:1.8em;
}
div#page li {
padding-bottom:0.5em;
}
div#page p strong {
color:white;
}
div#page ul {
list-style-position:outside;
list-style-image:url(/uipics/menu2/chevron_bullet.png);
padding-left:0;
margin-left:23px;
}
/*styles for foundry product names in paragraphs*/
div#page p span.pname {
color:#fff;
}
/*e.g. the orange colour of X in NUKEX */
div#page span.pnameH {
color:#F9B41B;
}
div#page_end_space {
clear:both;
height:30px;
}
/* PAGE TITLE STYLES - END */
/******************************************************************/
/* 1 COLUMN LAYOUT - START */
div.column_1_of_1 {
width:775px;
margin:0;
padding:0;
}
div.column_1_of_1 .column_content {
margin-left:23px;
margin-right:23px;
padding-bottom:46px;
}
/* 1 COLUMN LAYOUT - END */
/******************************************************************/
/* 2 COLUMN LAYOUT - START */
div.two_column_container {
background:url(/uipics/menu2/2col_bg.png);
background-repeat:repeat-y;
margin:0;
padding:0;
padding-top:16px;
}
div#page div.column_1_of_2{
float:right;
width:259px;
margin:0;
padding:0;
line-height:1.8em;
}
div.column_2_of_2 div.column_content > *:first-child,
div.column_1_of_2 *:first-child {
margin-top:0;
}
div.column_2_of_2 div.column_content > .hr:last-child{
margin-bottom:0;
padding-bottom:0px;
}
div#page div.column_2_of_2 {
width:775px;
margin:0;
padding:0;
line-height:1.8em;
padding-bottom:30px;
}
div#page div.column_2_of_2 .column_content {
margin-left:23px;
width:448px;
}
div.column_2_of_2 div.column_content em {
text-transform:uppercase;
color:#fff;
font-style:normal;
}
div.column_2_of_2 span.bullet_title {
color:#fff;
font-weight:bold;
text-transform:uppercase;
}
div.column_2_of_2 div.hr {
clear:left;
}
div.sidebar_menu h3 {
margin-top:0;
padding-top:0;
padding-bottom:4px;
font-weight:bold;
}
div.sidebar_menu a,
div.sidebar_menu a:visited{
color:#fff;
}
div.sidebar_menu a:hover{
color:#FCB131;
}
div.sidebar_menu div.sidebar_item_level_1 {
margin-bottom:3px;
}
div.sidebar_menu div.sidebar_item_level_2 {
margin-left:23px;
margin-bottom:5px;
}
div.sidebar_menu div.sidebar_items_level_2 {
padding-top:3px;
padding-bottom:10px;
}
div.hr_on_submenu {
padding:0;
margin:0;
height:2px;
margin-bottom:2px;
}
div.sidebar_menu div.sidebar_selected a,
div.sidebar_menu div.sidebar_selected a:visited {
color:white;
font-weight:bold;
}
div#page div.sidebar_menu ul.sidebar_list {
margin:0; padding:0;
margin-top:5px;
list-style-type:none;
list-style-image:none;
}
div#page div.sidebar_menu ul.sidebar_list li {
margin:0;padding:0;
margin-right:23px;
margin-bottom:5px;
font-size:12px;
line-height:1.4em;
}
div#page div.sidebar_menu ul.sidebar_list li,
div#page div.sidebar_menu ul.sidebar_list li a,
div#page div.sidebar_menu ul.sidebar_list li a:visited
{
color:#C2B087;
}
div#page div.sidebar_menu ul.sidebar_list li a:hover {
color:#fff;
}
div#page div.column_2_of_2 div.left_float_icon_150_left_area {
float:left;
width:150px;
padding-bottom:23px;
padding-top:0.5em;
}
div#page div.column_2_of_2 div.left_float_icon_150_right_area {
margin-left:150px;
margin-bottom:23px;
}
/* 2 COLUMN LAYOUT - END */
/******************************************************************/
/* COLUMN CONTENT FLOAT BOXES - END */
/******************************************************************/
/* PAGES WITH A HOT COLUMN SIDEBAR*/
div#three_column_hotcol_container,
div#article_hotcol_container{
background-repeat:repeat-y;
margin:0;
padding:0;
}
div#three_column_hotcol_container{
padding-top:16px;
background:url(/uipics/menu2/3col_hotcol_bg.png);
}
div#article_hotcol_container{
background:url(/uipics/menu2/2col_hotcol_bg.png);}
/* sidebar colours on the hot column override the default colours a bit: */
div#three_column_hotcol_container div.hr_on_submenu,
div#article_hotcol_container div.hr_on_submenu {
background-position:0px -20px
}
div#three_column_hotcol_container div.vr_on_submenu,
div#article_hotcol_container div.vr_on_submenu {
background-position:-20px 0px
}
/* END OF PAGES WITH A HOT COLUMN SIDEBAR*/
/******************************************************************/
/* FORM ELEMENTS - START */
.form_table {
font-size:11px;
}
.form_table td {
/*background-color:yellow;*/
text-align:left;
padding:0px;
padding-bottom:15px;
}
span.required {
color:#F9B41B;
margin-left:2px;
}
.form_table td.field_label,
.form_table td.field_label_top {
line-height:1.2em;
padding-right:10px;
}
.form_table td.field_label_top {
vertical-align:top;
}
.form_table td.field_fixed_text {
font-weight:bold;
color:white;
}
.form_table h2 {
margin-bottom:0px;
}
.form_table td.field_fixed_value {
font-weight:bold;
}
.radio_table td{
padding:0px;
padding-right:5px;
}
.form_table td ul {
list-style-position:inside;
padding:0;
margin:0;
}
.form_table td li {
line-height:1.4em;
padding-bottom:3px;
}
td.error_col {
width:10px;
}
.field_error {
color:white;
font-size:12px;
font-weight:bold;
line-height:1.3em;
padding-bottom:2px;
padding-left:2px;
border:solid 0px red;
border-left-width:3px;
}
.form_table p {
font-style:italic;
line-height:1.4em;
color:#A4B2B9;
}
.form_table p strong {
color:#fff;
font-weight:normal;
}
.important_warning {
color:#DEC89A;
font-style:italic;
line-height:1.3em;
}
div.form_hint {
color:#DEC89A;
font-style:italic;
line-height:1.3em;
}
.form_price {
color:#FFF;
font-weight:bold;
font-size:13px;
line-height:1.3em;
}
td.show_field_error {
border-right-width:3px;
border-color:red;
font-size:23px;
}
td.nowrap {
white-space:nowrap;
}
.form_label_expl {
color:#5555ff;
font-style:italic;
}
.field_sub_expl {
color:#999999;
font-style:italic;
font-size:11px;
margin-left:20px;
}
.date_field_container {
border:1px solid #dddddd;
background-color:#f5f5f5;
line-height:3em;
width:280px;
}
.sub_form_container {
border:1px solid #dddddd;
background-color:#f5f5f5;
padding:15px;
}
.date_field_string {
margin-left:20px;
margin-right:10px;
}
.list_table {
border-collapse:separate;
}
.list_table td {
/*background-color:yellow;*/
padding:5px;
text-align:left;
background-color:#7C8F98;
line-height:1.2em;
font-size:11px;
}
.list_table td strong {
color:#fff;
font-weight:bold;
}
.list_table th {
background-color:#5A6F7A;
color:white;
font-weight:normal;
line-height:1.2em;
padding-left:3px;
padding-right:3px;
padding-top:5px;
padding-bottom:5px;
}
.transp_list_table td {
/*background-color:yellow;*/
padding:2px;
padding-left:3px;
padding-right:3px;
text-align:left;
}
div.bottom_field_example {
padding-top:2px;
font-style:italic;
line-height:1em;
padding-bottom:5px;
font-size:12px;
color:#aaaaaa;
margin-left:20px;
}
/* FORM ELEMENTS - END */
/******************************************************************/
/******************************************************************/
/* ORDINARY CONTENT FORMATTING - START */
span.code_snippet {
font-family:"Courier New", Courier, monospace;
background-color:#f0f0f0;
color:black;
padding-left:3px;
padding-right:3px;
}
div#page div.info_box,
div#page div.warning_box,
div#page div.question_box {
margin:0;padding:0;
background-color:#5A6F7A;
width:350px;
background-repeat:no-repeat;
background-position:23px 23px;
padding-left:75px;
padding-top:30px;
padding-bottom:33px;
padding-right:23px;
}
div.info_box { background:url(/uipics/menu2/info_box_logo.png); }
div.warning_box { background:url(/uipics/menu2/info_box_logo.png); }
div.question_box { background:url(/uipics/menu2/info_box_logo.png); }
/* ORDINARY CONTENT FORMATTING - END */
/******************************************************************/
/* HELP BUTTONS -START */
div.hover_help_button{
width:14px;
}
div.hover_help_button a,
div.hover_help_button a:hover {
background:url(/uipics/menu2/helppopup_sprite.png);
background-repeat:no-repeat;
height:14px;
width:14px;
display:block;
}
div.hover_help_button a {background-position:0px 0px}
div.hover_help_button a:hover {background-position:-20px 0px}
span.hover_help_word {
width:10px;
}
div.hover_help_popup {
width:300px;
display:none;
position:absolute;
}
div.hover_help_popup_top {
background:url(/uipics/menu2/helppopup_sprite.png);
background-repeat:no-repeat;
background-position:0px -20px;
}
div.hover_help_content{
width:100%;
padding-left:40px;
padding-top:20px;
width:237px;
color:white;
font-size:11px;
padding-bottom:10px;
}
div.hover_help_content h3 {
font-weight:bold;
color:white;
padding-bottom:0.4em;
padding-top:0;
margin-top:0;
}
div.hover_help_end {
height:20px;
width:100%;
background:url(/uipics/menu2/helppopup_sprite.png);
background-repeat:no-repeat;
background-position:0px -330px;
}
div.hover_help_content p {
margin-bottom:0;
padding-bottom:0;
}
/* HELP BUTTONS - END */
/******************************************************************/
/* LOGOS AND LOGOTYPES START */
/*40 pixel high logos*/
div.furnace40, div.furnace40dim, div.furnace40logotype,
div.furnacecore40, div.furnacecore40dim, div.furnacecore40logotype,
div.kronos40, div.kronos40dim, div.kronos40logotype,
div.cameratracker40, div.cameratracker40dim, div.cameratracker40logotype,
div.nuke40, div.nuke40dim, div.nuke40logotype,
div.keylight40, div.keylight40dim, div.keylight40logotype,
div.nukex40, div.nukex40dim, div.nukex40logotype,
div.ocula40, div.ocula40dim, div.ocula40logotype,
div.mari40, div.mari40dim, div.mari40logotype,
div.rollingshutter40, div.rollingshutter40dim, div.rollingshutter40logotype,
div.storm40, div.storm40dim, div.storm40logotype
{
background:url(/uipics/menu2/prodlogo40_sprite.png);
background-repeat:no-repeat;
height:40px;
width:40px;
}
div.furnace40logotype,
div.furnacecore40logotype,
div.kronos40logotype,
div.cameratracker40logotype,
div.nuke40logotype,
div.keylight40logotype,
div.nukex40logotype,
div.ocula40logotype,
div.mari40logotype,
div.rollingshutter40logotype,
div.storm40logotype
{
width:310px;
}
div.furnace40,div.furnace40logotype {background-position:-50px 0px}
div.furnacecore40, div.furnacecore40logotype {background-position:-50px -50px}
div.kronos40,div.kronos40logotype {background-position:-50px -100px}
div.cameratracker40, div.cameratracker40logotype {background-position:-50px -150px}
div.nuke40, div.nuke40logotype {background-position:-50px -200px}
div.keylight40, div.keylight40logotype {background-position:-50px -250px}
div.nukex40, div.nukex40logotype {background-position:-50px -300px}
div.ocula40, div.ocula40logotype {background-position:-50px -350px}
div.mari40, div.mari40logotype {background-position:-50px -400px}
div.rollingshutter40, div.rollingshutter40logotype {background-position:-50px -450px}
div.storm40, div.storm40logotype {background-position:-50px -500px}
div.furnace40dim {background-position:0px 0px}
div.furnacecore40dim {background-position:0px -50px}
div.kronos40dim {background-position:0px -100px}
div.cameratracker40dim {background-position:0px -150px}
div.nuke40dim {background-position:0px -200px}
div.keylight40dim {background-position:0px -250px}
div.nukex40dim {background-position:0px -300px}
div.ocula40dim {background-position:0px -350px}
div.mari40dim {background-position:0px -400px}
div.rollingshutter40dim {background-position:0px -450px}
div.storm40dim {background-position:0px -500px}
/*30 pixel high logos */
div.furnace30, div.furnace30dim, div.furnace30logotype,
div.furnacecore30, div.furnacecore30dim, div.furnacecore30logotype,
div.kronos30, div.kronos30dim, div.kronos30logotype,
div.cameratracker30, div.cameratracker30dim, div.cameratracker30logotype,
div.nuke30, div.nuke30dim, div.nuke30logotype,
div.keylight30, div.keylight30dim, div.keylight30logotype,
div.nukex30, div.nukex30dim, div.nukex30logotype,
div.ocula30, div.ocula30dim, div.ocula30logotype,
div.mari30, div.mari30dim, div.mari30logotype,
div.rollingshutter30, div.rollingshutter30dim, div.rollingshutter30logotype,
div.storm30, div.storm30dim, div.storm30logotype
{
background:url(/uipics/menu2/prodlogo30_sprite.png);
background-repeat:no-repeat;
height:30px;
width:30px;
}
div.furnace30logotype,
div.furnacecore30logotype,
div.kronos30logotype,
div.cameratracker30logotype,
div.nuke30logotype,
div.keylight30logotype,
div.nukex30logotype,
div.ocula30logotype,
div.mari30logotype,
div.rollingshutter30logotype,
div.storm30logotype
{
width:210px;
}
div.furnace30, div.furnace30logotype {background-position:-40px 0px}
div.furnacecore30, div.furnacecore30logotype {background-position:-40px -40px}
div.kronos30,div.kronos30logotype {background-position:-40px -80px}
div.cameratracker30, div.cameratracker30logotype {background-position:-40px -120px}
div.nuke30, div.nuke30logotype {background-position:-40px -160px}
div.keylight30, div.keylight30logotype {background-position:-40px -200px}
div.nukex30, div.nukex30logotype {background-position:-40px -240px}
div.ocula30, div.ocula30logotype {background-position:-40px -280px}
div.mari30, div.mari30logotype {background-position:-40px -320px}
div.rollingshutter30, div.rollingshutter30logotype {background-position:-40px -360px}
div.storm30, div.storm30logotype {background-position:-40px -400px}
div.furnace30dim {background-position:0px 0px}
div.furnacecore30dim {background-position:0px -40px}
div.kronos30dim {background-position:0px -80px}
div.cameratracker30dim {background-position:0px -120px}
div.nuke30dim {background-position:0px -160px}
div.keylight30dim {background-position:0px -200px}
div.nukex30dim {background-position:0px -240px}
div.ocula30dim {background-position:0px -280px}
div.mari30dim {background-position:0px -320px}
div.rollingshutter30dim {background-position:0px -360px}
div.storm30dim {background-position:0px -400px}
/* 64 pixel high logotypes (used in product pages) */
div.furnace64logotype,
div.furnacecore64logotype,
div.kronos64logotype,
div.cameratracker64logotype,
div.nuke64logotype,
div.keylight64logotype,
div.nukex64logotype,
div.ocula64logotype,
div.mari64logotype,
div.rollingshutter64logotype,
div.storm64logotype
{
background:url(/uipics/menu2/prodlogo64_sprite.png);
background-repeat:no-repeat;
height:64px;
width:382px;
}
div.furnace64logotype {background-position:0px 0px}
div.furnacecore64logotype {background-position:0px -70px}
div.kronos64logotype {background-position:0px -140px}
div.cameratracker64logotype {background-position:0px -210px}
div.nuke64logotype {background-position:0px -280px}
div.keylight64logotype {background-position:0px -350px}
div.nukex64logotype {background-position:0px -420px}
div.ocula64logotype {background-position:0px -490px}
div.mari64logotype {background-position:0px -560px}
div.rollingshutter64logotype {background-position:0px -630px}
div.storm64logotype {background-position:0px -700px}
/* LOGOS AND LOGOTYPES END */
/* ACTION BUTTONS START */
div.action_button {
background:url(/uipics/buttons/action_buttons_sprite.png);
background-repeat:no-repeat;
width:127px;
height:32px;
text-indent:-9000px;
outline:none;
}
a .action_button,
a:hover .action_button,
a:active .action_button,
a:visited .action_button,
a:focus .action_button{
outline:none;
}
a div.login_button { background-position:0px 0px }
a div.signup_button { background-position:-150px 0px }
a div.continue_button { background-position:-300px 0px }
a div.save_button { background-position:-450px 0px }
a div.add_to_basket_button { background-position:-600px 0px }
a div.checkout_button { background-position:-750px 0px }
a div.place_order_button { background-position:-900px 0px }
a div.confirm_pay_button { background-position:-1050px 0px }
a div.cancel_button { background-position:-1200px 0px }
a div.confirm_button { background-position:-1350px 0px }
a:hover div.login_button { background-position:0px -40px }
a:hover div.signup_button { background-position:-150px -40px }
a:hover div.continue_button { background-position:-300px -40px }
a:hover div.save_button { background-position:-450px -40px }
a:hover div.add_to_basket_button { background-position:-600px -40px }
a:hover div.checkout_button { background-position:-750px -40px }
a:hover div.place_order_button { background-position:-900px -40px }
a:hover div.confirm_pay_button { background-position:-1050px -40px }
a:hover div.cancel_button { background-position:-1200px -40px }
a:hover div.confirm_button { background-position:-1350px -40px }
/* ACTION BUTTONS END */
/* HERO ANIMATION */
div#hero {
width:775px;
height:354px;
overflow:hidden;
cursor:pointer;
}
div#hero div#bg_topcanvas,
div#hero div#bg_botcanvas{
z-index:0;
position:absolute;
width:775px;
height:354px;
background-repeat:no-repeat;
background-position:0px 0px;
}
div#hero div#bg_topcanvas {
z-index:1;
}
div#hero div#headline_bg {
background-color:#34444D;
position:absolute;
z-index:9;
width:236px;
height:354px;
display:none;
}
div#hero div#headline_img {
width:236px;
height:290px;
position:absolute;
margin-top:64px;
z-index:10;
background-repeat:no-repeat !important;
}
div#hero div#info_container_bg {
position:absolute;
margin-top:284px;
margin-left:494px;
z-index:5;
background-color:#849FAE;
display:none;
width:281px;
height:70px;
}
div#hero div#info_container {
position:absolute;
z-index:6;
margin-top:304px;
margin-left:514px;
width:241px;
height:50px;
font-size:10px;
color:#fff;
line-height:1.2em;
}
div#hero div#info_container span#copyright {
position:relative;
top:-3px;
}
div#hero div.hero_button {
background-color:#34444D;
width:24px;
height:33px;
float:right;
margin-left:4px;
color:white;
font-size:10px;
text-align:right;
line-height:1em;
cursor:pointer;
display:none;
}
div#hero div.hero_button div.button_num {
position:absolute;
margin-top:17px;
margin-left:12px;
}
/* END OF HERO ANIMATION */
/* PRODUCT PAGES */
div.product_hero {
width:775px;
height:354px;
overflow:hidden;
}
div.product_hero div.bg_topcanvas,
div.product_hero div.bg_botcanvas{
z-index:0;
position:absolute;
width:775px;
height:354px;
background-repeat:no-repeat;
background-position:0px 0px;
}
div.product_hero div.bg_topcanvas {
z-index:1;
display:none;
}
div.product_hero div.hero_logo_bg {
position:absolute;
margin-top:274px;
height:80px;
width:494px;
z-index:2;
background-color:#304045;
}
div.product_hero div.main_product_logo {
z-index:3;
position:absolute;
margin-top:282px;
margin-left:23px;
}
div.product_hero div.hero_img_info_bg {
position:absolute;
z-index:2;
margin-top:274px;
margin-left:494px;
height:80px;
width:281px;
background-color:#AEB0A8;
}
div.product_hero div.hero_img_info {
z-index:3;
}
div.prod494_quote {
width:494px;
background-position:0px 0px;
margin:0;padding:0;
position:relative;
top:-16px;
}
div#image_preload_container {
display:none;
}
/* END OF PRODUCT PAGES */
/* START OF ARTICLE DISPLAY LIST */
div.column_2_of_2 div.article_list {
margin-left:0px;
/*background-color:red;*/
width:471px;
padding-right:23px;
}
div.article_list div.article_list_item {
clear:left;
}
div.article_list_item div.listthumb {
float:left;
padding:0;margin:0;
}
div.article_list_item div.article_info {
margin-left:259px;
}
div.article_list div.title a,
div.article_list div.title a:visited,
div.article_list div.title a:active
{
font-weight:bold;
font-size:14px;
color:white;
font-weight:normal;
line-height:1em;
margin-bottom:0px;
position:relative;
top:-3px;
}
div.article_list a:hover div.title {
color:#F9B41B;
}
div.article_list div.summary {
font-size:11px;
line-height:1.35em;
color:#BFCACE;
}
div.article_list div.article_spacer {
margin-bottom:10px;
clear:left;
}
div.article_list div.article_more {
font-size:11px;
}
/* END OF ARTICLE DISPLAY_LIST */
/* START OF HOTCOLUMN */
div#social_icons_container {
height:33px;
}
div#social_icons_container div.social_icon,
div#foundry_channel div#social_icons_youtube{
background:url(/uipics/menu2/shareicons_sprite.png);
background-repeat:no-repeat;
height:22px;
}
div#social_icons_container div.social_icon{
width:22px;
float:left;
margin-right:10px;
}
div#social_icons_container a div#social_icons_rss {background-position:0px 0px;}
div#social_icons_container a div#social_icons_facebook {background-position:0px -30px;}
div#social_icons_container a div#social_icons_twitter {background-position:0px -60px;}
div#foundry_channel a div#social_icons_youtube {background-position:0px -90px; width:45px;}
div#social_icons_container a div#social_icons_nukepedia {background-position:0px -150px;}
div#social_icons_container a div#social_icons_linkedin {background-position:0px -180px;}
div#social_icons_container a:hover div#social_icons_rss {background-position:-40px 0px;}
div#social_icons_container a:hover div#social_icons_facebook {background-position:-40px -30px;}
div#social_icons_container a:hover div#social_icons_twitter {background-position:-40px -60px;}
div#foundry_channel a:hover div#social_icons_youtube {background-position:0px -120px; width:45px}
div#social_icons_container a:hover div#social_icons_nukepedia {background-position:-40px -150px;}
div#social_icons_container a:hover div#social_icons_linkedin {background-position:-40px -180px;}
div#foundry_channel {
margin-top:5px;
height:29px;
}
div#foundry_channel a,
div#foundry_channel a:visited{
color:#fff;
}
div#foundry_channel a:hover{
color:#FCB131;
}
div#foundry_channel_text,
div#social_icons_youtube{
float:left;
}
div.hotcolumn_section {
margin-top:25px;
}
div.hotcolumn_section h3 {
margin-top:0;
padding-top:0;
padding-top:25px;
padding-bottom:4px;
font-weight:bold;
}
div.hotcolumn_section h3:first-child {
padding-top:0px;
}
div.hotcolumn_section a,
div.hotcolumn_section a:visited{
color:#fff;
}
div.hotcolumn_section a:hover{
color:#FCB131;
}
div.hotcolumn_section ul.hotcolumn_list {
margin:0; padding:0;
margin-top:5px;
/*
list-style-type:none;
list-style-image:none;
*/
}
div.hotcolumn_section ul.hotcolumn_list li {
margin:0;padding:0;
margin-right:23px;
margin-bottom:5px;
font-size:12px;
line-height:1.4em;
}
div.hotcolumn_section ul.hotcolumn_list li:first-child {
margin-top:8px;
}
div.hotcolumn_section ul.hotcolumn_list li,
div.hotcolumn_section ul.hotcolumn_list li a,
div.hotcolumn_section ul.hotcolumn_list li a:visited
{
color:#C2B087;
color:#E0E8EB;
}
div.hotcolumn_section ul.hotcolumn_list li a:hover {
color:#fff;
}
div.hotcolumn_section h3{
color:#fff;
}
/* END OF HOTCOLUMN */