body {padding:0px 0px 0px 0px;margin:0px;background-color:white;text-align:left;font:11px verdana;} /* Initial pagesize settings - possibly depreciated */ #pagesize { width: 790px; padding:0px; margin:0px; margin-left: auto; margin-right: auto; border: 2px solid #A0B7DF; background-color: transparent; background-position: top left; background-repeat: no-repeat; } /* General content style - possibly depreciated */ .content { clear:both; position: relative; text-align: left; z-index: 5; background-position: top left; background-repeat: no-repeat; background-color: transparent; } * html .content /*IE Float Fix*/ { height:1%; } /* Initial pageheading styles - possibly depreciated */ #pageheading { position: relative;position:static; margin: 0px; height: 120px; background-color: transparent; background-position: top left; padding: 0px; margin: 0px; z-index: 3; text-align: center; /* Header needs to be relative or dropdown menus sometimes go behind the content in FF2 */ position:relative; } /* We dont want forms to effect layout */ form {margin:0px;padding:0px;} /*input.bs1{background:transparent none no-repeat top left;width:98px;height:25px;margin:0px;padding:0px;border:none;} input.bs1_small{background:transparent none no-repeat top left;width:78px;height:19px;margin:0px;padding:0px;border:none;}*/ /* Button set sprite styles */ input.bs1 {filter:alpha(opacity=95);opacity:0.90;overflow:visible;margin:1px;border:none;padding:0px;height:25px;width:98px;background:transparent url(../_images/sys/buttonset1_sprites.gif) no-repeat 0px 0px;} input.bs1:hover{filter:alpha(opacity=100);opacity:1.0;} input.bs1:active{filter:alpha(opacity=50);opacity:0.5;} input.bs1.disabled{filter:alpha(opacity=50);opacity:0.5;} input.bs1.disabled:hover{filter:alpha(opacity=50);opacity:0.5;} input.bs1.disabled:active{filter:alpha(opacity=50);opacity:0.5;} input.bs1.login {background-position:0px -0px;} input.bs1.logout {background-position:0px -50px;} input.bs1.download {background-position:0px -100px;} input.bs1.yes {background-position:0px -150px;} input.bs1.no {background-position:0px -200px;} input.bs1.iAccept {background-position:0px -250px;} input.bs1.iDecline {background-position:0px -300px;} input.bs1.iAgree {background-position:-110px -350px;} input.bs1.search {background-position:0px -400px;} input.bs1.submit {background-position:0px -450px;} input.bs1.send {background-position:0px -500px;} input.bs1.go {background-position:0px -550px;} input.bs1.update {background-position:0px -600px;} input.bs1.un {background-position:0px -650px;} input.bs1.iAgreeToTerms {background-position:0px -700px;width:211px;} input.bs1.un {background-position:0px -750px;} input.bs1.yes_sml {background-position:0px -800px;width:78px;height:19px;} input.bs1.view_sml {background-position:-88px -800px;width:78px;height:19px;} input.bs1.no_sml {background-position:0px -850px;width:78px;height:19px;} input.bs1.download_sml {background-position:-88px -850px;width:78px;height:19px;} input.bs1.load_sml {background-position:0px -900px;width:78px;height:19px;} input.bs1.activate_sml {background-position:-88px -900px;width:78px;height:19px;} input.bs1.delete_sml {background-position:0px -950px;width:78px;height:19px;} input.bs1.remove_sml {background-position:0px -1000px;width:78px;height:19px;} input.bs1.logout_sml {background-position:0px -1050px;width:78px;height:19px;margin:0px;} input.bs1.addToCart {background-position:0px -1100px;} input.bs1.moreInfo {background-position:0px -1150px;} input.bs1.enquire {background-position:0px -1200px;} input.bs1.customize {background-position:0px -1250px;} input.bs1.calculate {background-position:0px -1300px;} input.bs1.saveCart {background-position:0px -1350px;} input.bs1.printView {background-position:-108px -1350px;} input.bs1.viewCart {background-position:0px -1400px;} input.bs1.print {background-position:-108px -1400px;} input.bs1.updateCart {background-position:0px -1450px;} input.bs1.viewOrder {background-position:-108px -1450px;} input.bs1.continue {background-position:0px -1500px;} input.bs1.checkout {background-position:0px -1550px;} input.bs1.payNow {background-position:-108px -1550px;} input.bs1.outOfStock {background-position:0px -1600px;} input.bs1.startTask {background-position:0px -1650px;} input.bs1.continueTask {background-position:-108px -1650px;} input.bs1.nextStage {background-position:0px -1700px;} input.bs1.previousStage {background-position:-108px -1700px;} input.bs1.saveStage {background-position:0px -1750px;} input.bs1.completeTask {background-position:-108px -1750px;} input.bs1.viewTask {background-position:0px -1800px;} input.bs1.downloadReport {background-position:0px -1850px;width:157px;} /* Preset styles used for rich text formatting, applied to both block and inline span elements */ .small,.small a:link,.small a:visited,.small a:hover{font:9px verdana;} .big, .big a:link,.big a:visited,.big a:hover{font: 20px verdana;} .red_small{font:bold 9px verdana;color:red;} .red_small a:link,.red_small a:visited{color:red;text-decoration:underline;font:bold 9px verdana;} .red_small a:hover{color:white;background-color:red;} .red_medium{font:bold 14px verdana;color:red;} .red_medium a:link,.red_medium a:visited{color:red;text-decoration:underline;font:bold 14px verdana;} .red_medium a:hover{color:white;background-color:red;} .red_big{font:bold 20px verdana;color:red;} .red_big a:link,.red_big a:visited{color:red;text-decoration:underline;font:bold 20px verdana;} .red_big a:hover{color:white;background-color:red;} .highlight_g{background-color:#24ff00;} .highlight_y{background-color:#f0ff00;} .highlight_o{background-color:#ffda80;} .highlight_p{background-color:#ff80fb;} .deleted{text-decoration:line-through;} .cited{font-style:italic;} /* Search result styles */ span.searchedWord{font-weight:bold;} /* Media object images for when the movie is not available */ img.flv,img.flv_lq,img.flv_hq {border:2px solid #ba2325;background: transparent url(/_images/sys/ctl_rte_mediaflv.gif) no-repeat center center;} img.swf,img.swf_lq,img.swf_hq {border:2px solid #ff0000;background: transparent url(/_images/sys/ctl_rte_mediaswf.gif) no-repeat center center;} img.mov,img.mov_lq, img.mov_hq {border:2px solid #00a7e2;background: transparent url(/_images/sys/ctl_rte_mediamov.gif) no-repeat center center;} img.wmv,img.wmv_lq,img.wmv_hq {border:2px solid #f4a80d;background: transparent url(/_images/sys/ctl_rte_mediawmv.gif) no-repeat center center;} img.object {border:2px solid #f0f35c;background: transparent url(/_images/sys/ctl_rte_mediaobject.gif) no-repeat center center;} /* Achor image for rich text */ img.anchor {border:none;background: transparent url(/_images/sys/ctl_rte_anchorplaceholder.gif) no-repeat center center;} /* Form input error styles, used in rich text forms and register forms etc */ .formErrors {background-color:white;border:2px double red;width:85%;font:11px verdana;padding:4px;margin:5px auto;} .formErrors p{padding:1px;margin:0px;color:red;} .formErrors ul{padding:0px;margin:0px;padding-left:20px;list-style-type:square;color:red;} input.error {border:2px solid red;} textarea.error {border:2px solid red;} .error {color:red;} .center.error {color:red;} td.inputError, span.inputError {background-color:white;color:red;padding:3px 3px 8px 3px;line-height:1.5;} td.inputError input.text,td.inputError textarea, p.inputError input.text, p.inputError textarea, input.text.inputError{background-color:white;border:2px double red;margin-bottom:0px;color:red;} td.inputSuccess input.text, td.inputSuccess select, p.inputSuccess textarea,p.inputSuccess input.text, p.inputSuccess select, td.inputSuccess textarea, input.text.inputSuccess{background-color:white;border:2px double #33d300;color:#2eba01;} p.inputError .error{font:11px verdana;} /*.formerror {color:red;}*/ /* Style the member registration and login forms */ form.registerMember{font:11px verdana;} form.registerMember th{text-align:right;} form.registerMember td {padding:3px;} form.registerMember input.text{padding:2px 3px;font:12px verdana;} form.loginForm input.text{padding:2px 3px;font:12px verdana;} form.loginForm th{text-align:right;} form.loginForm td {padding:3px;} form.loginForm label{color:black;font:11px verdana;} form#stageForm label{margin:0px;} /* General Styles for forms */ form{font:11px verdana;} /* Centering styles */ p.center {text-align:center;} p.hcenter, .panelStyleSet1 p.hcenter, .panelStyleSet2 p.hcenter, .panelStyleSet3 p.hcenter {text-align:center;} p.hleft, .panelStyleSet1 p.hleft, .panelStyleSet2 p.hleft, .panelStyleSet3 p.hleft {text-align:left;} p.hright, .panelStyleSet1 p.hright, .panelStyleSet2 p.hright, .panelStyleSet3 p.hright {text-align:right;} form.center {text-align:center;} form.center input {text-align:center;} br.small {font:5px verdana;} .center {text-align:center;} .hcenter {text-align:center;} .hleft {text-align:left;} .hright {text-align:right;} body div div .hright {text-align:right;} /* For panel tops/bottoms, need to give it enough scope to override the panelTop/panelBottom style */ body div div .std.hright {text-align:right;} body div div .std.hcenter {text-align:center;} body div div .std.hleft {text-align:left;} /* Collapse tables, IE border-collapse is in conditional file */ table {border-spacing:0;} /* Invisible tables need a high priority */ body table.invisible {border-spacing:0;border:none;} body table.invisible tr, table.invisible tr td, table.invisible tr th{border:none;} body table.invisible.center tr, table.invisible.center tr td, table.invisible.center tr th{border:none;} body table.invisible.center {margin:auto;} /* Default fonts for invisible talbes can be overriden however */ table.invisible {font:11px verdana;} /* Rich text indent and list styles */ div.indent{margin:0px;padding:0px;border:none;margin-left:30px;} ol {list-style-type:decimal} ol ol{list-style-type:lower-alpha} ol ol ol{list-style-type:lower-roman} ol ol ol ol{list-style-type:decimal} ul {list-style-type:square} ul ul{list-style-type:circle} ul ul ul{list-style-type:disc} ul ul ul ul{list-style-type:square} /* General image styles */ img {border:none;} img.nostyle {padding:0px;margin:0px;background-color:transparent;border:none;} img.none {padding:0px;margin:0px;} img.right {float:right;} /*padding:8px 0px 8px 8px;*/ img.left {float:left; }/*padding:8px 8px 8px 0px;*/ img.left_image {float:left; } /*padding:8px 8px 8px 0px;*/ img.right_image {float:right; } /*padding:8px 0px 8px 8px;*/ /* Change cursor to be appropriate */ label, button, input.button{cursor:pointer;cursor:hand;} /* By default all panels will clip content if it is too wide */ /* Width must be set to auto, or custom margins will expand the page width */ /* If they want to scroll content as opposed to clipping it, they will need to enter a width as well, this can be 100% or another value */ .contentPanel,.catalogPanel, .imagePanel,.newsPanel, .productPanel,.memberPanel,.ecommercePanel,.layoutPanel, .menuPanel, .columnPanel,.unstyledPanel, .panelStyle1,.panelStyle2,.panelStyle3, .panelStyle4,.panelStyle5,.panelStyle6, .panelStyle7,.panelStyle9,.panelStyle9 {overflow-x:hidden;width:auto;clear:both;} /* All browsers need this for the horizontal dropdown to work */ .hmenu{overflow-x:visible;} /* Unstyled is a special type that can not be setup in the template, it has no BPM */ .unstyledPanel{border:none;margin:0px;padding:0px;background-color:transparent;} /* Each panel type needs to be added here, most of these styles can be overriden in the template */ .contentPanelTop, .contentPanelBottom, .catalogPanelTop, .catalogPanelBottom, .imagePanelTop, .imagePanelBottom, .newsPanelTop, .newsPanelBottom, .productPanelTop, .productPanelBottom, .memberPanelTop, .memberPanelBottom, .ecommercePanelTop, .ecommercePanelBottom, .layoutPanelTop, .layoutPanelBottom, .menuPanelTop, .menuPanelBottom, .columnPanelTop, .columnPanelBottom, .unstyledPanelTop, .unstyledPanelBottom {font-size:1px;line-height:0px;margin:0px;padding:0px;border:none;} /* Specific styles for some panels */ div.loginHorizontalPanel p.center, div.loginHorizontalPanel p.left, div.loginHorizontalPanel p.right {margin:0px;padding:0px 2px 2px 2px;} /* Panel top and bottom styles */ .panelTop1,.panelTop2,.panelTop3,.panelTop4,.panelTop5, .panelTop6,.panelTop7,.panelTop8,.panelTop9 {overflow:hidden;height:auto;} .panelBottom1,.panelBottom2,.panelBottom3,.panelBottom4,.panelBottom5, .panelBottom6,.panelBottom7,.panelBottom8,.panelBottom9 {overflow:hidden;height:auto;} .pleft {float:left;} .pright {float:right;} .pmid {} /* Setup the float clear class */ .clearFloat, .clearfloat, .clear, .clr, br.clr{border:none;margin:0px;padding:0px;background:transparent;clear:both;display:block;height:1px;font-size:0px;line-height:0px;float:none;} ul li.clr{float:none;border:none;margin:0px;padding:0px;background:transparent;clear:both;display:block;height:1px;font-size:0px;line-height:0px;float:none;} /* Panel Styles for menu are either verticalMenuPanel, productMenuPanel, or horizontalMenuPanel and control the styles of the tiers and buttons, they are styled in template design and do not control behaviour of the menu The styles below are behaviour styles (menu types) and control how a menu displays and behaves. vertical_normal, vertical_open and vertical_dropdown start of with the same behaviour but change individually further down */ .vertical_single,.vertical_normal, .vertical_open, .vertical_dropdown {text-decoration:none; width:auto; margin:0px;padding:0px; height: auto; z-index:40; background-color:transparent;top:0px;clear:both;} .vertical_single,.vertical_normal, .vertical_open, .vertical_dropdown {position:static;}/* This causes the menu pause problem if set to relative */ .vertical_single li,.vertical_normal li, .vertical_open li, .vertical_dropdown li{list-style:none;margin:0px;padding:0px;background-color:transparent;} .vertical_single ul,.vertical_normal ul, .vertical_open ul, .vertical_dropdown ul{margin:0px;padding:0px;width:100%;} .vertical_normal ul ul, .vertical_open ul ul, .vertical_dropdown ul ul{margin:0px;padding:0px;width:100%;} .vertical_normal li ul,.vertical_open li ul,.vertical_dropdown li ul {text-decoration:none; margin:0px;padding:0px;background-color:transparent;} .vertical_normal li ul li,.vertical_open li ul li,.vertical_dropdown li ul li{margin:0px;padding:0px;background-color: transparent;} .vertical_dropdown li ul li ul {text-decoration:none; margin:0px;padding:0px;background-color: transparent;} .vertical_dropdown li ul li ul li{margin:0px;padding:0px;background-color: transparent;} .vertical_single a, .vertical_single a:link, .vertical_single a:hover, .vertical_single a:visited, .vertical_normal a, .vertical_normal a:link, .vertical_normal a:hover, .vertical_normal a:visited, .vertical_open a, .vertical_open a:link, .vertical_open a:hover, .vertical_open a:visited, .vertical_dropdown a, .vertical_dropdown a:link, .vertical_dropdown a:hover, .vertical_dropdown a:visited {display:block; height:auto; margin:0px;background-color: transparent;} /*text-decoration*/ .vertical_normal li ul li a, .vertical_normal li ul li a:link, .vertical_normal li ul li a:hover, .vertical_normal li ul li a:visited, .vertical_open li ul li a, .vertical_open li ul li a:link, .vertical_open li ul li a:hover, .vertical_open li ul li a:visited, .vertical_dropdown li ul li a, .vertical_dropdown li ul li a:link, .vertical_dropdown li ul li a:hover, .vertical_dropdown li ul li a:visited {height:auto;display:block;width:auto;} .vertical_normal li ul li ul li a, .vertical_normal li ul li ul li a:link, .vertical_normal li ul li ul li a:hover, .vertical_normal li ul li ul li a:visited, .vertical_open li ul li ul li a, .vertical_open li ul li ul li a:link, .vertical_open li ul li ul li a:hover, .vertical_open li ul li ul li a:visited, .vertical_dropdown li ul li ul li a, .vertical_dropdown li ul li ul li a:link, .vertical_dropdown li ul li ul li a:hover, .vertical_dropdown li ul li ul li a:visited {height:auto;} /* IE 5, 5.5 menu item space fix */ * html .vertical_single li,* html .vertical_normal li,* html .vertical_open li,* html .vertical_dropdown li {height:2px;font-size:0px;line-height:0;margin:0px;padding:0px;} /*IE Fix: allows you select the whole menu button instead of just the text*/ * html .vertical_single a,* html .vertical_single a:link,* html .vertical_single a:hover,* html .vertical_single a:visited, * html .vertical_normal a,* html .vertical_normal a:link,* html .vertical_normal a:hover,* html .vertical_normal a:visited, * html .vertical_open a,* html .vertical_open a:link,* html .vertical_open a:hover,* html .vertical_open a:visited, * html .vertical_dropdown a,* html .vertical_dropdown a:link,* html .vertical_dropdown a:hover,* html .vertical_dropdown a:visited {height:15px;} /*IE Fix: allows you select the whole menu button instead of just the text*/ * html .vertical_normal li ul li a,* html .vertical_normal li ul li a:link,* html .vertical_normal li ul li a:hover,* html .vertical_normal li ul li a:visited, * html .vertical_open li ul li a,* html .vertical_open li ul li a:link,* html .vertical_open li ul li a:hover,* html .vertical_open li ul li a:visited, * html .vertical_dropdown li ul li a,* html .vertical_dropdown li ul li a:link,* html .vertical_dropdown li ul li a:hover,* html .vertical_dropdown li ul li a:visited {height:15px;} /*IE Fix: allows you select the whole menu button instead of just the text*/ * html .vertical_normal li ul li ul li a,* html .vertical_normal li ul li ul li a:link,* html .vertical_normal li ul li ul li a:hover,* html .vertical_normal li ul li ul li a:visited, * html .vertical_open li ul li ul li a,* html .vertical_open li ul li ul li a:link,* html .vertical_open li ul li ul li a:hover,* html .vertical_open li ul li ul li a:visited, * html .vertical_dropdown li ul li ul li a,* html .vertical_dropdown li ul li ul li a:link,* html .vertical_dropdown li ul li ul li a:hover,* html .vertical_dropdown li ul li ul li a:visited {height:15px;} /* vertical_dropdown menu behaviour & styles */ .vertical_dropdown a, .vertical_dropdown a:link, .vertical_dropdown a:visited{display:block;height:1%;white-space:normal;position:static;} .vertical_dropdown a {width:auto;}.vertical_dropdown ul a, .vertical_dropdown ul a:link, .vertical_dropdown ul a:visited{/*width:200px;*/white-space:normal;display:block;} .vertical_dropdown ul ul a, .vertical_dropdown ul ul a:link, .vertical_dropdown ul ul a:visited{/*width:200px;*/white-space:normal;display:block;} .vertical_dropdown div.hoverzone, .vertical_dropdown ul div.hoverzone{min-width:1px;position:absolute; z-index:1000;padding:0px;margin:0px;background-color:transparent;background-image:url(transparent.gif);top:auto;left:auto;display:none;border:none;margin-top:0px;margin-left:80px;}/*border:2px solid #ff9c00;margin-left:78px;}*/ .vertical_dropdown ul div.hoverzone{margin:0px;border:none;clear:both;margin-top:0px;margin-left:80px;}/*border:2px solid #ffd200;margin-left:78px;}*/ .vertical_dropdown div.minihoverzone{height:40px;width:20px;margin:0px;margin-left:60px;border:none;display:none;position:absolute;z-index:100;background-image:url(transparent.gif);left:auto;top:auto;} * html .vertical_dropdown ul li {clear:none;float:left;} .vertical_dropdown li:hover div.hoverzone{display:block;} .vertical_dropdown li:hover div.minihoverzone{display:block;} .vertical_dropdown li:hover ul div.hoverzone{display:none;} .vertical_dropdown li:hover ul div.minihoverzone{display:none;} .vertical_dropdown li:hover ul ul div.hoverzone{display:none;} .vertical_dropdown li:hover ul ul div.minihoverzone{display:none;} .vertical_dropdown li ul li:hover div.hoverzone{display:block;} .vertical_dropdown li ul li:hover div.minihoverzone{display:block;} .vertical_dropdown li:hover ul ul div.hoverzone{display:none;} .vertical_dropdown li:hover ul ul div.minihoverzone{display:none;} .vertical_dropdown li ul li ul li:hover div.hoverzone{display:block;} .vertical_dropdown li ul li ul li:hover div.minihoverzone{display:block;} /*.vertical_dropdown ,.vertical_dropdown ul{list-style:none;height:auto;}*/ /*.vertical_dropdown ul{position:static;z-index:200;}*/ /*.vertical_dropdown div.minihoverzone{margin:0px;margin-left:60px;border:none;}/*border:2px solid #ffd200;}*/ /*.vertical_dropdown div.minihoverzone{width:20px;height:40px;margin:0px;display:none;position:absolute;z-index:100;background-image:url(transparent.gif);left:auto;top:auto;margin-left:60px;border:none;border:2px solid #ff9c00;width:16px;}*/ /* horizontal_dropdown menu behaviour & styles */ .horizontal_single, .horizontal_dropdown {display:block;height:auto;width:auto;background-color:transparent;top:0px;padding:0px;margin:0px;width:100%;} .horizontal_single, .horizontal_dropdown {width:auto;zoom:1;}/*2.00.10 change*/ .horizontal_single li, .horizontal_dropdown li{list-style:none;padding:0px;margin:0px;width:auto;height:auto;float:left;background-color:transparent;} .horizontal_single a, .horizontal_dropdown a {width:auto;height:auto;margin:0px;display:block;} /* horizontal menu alignment */ .menuStyle1,.menuStyle2,.menuStyle3, .menuStyle4, .menuStyle5, .menuStyle6 {position:relative;clear:both;float:left;width:100%;height:auto;position:static;} .menuStyle1 div.acenter,.menuStyle2 div.acenter,.menuStyle3 div.acenter,.menuStyle4 div.acenter,.menuStyle5 div.acenter,.menuStyle6 div.acenter {clear:both;float:left;left:50%;position:relative;} .menuStyle1 div.acenter ul.horizontal_dropdown,.menuStyle2 div.acenter ul.horizontal_dropdown,.menuStyle3 div.acenter ul.horizontal_dropdown,.menuStyle4 div.acenter ul.horizontal_dropdown,.menuStyle5 div.acenter ul.horizontal_dropdown,.menuStyle6 div.acenter ul.horizontal_dropdown, .menuStyle1 div.acenter ul.horizontal_single,.menuStyle2 div.acenter ul.horizontal_single,.menuStyle3 div.acenter ul.horizontal_single,.menuStyle4 div.acenter ul.horizontal_single,.menuStyle5 div.acenter ul.horizontal_single,.menuStyle6 div.acenter ul.horizontal_single {clear:both;float:left;right:50%;position:relative;text-align:center;} .menuStyle1 div.aleft ul.horizontal_dropdown,.menuStyle2 div.aleft ul.horizontal_dropdown,.menuStyle3 div.aleft ul.horizontal_dropdown,.menuStyle4 div.aleft ul.horizontal_dropdown,.menuStyle5 div.aleft ul.horizontal_dropdown,.menuStyle6 div.aleft ul.horizontal_dropdown, .menuStyle1 div.aleft ul.horizontal_single,.menuStyle2 div.aleft ul.horizontal_single,.menuStyle3 div.aleft ul.horizontal_single,.menuStyle4 div.aleft ul.horizontal_single,.menuStyle5 div.aleft ul.horizontal_single,.menuStyle6 div.aleft ul.horizontal_single {clear:both;float:left;position:relative;} .menuStyle1 div.aright ul.horizontal_dropdown,.menuStyle2 div.aright ul.horizontal_dropdown,.menuStyle3 div.aright ul.horizontal_dropdown,.menuStyle4 div.aright ul.horizontal_dropdown,.menuStyle5 div.aright ul.horizontal_dropdown,.menuStyle6 div.aright ul.horizontal_dropdown, .menuStyle1 div.aright ul.horizontal_single,.menuStyle2 div.aright ul.horizontal_single,.menuStyle3 div.aright ul.horizontal_single,.menuStyle4 div.aright ul.horizontal_single,.menuStyle5 div.aright ul.horizontal_single,.menuStyle6 div.aright ul.horizontal_single {clear:both;float:right;position:relative;} .horizontal_single a, .horizontal_single a:link, .horizontal_single a:visited, .horizontal_dropdown a, .horizontal_dropdown a:link, .horizontal_dropdown a:visited {display:block;height:1%;white-space:nowrap;} .horizontal_single a, .horizontal_dropdown a {width:auto;} * html .horizontal_single a, * html .horizontal_dropdown a {width:5px;} .horizontal_dropdown ul{position:relative; width:auto;z-index:30; height:auto;position:static;} .horizontal_dropdown ul a, .horizontal_dropdown ul a:link, .horizontal_dropdown ul a:visited{white-space:normal;width:auto;white-space:nowrap;} .horizontal_dropdown ul ul a, .horizontal_dropdown ul ul a:link, .horizontal_dropdown ul ul a:visited{white-space:normal;width:auto;white-space:nowrap;} .horizontal_dropdown div.hoverzone, .horizontal_dropdown ul div.hoverzone{position:absolute;z-index:110;padding:0px;background-color:transparent;background-image:url(transparent.gif);display:none;border:none;width:auto;margin:0px;top:auto;left:auto;min-width:50px;margin-top:0px;margin-left:20px;} .horizontal_dropdown ul div.hoverzone{padding: 20px 20px 20px 5px;padding:0px;left:auto;top:auto;display:none;margin:0px;border:none;min-width:50px;margin-top:-20px;margin-left:148px;} .horizontal_dropdown div.minihoverzone{width:20px;height:40px;position:absolute;left:100%;z-index:60;background-image:url(transparent.gif);display:none;left:auto;top:auto;border:none;margin:0px;margin-left:130px;} * html .horizontal_dropdown ul {width:2px;}.horizontal_dropdown li {list-style:none;float:left;font-size:0px;line-height:0;margin:0px;padding:0px;} .horizontal_dropdown ul li {clear:both;float:none;} *html .horizontal_dropdown ul li {clear:none;float:left;} .horizontal_dropdown li:hover div.hoverzone{display:block;} .horizontal_dropdown li:hover ul div.hoverzone{display:none;} .horizontal_dropdown li:hover ul ul div.hoverzone{display:none;} .horizontal_dropdown li:hover ul ul div.minihoverzone{display:none;} .horizontal_dropdown li ul li:hover div.hoverzone{display:block;} .horizontal_dropdown li ul li:hover div.minihoverzone{display:block;} .horizontal_dropdown li:hover ul ul div.hoverzone{display:none;} .horizontal_dropdown li:hover ul ul div.minihoverzone{display:none;} .horizontal_dropdown li ul li ul li:hover div.hoverzone{display:block;} .horizontal_dropdown li ul li ul li:hover div.minihoverzone{display:block;} /* Override styling for next/previous page link and images */ a.refererUrl, a.refererUrl:link, a.refererUrl:visited, a.refererUrl:hover{margin:2px 10px;font-size:11px;} a.refererUrl img{border:none;} /* News List panel image styles need to override any template styles for floating, borders etc are control with template style however */ img.newsimage_top {margin:4px 4px;} img.newsimage_left {float:left;margin:0px 8px;} img.newsimage_right {float:right;margin:0px 8px;} /* Add some styles for extraImages in newsview and productview */ .extraImageContainer.productView{width:245px;margin:auto;margin-top:5px;} .extraImageContainer.newsView{width:90%;margin:auto;margin-top:5px;} .extraImageContainer h6{font-size:11px;border-bottom:1px solid black;height:1.5em;} .extraImageContainer.productView a.alternateImage{height:50px;width:50px;} .extraImageContainer.newsView a.alternateImage{height:80px;width:80px;} .extraImageContainer a.alternateImage, .extraImageContainer a.alternateImage:link,.extraImageContainer a.alternateImage:visited,.extraImageContainer a.alternateImage:hover {border:none;background:transparent none no-repeat center;display:block;margin:5px 5px;float:left;padding:0px;} .extraImageContainer a.alternateImage:hover{margin:1px 5px 9px 5px;} /* These are the containers that will have their fixed height calculated, they don't get styled, but the td element within them does.*/ /* See v2_Image Styles.doc */ div.list_image,div.list_productimage{display:block;width:auto;height:50px;background:transparent none no-repeat top center;} div.icon_image,div.icon_productimage{display:block;width:auto;height:80px;background:transparent none no-repeat top center;} div.thumb_image,div.thumb_productimage{display:block;width:auto;height:110px;background:transparent none no-repeat top center;} div.medium_image,div.medium_productimage{display:block;width:auto;height:250px;background:transparent none no-repeat top center;} /* Style the table that contains the image to be centered */ div.list_image table,div.list_productimage table, div.icon_image table,div.icon_productimage table, div.thumb_image table,div.thumb_productimage table, div.medium_image table,div.medium_productimage table {margin:0px auto;padding:0px;} div.list_image table td,div.list_productimage table td, div.icon_image table td,div.icon_productimage table td, div.thumb_image table td,div.thumb_productimage table td, div.medium_image table td,div.medium_productimage table td {padding:0px;} /* Alignment for images, it will default to center this will override it */ div.aleft table {margin:0px auto 0px 0px;} div.aright table {margin:0px 0px 0px auto;} div.acenter table {margin:0px auto;} div.aleft,p.aleft,h1.aleft,h2.aleft,h3.aleft,h4.aleft,h5.aleft,h6.aleft{text-align:left;} div.aright,p.aright,h1.aright,h2.aright,h3.aright,h4.aright,h5.aright,h6.aright{text-align:right;} div.acenter,p.acenter,h1.acenter,h2.acenter,h3.acenter,h4.acenter,h5.acenter,h6.acenter{text-align:center;} div.acenter div{margin:auto;} div.aright div{margin-left:auto;margin-right:0px;} .imageGallery .box_container .image_box{position:static;border:1px solid red;float:left;text-align:center;overflow:hidden;} .productCatalog div.buttons {text-align:center;} .productCatalog div.buttons button{width:9em;overflow:visible;} .productViewer table.product_properties{margin-left:auto;margin-right:auto;} .productCatalog tr.spacer td {border-left:none;border-right:none;background-color:transparent;} div.buttons {text-align:center;} .productCatalog .box_container .product_box {position:static;border:1px solid black;float:left;text-align:center;overflow:hidden;} table.list_container{width:100%;} p.registration_error {color:red;} .product_price.onsale, table .product_price.onsale, div .product_price.onsale {text-decoration: line-through;} .product_price.sale, table .product_price.sale, div .product_price.sale {color:red;} .strike {text-decoration: line-through;} .productViewer .productDetails{font:bold 12px verdana;border-bottom:1px solid black;} .productViewer .relatedDownloads{font:bold 12px verdana;border-bottom:1px solid black;} table.shopping_cart_panel {width:100%;margin:0px; padding:0px; vertical-align:top;border:none;border-collapse:collapse;} table.shopping_cart_panel td {text-align:left;vertical-align:middle;margin:0px;padding:2px;font: 11px verdana;} input.ordernumber {width:100%;background-color:transparent;border:none; font:11px verdana;cursor:pointer;cursor:hand; text-align:left;color:#6aa4db;} table.pricebox, table#product_detailed table.pricebox {vertical-align:middle;border-collapse:collapse;border:none;margin:auto;} table.pricebox td, table#product_detailed table.pricebox td {text-align:center;vertical-align:middle;margin:0px;padding:2px;border:none;} table.product_details {vertical-align:middle;border-collapse:collapse;border:none;font:11px verdana;} table.product_details td {text-align:left;vertical-align:middle;margin:0px;padding:2px 5px;border:none;} table.product_details th {text-align:right;vertical-align:middle;margin:0px;padding:2px 5px;border:none;} table.new_address {vertical-align:middle;border-collapse:collapse;border:none;font:11px verdana;} table.new_address td {text-align:left;vertical-align:middle;margin:0px;padding:2px 5px;border:none;} table.alternate_addresses {width:95%; vertical-align:top;border-collapse:collapse;border:none;font:11px verdana;} table.alternate_addresses td {text-align:left;vertical-align:top;margin:0px;padding:5px 5px;border:none;} /* Individual cell alignment in tables */ /* We prefix with body to give it a higher importance without having to declare each table class it can effect */ body table td.align_tl, body table th.align_tl {vertical-align:top;text-align:left;} body table td.align_tr, body table th.align_tr {vertical-align:top;text-align:right;} body table td.align_tc, body table th.align_tc {vertical-align:top;text-align:center;} body table td.align_cl, body table th.align_cl {vertical-align:middle;text-align:left;} body table td.align_cr, body table th.align_cr {vertical-align:middle;text-align:right;} body table td.align_cc, body table th.align_cc {vertical-align:middle;text-align:center;} table.mydownloads {font: 11px verdana; width:90%;border-collapse:collapse;border:1px solid red;} table.mydownloads th {background-color:#dcdcdc;padding:5px;border:1px solid black;} table.mydownloads td {vertical-align:top;padding:5px;border:1px solid #f1f1f1;} span.floatClear {clear:both;display:block;} h2.resourceHeading span{font-size:smaller;} /* Slideshows and Carousels */ .slideSelector {padding:0px;border:1px solid gray;width:100%;overflow:hidden;overflow-x:scroll;white-space:nowrap;margin:0px;} .slideSelector a, .slideSelector a:hover, .slideSelector a:link, .slideSelector a:visited {padding:2px 10px;margin:0px;cursor:pointer;cursor:hand;display:table-cell;display:inline-block;overflow:hidden;border:none;background-color:transparent;text-decoration:none;} .slideSelector a img{margin:0px;padding:0px;border:none;} .slideSelector a.selected{background-color:transparent;} .slideSelector a span.reflect{margin:0px;padding:0px;overflow:hidden;} .slideSelector .bumper {zoom:1;} .slideShow {position:relative;margin:5px auto;width:500px;padding:0px;background-color:transparent;} .slideShow div.slideLeft,.slideCarousel div.slideLeft{top:0px;left:0px;cursor:pointer;cursor:hand;position:absolute;display:none;z-index:5010;top:40%;} .slideShow div.slideRight,.slideCarousel div.slideRight{top:0px;right:0px;cursor:pointer;cursor:hand;position:absolute;display:none;z-index:5010;top:40%;} .slideCarousel {position:relative;margin:5px auto;width:500px;padding:0px;background-color:transparent;} .slideCarousel .slideView.thumb{height:140px;border:10px solid orange;} .slideView {position:relative;width:100%;height:200px;overflow:hidden;color:black;} .slideView .slide {position:relative;display:block;width:100%;height:100%;text-align:center;margin:0px;} .slideView .slide a{position:absolute;display:block;top:0px;left:0px;width:10px;height:10px;z-index:300;padding:0px;} .slideView .slide a.imageLink{height:auto;width:100%;top:auto;bottom:5px;z-index:200;padding:0px;} .slideView .slide .slideLeft{width:20px;height:auto;top:40%;left:0px;right:auto;z-index:5010;} .slideView .slide .slideRight{width:20px;height:auto;top:40%;left:auto;right:0px;z-index:5010;} .slideView .slide .slideLeft{background: transparent url(/_images/sys/slideshow_sprites.gif) no-repeat 0px 0px;width:18px;height:22px;filter:alpha(opacity=60);opacity:0.60;} .slideView .slide .slideRight{background: transparent url(/_images/sys/slideshow_sprites.gif) no-repeat -18px 0px;width:18px;height:22px;filter:alpha(opacity=60);opacity:0.60;} .slideShow div.slideLeft,.slideCarousel div.slideLeft{background: transparent url(/_images/sys/slideshow_sprites.gif) no-repeat 0px 0px;width:18px;height:23px;filter:alpha(opacity=60);opacity:0.60;} .slideShow div.slideRight,.slideCarousel div.slideRight{background: transparent url(/_images/sys/slideshow_sprites.gif) no-repeat -18px 0px;width:18px;height:23px;filter:alpha(opacity=60);opacity:0.60;} .slideView .slide .slideLeft:hover,.slideView .slide .slideRight:hover, .slideShow div.slideLeft:hover,.slideCarousel div.slideLeft:hover, .slideShow div.slideRight:hover,.slideCarousel div.slideRight:hover {filter:alpha(opacity=100);opacity:1.0;} /* Adjustments for caption types */ .slideView.uCaptions .slide a.imageLink{bottom:45px;bottom:55px;} .slideView.oCaptions .slide a.imageLink{bottom:0px;} /* They can style the p element within the caption, even change margins and padding if they like */ .slideView .slide .caption{z-index:500;position:absolute;width:100%;height:45px;bottom:0px;left:0px;overflow:hidden;height:55px;} .slideView .slide .caption div{z-index:501;position:absolute;width:100%;height:100%;bottom:0px;left:0px;background-color:black;} .slideView .slide .caption p{z-index:502;position:relative;margin:0px;font:11px verdana;margin:3px;} .slideView .slide .caption p a{position:static;display:inline;font:bold 12px arial;color:black;} .slideView .carouselCaption {z-index:5000;text-align:center;height:45px;position:absolute;bottom:0px;left:0px;width:100%;display:none;font:11px verdana;height:55px;} .slideView .carouselCaption div{z-index:5001;position:absolute;width:100%;height:100%;bottom:0px;left:0px;background-color:black;} .slideView .carouselCaption p{z-index:5002;position:relative;margin:0px;font:11px verdana;margin:3px;padding:0px;} .slideView .carouselCaption p a{position:static;display:inline;font:bold 12px arial;color:black;padding:0px;} .slideView.oCaptions .carouselCaption p{color:white;} .slideView.oCaptions .carouselCaption p a{color:white;} /* Give these more importance so the text alignment option works regardless of template style */ body .slideView .carouselCaption p.aleft{text-align:left;} body .slideView .carouselCaption p.aright{text-align:right;} body .slideView .carouselCaption p.acenter{text-align:center;} body .slideView .slide .caption p.aleft{text-align:left;} body .slideView .slide .caption p.aright{text-align:right;} body .slideView .slide .caption p.acenter{text-align:center;} .blackTheme img{border:none;margin:0px;} .blackTheme {background-color:black;} .blackTheme .slideView .slide p{color:white;} .blackTheme .slideView .slide p a{color:white;} .blackTheme .slideView .slide .slideLeft{color:white;} .blackTheme .slideView .slide .slideRight{color:white;} .blackTheme div.slideLeft{color:white;} .blackTheme div.slideRight{color:white;} .blackTheme .slideView .slide .caption div{background-color:#303030;filter:alpha(opacity=50);opacity:0.50;} .blackTheme .slideView .carouselCaption div{background-color:#303030;filter:alpha(opacity=50);opacity:0.50;} .blackTheme .slideView.uCaptions .carouselCaption p{color:white;font:11px verdana;margin:3px;} .blackTheme .slideView.uCaptions .carouselCaption p a{color:white;font:bold 12px arial;} .blackTheme .slideView .slide .slideLeft{background-position:0px -23px;} .blackTheme .slideView .slide .slideRight{background-position:-18px -23px;} .slideShow.blackTheme div.slideLeft, .slideCarousel.blackTheme div.slideLeft{background-position:0px -23px;} .slideShow.blackTheme div.slideRight, .slideCarousel.blackTheme div.slideRight{background-position:-18px -23px;} .whiteTheme img{border:none;margin:0px;} .whiteTheme {background-color:white;} .whiteTheme .slideView .slide p{color:black;} .whiteTheme .slideView .slide p a{color:black;} .whiteTheme .slideView .slide .slideLeft{color:black;} .whiteTheme .slideView .slide .slideRight{color:black;} .whiteTheme div.slideLeft{color:black;} .whiteTheme div.slideRight{color:black;} .whiteTheme .slideView .slide .caption div{background-color:#303030;filter:alpha(opacity=50);opacity:0.50;} .whiteTheme .slideView .carouselCaption div{background-color:#303030;filter:alpha(opacity=50);opacity:0.50;} .whiteTheme .slideView.oCaptions .slide p{color:white;font:11px verdana;margin:3px;} .whiteTheme .slideView.oCaptions .slide p a{color:white;font:bold 12px arial;} .whiteTheme .slideView.uCaptions .carouselCaption p{color:black;} .whiteTheme .slideView.uCaptions .carouselCaption p a{color:black;} /* Image margins by size */ img.m0000{margin:0px;}img.m1111{margin:2px;}img.m2222{margin:5px;}img.m3333{margin:10px;}img.m4444{margin:15px;} img.m0001{margin:0px 0px 0px 2px;}img.m0010{margin:0px 0px 2px 0px;}img.m0011{margin:0px 0px 2px 2px;}img.m0100{margin:0px 2px 0px 0px;} img.m0101{margin:0px 2px 0px 2px;}img.m0110{margin:0px 2px 2px 0px;}img.m0111{margin:0px 2px 2px 2px;}img.m1000{margin:2px 0px 0px 0px;} img.m1001{margin:2px 0px 0px 2px;}img.m1010{margin:2px 0px 2px 0px;}img.m1011{margin:2px 0px 2px 2px;}img.m1100{margin:2px 2px 0px 0px;} img.m1101{margin:2px 2px 0px 2px;}img.m1110{margin:2px 2px 2px 0px;} img.m0002{margin:0px 0px 0px 5px;}img.m0020{margin:0px 0px 5px 0px;}img.m0022{margin:0px 0px 5px 5px;}img.m0200{margin:0px 5px 0px 0px;} img.m0202{margin:0px 5px 0px 5px;}img.m0220{margin:0px 5px 5px 0px;}img.m0222{margin:0px 5px 5px 5px;}img.m2000{margin:5px 0px 0px 0px;} img.m2002{margin:5px 0px 0px 5px;}img.m2020{margin:5px 0px 5px 0px;}img.m2022{margin:5px 0px 5px 5px;}img.m2200{margin:5px 5px 0px 0px;} img.m2202{margin:5px 5px 0px 5px;}img.m2220{margin:5px 5px 5px 0px;} img.m0003{margin:0px 0px 0px 10px;}img.m0030{margin:0px 0px 10px 0px;}img.m0033{margin:0px 0px 10px 10px;}img.m0300{margin:0px 10px 0px 0px;} img.m0303{margin:0px 10px 0px 10px;}img.m0330{margin:0px 10px 10px 0px;}img.m0333{margin:0px 10px 10px 10px;}img.m3000{margin:10px 0px 0px 0px;} img.m3003{margin:10px 0px 0px 10px;}img.m3030{margin:10px 0px 10px 0px;}img.m3033{margin:10px 0px 10px 10px;}img.m3300{margin:10px 10px 0px 0px;} img.m3303{margin:10px 10px 0px 10px;}img.m3330{margin:10px 10px 10px 0px;} img.m0004{margin:0px 0px 0px 15px;}img.m0040{margin:0px 0px 15px 0px;}img.m0044{margin:0px 0px 15px 15px;}img.m0400{margin:0px 15px 0px 0px;} img.m0404{margin:0px 15px 0px 15px;}img.m0440{margin:0px 15px 15px 0px;}img.m0444{margin:0px 15px 15px 15px;}img.m4000{margin:15px 0px 0px 0px;} img.m4004{margin:15px 0px 0px 15px;}img.m4040{margin:15px 0px 15px 0px;}img.m4044{margin:15px 0px 15px 15px;}img.m4400{margin:15px 15px 0px 0px;} img.m4404{margin:15px 15px 0px 15px;}img.m4440{margin:15px 15px 15px 0px;} .flvPlayerContainer {text-align:center;padding:0px;border:none;position:relative;} .flvPlayerContainer object{padding:0px;margin:0px;} .flvPlayerContainer div{text-align:center;padding:0px;background:#000000 url(/_images/sys/flvplayer.gif) no-repeat left bottom;border:4px solid #4b4b4b;padding-bottom:30px;top:0px;bottom:0px;position:absolute;left:0px;right:0px;} .flvPlayerContainer img{border:none;padding:none;margin:none;vertical-align:middle;} .flvPlayerContainer h6,.flvPlayerContainer h6 a:link,.flvPlayerContainer h6 a:visited,.flvPlayerContainer h6 a:hover{font:bold 18px Arial, Helvetica, sans-serif;color:white;text-align:center;margin:10px 3px;} .flvPlayerContainer h6 a:link,.flvPlayerContainer h6 a:visited {text-decoration:underline;} .flvPlayerContainer h6 a:hover {text-decoration:underline;color:orange;} .flvPlayerContainer p{font:11px Verdana, Geneva, sans-serif;color:white;text-align:center;margin:5px;} .flvPlayerContainer a:link,.flvPlayerContainer a:visited{font:10px Verdana, Geneva, sans-serif;color:#008def;text-align:center;text-decoration:none;} .flvPlayerContainer a:hover{color:#0072c2;}