body {padding:0px 0px 0px 0px;margin:0px;background-color:white;text-align:left;font:11px verdana;} /* Dont allow browsers like firefox to show the resize text area dragger */ textarea {resize:none;} /* 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 !important;} .big, .big a:link,.big a:visited,.big a:hover{font: 20px verdana !important;} .red_small{font:bold 9px verdana !important;color:red !important;} .red_small a:link,.red_small a:visited{color:red !important;text-decoration:underline !important;font:bold 9px verdana !important;} .red_small a:hover{color:white !important;background-color:red !important;} a:hover .red_small{color:white !important;background-color:red !important;} .red_medium{font:bold 14px verdana !important;color:red !important;} .red_medium a:link,.red_medium a:visited{color:red !important;text-decoration:underline !important;font:bold 14px verdana !important;} .red_medium a:hover{color:white !important;background-color:red !important;} a:hover .red_medium{color:white !important;background-color:red !important;} .red_big{font:bold 20px verdana !important;color:red !important;font-size:20px !important;} .red_big a:link,.red_big a:visited{color:red !important;text-decoration:underline !important;font:bold 20px verdana !important;} .red_big a:hover{color:white !important;background-color:red !important;} a:hover .red_big{color:white !important;background-color:red !important;} .highlight_g{background-color:#24ff00 !important;} .highlight_y{background-color:#f0ff00 !important;} .highlight_o{background-color:#ffda80 !important;} .highlight_p{background-color:#ff80fb !important;} .cited{font-style:italic !important;} /* Avoid CMS conflict */ p.deleted,h1.deleted,h2.deleted,h3.deleted,h4.deleted,h5.deleted,h6.deleted,span.deleted{text-decoration:line-through !important;} /* Search result styles */ span.searchedWord{font-weight:bold;} /* Media object images for when the movie is not available and the rte */ 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;} input.inputSuccess, textarea.inputSuccess, select.inputSuccess {background-color:white;border:2px double #33d300;color:#2eba01;} input.inputError, textarea.inputError, select.inputError {background-color:white;border:2px double red;color:red;} /*.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;} /* Alignment styles */ p.center {text-align:center;} p.hcenter,h1.hcenter,h2.hcenter,h3.hcenter,h4.hcenter, .panelStyleSet1 p.hcenter, .panelStyleSet2 p.hcenter, .panelStyleSet3 p.hcenter {text-align:center !important;} p.hleft,h1.hleft,h2.hleft,h3.hleft,h4.hleft, .panelStyleSet1 p.hleft, .panelStyleSet2 p.hleft, .panelStyleSet3 p.hleft {text-align:left !important;} p.hright,h1.hright,h2.hright,h3.hright,h4.hright, .panelStyleSet1 p.hright, .panelStyleSet2 p.hright, .panelStyleSet3 p.hright {text-align:right !important;} 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;} .ImageGalleryPanel table.hleft{margin-left:15px;margin-right:auto;} .ImageGalleryPanel table.hright{margin-left:auto;margin-right:15px;} .ImageGalleryPanel table.hcenter{margin-left:auto;margin-right:auto;} .ImageGalleryPanel p.hleft{margin-left:15px;} .ImageGalleryPanel p.hright{margin-right:15px;} .ImageGalleryPanel p.hcenter{margin-left:auto;margin-right:auto;} /* nostyle and nostyleb(for the whole node branc */ p.nostyle, p.nostyleb{margin:0px;padding:0px;border:none;background-color:transparent;} p.nostyleb img, p.nostyleb a, p.nostyleb a:link,p.nostyleb a:hover,p.nostyleb a:visited {margin:0px;padding:0px;border:none;background-color:transparent;} a.nostyle,a.nostyle:link,a.nostyle:visited,a.nostyle:hover{margin:0px;padding:0px;border:none;text-decoration:none;font-size:12px;background-color:transparent;} /* 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;} /* Google maps*/ div.hright div.dynamicMap {margin-left:auto;} div.helft div.dynamicMap {margin-right:auto;} div.hcenter div.dynamicMap {margin-left:auto;margin-right:auto;} div.dynamicMap div.infoHtml {text-align:left;border:none;color:black;font:11px verdana;padding:0px;margin:0px;line-height:1.2;} div.dynamicMap div.infoHtml div{padding-left:7px;} div.dynamicMap div.infoHtml h2{color:#272727;font:bold 16px arial;padding:0px;margin:0px;text-align:left;margin-bottom:7px;} /* 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;text-align:center;} .menuStyle1 span.acenter,.menuStyle2 span.acenter,.menuStyle3 span.acenter,.menuStyle4 span.acenter,.menuStyle5 span.acenter,.menuStyle6 span.acenter {margin:auto;float:none;clear:none;width:auto;display:-moz-inline-box;display:inline-block;border:none;position:static;text-align:center;} .menuStyle1 span.acenter ul.horizontal_dropdown,.menuStyle2 span.acenter ul.horizontal_dropdown,.menuStyle3 span.acenter ul.horizontal_dropdown,.menuStyle4 span.acenter ul.horizontal_dropdown,.menuStyle5 span.acenter ul.horizontal_dropdown,.menuStyle6 span.acenter ul.horizontal_dropdown, .menuStyle1 span.acenter ul.horizontal_single,.menuStyle2 span.acenter ul.horizontal_single,.menuStyle3 span.acenter ul.horizontal_single,.menuStyle4 span.acenter ul.horizontal_single,.menuStyle5 span.acenter ul.horizontal_single,.menuStyle6 span.acenter ul.horizontal_single {clear:both;text-align:center;position:static;zoom:normal;float:left;} .menuStyle1 span.aleft ul.horizontal_dropdown,.menuStyle2 span.aleft ul.horizontal_dropdown,.menuStyle3 span.aleft ul.horizontal_dropdown,.menuStyle4 span.aleft ul.horizontal_dropdown,.menuStyle5 span.aleft ul.horizontal_dropdown,.menuStyle6 span.aleft ul.horizontal_dropdown, .menuStyle1 span.aleft ul.horizontal_single,.menuStyle2 span.aleft ul.horizontal_single,.menuStyle3 span.aleft ul.horizontal_single,.menuStyle4 span.aleft ul.horizontal_single,.menuStyle5 span.aleft ul.horizontal_single,.menuStyle6 span.aleft ul.horizontal_single {clear:both;float:left;position:static;text-align:left;} .menuStyle1 span.aright ul.horizontal_dropdown,.menuStyle2 span.aright ul.horizontal_dropdown,.menuStyle3 span.aright ul.horizontal_dropdown,.menuStyle4 span.aright ul.horizontal_dropdown,.menuStyle5 span.aright ul.horizontal_dropdown,.menuStyle6 span.aright ul.horizontal_dropdown, .menuStyle1 span.aright ul.horizontal_single,.menuStyle2 span.aright ul.horizontal_single,.menuStyle3 span.aright ul.horizontal_single,.menuStyle4 span.aright ul.horizontal_single,.menuStyle5 span.aright ul.horizontal_single,.menuStyle6 span.aright ul.horizontal_single {clear:both;float:right;position:static;text-align:right;} .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;margin:0px;margin-bottom: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;} /* Must set width or it might be overriden by other styles */ 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;width:auto;} /* 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;} h3.image_title.acenter,p.image_caption.acenter{text-align:center;} h3.image_title.aleft,p.image_caption.aleft{text-align:left;} h3.image_title.aright,p.image_caption.aright{text-align:right;} .imgtxtfl{display:block;float:left;margin-right:10px;} .imgtxtfr{display:block;float:right;margin-left:10px;} div.imgtxtfl div table,div.imgtxtfr div table{margin: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;z-index:1;} .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;z-index:1;} .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;} .contactForm {} .contactForm.aleft {margin-left:5px;margin-right:auto;text-align:left;} .contactForm.aright {margin-left:auto;margin-right:5px;text-align:left;} .contactForm.acenter {margin:auto;margin-right:auto;text-align:left;} .contactForm table tr{vertical-align:top;} .contactForm label{margin:2px;padding:3px;margin-top:8px;display:inline-block;} .contactForm textarea{vertical-align:bottom;margin-bottom:3px;} .contactForm select {margin-bottom:2px;} .contactForm.style1left, .contactForm.style1top {width:535px;} .contactForm.style2left, .contactForm.style2top {width:635px;} .contactForm.style3left, .contactForm.style3top {width:690px;} .contactForm.style1left label{display:inline-block;width:160px;vertical-align:middle;margin:2px;padding:5px;} .contactForm.style2left label{display:inline-block;width:60px;vertical-align:middle;margin:2px;padding:5px;} .contactForm.style3left label{display:inline-block;width:80px;vertical-align:middle;margin:2px;padding:5px;} .contactForm.style1left label.ta {vertical-align:top;} .contactForm.style2left label.ta {vertical-align:top;} .contactForm.style3left label.ta {vertical-align:top;} .contactForm.style2top table td.col2{padding-left:30px;} .contactForm.style3top table {width:100%;} .contactForm.style3top table td{width:50%;} .contactForm input.antiSpam{height:29px;font:bold 24px arial;text-align:center;vertical-align:bottom;} .contactForm img.antiSpam{vertical-align:bottom;} .contactForm .submitButton {margin-top:20px;text-align:right;text-align:center;float:right;} table.customForm {margin:auto;} table.customForm.aleft {margin-left:5px;margin-right:auto;} table.customForm.aright {margin-left:auto;margin-right:5px;} table.customForm.acenter {margin:auto;margin-right:auto;} .customForm td {padding:5px 10px 5px 5px;vertical-align:top;} .customForm input {margin:0px;vertical-align:middle;} .customForm label{margin:2px;padding:3px;margin-top:8px;display:inline-block;} .customForm label.itemlabel{vertical-align:middle;} .customForm label.aleft{display:inline-block;width:160px;vertical-align:middle;margin:2px;padding:5px;} .customForm label.aleft.w50{width:50px;} .customForm label.aleft.w80{width:80px;} .customForm label.aleft.w110{width:110px;} .customForm label.aleft.w180{width:180px;} .customForm label.aleft.w220{width:220px;} .customForm label.aleft.w290{width:290px;} .customForm label.aleft.w350{width:350px;} .customForm label.aleft.w400{width:400px;} .customForm label.top {vertical-align:top;} .customForm span.groupbox {display:inline-block;vertical-align:middle;;} .customForm input.antiSpam{height:29px;font:bold 24px arial;text-align:center;vertical-align:bottom;} .customForm img.antiSpam{vertical-align:bottom;} .customForm h2.hcenter {text-align:center;} .customForm h2.hleft {text-align:left;} .customForm h2.hright{text-align:right;} table.images_2c,table.images_3c,table.images_4c,table.images_5c,table.images_6c,table.images_7c,table.images_8c,table.images_9c,table.images_10c {margin:auto;} /*table.images_2c h3,table.images_3c h3,table.images_4c h3,table.images_5c h3 {margin-bottom:0px;margin-top:0px;padding-bottom:0px;padding-top:0px;}*/ table.images_2c td{width:48%;vertical-align:top;} table.images_3c td{width:32%;vertical-align:top;} table.images_4c td{width:24%;vertical-align:top;} table.images_5c td{width:19%;vertical-align:top;} table.images_6c td{width:16%;vertical-align:top;} table.images_7c td{width:14%;vertical-align:top;} table.images_8c td{width:12%;vertical-align:top;} table.images_9c td{width:11%;vertical-align:top;} table.images_10c td{width:9%;vertical-align:top;} /* Tooltip container must be static so that the absolute positioned tip is not cut off by overflow hidden column */ body div a.tooltip { border:none;color: #000000;outline:none;text-decoration:none;position:relative; display:inline-block;width:15px;height:15px; vertical-align:middle;cursor:help;margin:0px 3px 0px 5px;padding:0px;position:static; } body div span.groupbox a.tooltip{float:right;margin:2px 0px 0px 5px;} body div a.tooltip:hover {z-index:9999;} body div a.tooltip span { margin-left: -9999px;position:absolute;width:250px;display:block;font-size: 12px;font-family: Calibri, Tahoma, Geneva, sans-serif; color:black;padding: 9px 30px 9px 9px;margin-top:20px; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); } body div a.tooltip span.w200{width:200px;} body div a.tooltip span.w150{width:150px;} body div a.tooltip span.w100{width:100px;} body div a.tooltip span.w50{width:50px;} body div a.tooltip:hover span {margin-left:-125px;z-index:50;} body div a.tooltip:hover span.w200{margin-left:-100px;} body div a.tooltip:hover span.w150{margin-left:-75px;} body div a.tooltip:hover span.w100{margin-left:-50px;} body div a.tooltip:hover span.w50{margin-left:-25px;} body div a.tooltip:hover img {border:none;position:absolute;right:-20px;left:auto;top:-10px;margin:0px;} body div a.tooltip.tipStyle1 {background:transparent url(../_images/sys/tip-style1icon.png) no-repeat right center;} body div a.tooltip.tipStyle1 span{background: #d1dffc; border: 2px solid #306ce6; } body div a.tooltip.tipStyle2 {background:transparent url(../_images/sys/tip-style2icon.png) no-repeat right center;} body div a.tooltip.tipStyle2 span{background: #ffe2bf; border: 2px solid #f7962e; } body div a.tooltip.tipStyle3 {background:transparent url(../_images/sys/tip-style3icon.png) no-repeat right center;} body div a.tooltip.tipStyle3 span{background: #b2feb5; border: 2px solid #009f03; } body div a.tooltip.tipStyle4 {background:transparent url(../_images/sys/tip-style4icon.png) no-repeat right center;} body div a.tooltip.tipStyle4 span{background: #e9e9e9; border: 2px solid #5c5c5c; } body div a.tooltip.tipStyle5 {background:transparent url(../_images/sys/tip-style5icon.png) no-repeat right center;} body div a.tooltip.tipStyle5 span{background: #ffd9d9; border: 2px solid #ef3737; } body div a.tooltip.tipStyle6 {background:transparent url(../_images/sys/tip-style6icon.png) no-repeat right center;} body div a.tooltip.tipStyle6 span{background: #ffd9f5; border: 2px solid #ee55c5; } /* Built in table styles */ table.scmsBlue {border:1px solid #4f81bd;background-color:white;} table.scmsBlue td{border:1px solid #4f81bd;padding:2px;color:black;} table.scmsBlue th{border:1px solid #4f81bd;background-color:#4f81bd;padding:2px;font-weight:bold;color:white;} table.scmsOrange {border:1px solid #ff8400;background-color:white;} table.scmsOrange td{border:1px solid #ff8400;padding:2px;color:black;} table.scmsOrange th{border:1px solid #ff8400;background-color:#ff8400;padding:2px;font-weight:bold;color:white;} table.scmsGreen {border:1px solid #008403;background-color:white;} table.scmsGreen td{border:1px solid #008403;padding:2px;color:black;} table.scmsGreen th{border:1px solid #008403;background-color:#008403;padding:2px;font-weight:bold;color:white;} table.scmsRed {border:1px solid #ed1f24;background-color:white;} table.scmsRed td{border:1px solid #ed1f24;padding:2px;color:black;} table.scmsRed th{border:1px solid #ed1f24;background-color:#ed1f24;padding:2px;font-weight:bold;color:white;} table.scmsPink {border:1px solid #f812b9;background-color:white;} table.scmsPink td{border:1px solid #f812b9;padding:2px;color:black;} table.scmsPink th{border:1px solid #f812b9;background-color:#f812b9;padding:2px;font-weight:bold;color:white;} table.scmsSilver {border:1px solid #d4d4d4;background-color:white;} table.scmsSilver td{border:1px solid #d4d4d4;padding:2px;color:black;} table.scmsSilver th{border:1px solid #d4d4d4;background-color:#d4d4d4;padding:2px;font-weight:bold;color:black;} table.scmsGrey {border:1px solid #8c8c8c;background-color:white;} table.scmsGrey td{border:1px solid #8c8c8c;padding:2px;color:black;} table.scmsGrey th{border:1px solid #8c8c8c;background-color:#8c8c8c;padding:2px;font-weight:bold;color:white;} table.scmsCharcoal {border:1px solid #3f3f3f;background-color:white;} table.scmsCharcoal td{border:1px solid #3f3f3f;padding:2px;color:#3f3f3f;} table.scmsCharcoal th{border:1px solid #3f3f3f;background-color:#3f3f3f;padding:2px;font-weight:bold;color:white;} table.scmsBlack {border:1px solid black;background-color:white;} table.scmsBlack td{border:1px solid black;padding:2px;color:black;} table.scmsBlack th{border:1px solid black;background-color:black;padding:2px;font-weight:bold;color:white;} /* Rounded table corners, we also need to turn off borders and round backgrounds of cells that will overlap outside the corner*/ table.rnd{-moz-border-radius:6px;border-radius:6px;-webkit-border-radius:6px;} table.rnd thead tr:first-child th:first-child{-moz-border-radius-topleft:5px;border-top-left-radius:5px;} table.rnd thead tr:first-child th:last-child{-moz-border-radius-topright:5px;border-top-right-radius:5px;} table.rnd tbody tr:last-child th:first-child{-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;} table.rnd tbody tr:last-child th:last-child{-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;} table.rnd tr:first-child th,table.rnd tr:first-child td{border-top:none;} table.rnd tr:last-child th,table.rnd tr:last-child td{border-bottom:none;} table.rnd th:first-child, table.rnd td:first-child{border-left:none;} table.rnd th:last-child, table.rnd td:last-child{border-right:none;} table.shdw{box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 6px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 6px 6px rgba(0, 0, 0, 0.3)} img.rnd{-moz-border-radius:6px;border-radius:6px;-webkit-border-radius:6px;} img.shdw{box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 6px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 6px 6px rgba(0, 0, 0, 0.3)} img.shdwout{-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);}