/* **************** Thomson Reuters Australia **************** */
/* Based on Thomson Reuters Web guide lines.
Edited by Ruoxin Wang @2008 for SEO friendly
*/
/* ================ COLORS ======================
ORANGE (for h2 page title, #main h3 headings, h6, and footer link hover): #ff9100;
TEXT: (Note: other shades of grey are used for borders, footer links, breadcrumbs, etc., but these are the primary greys)
- DARK GRAY (for h4 & strong text, and td text): #666;
- MEDIUM GRAY (for body text): #727272;
- LIGHT GRAY (for h5): #97969a;
BACKGROUNDS:
- FAINT GRAY (for body background -visible only on monitors with resolution above 1024 x768): #d9dbdb;
- PALE GRAY (for border at top of page & footer background: #ededed;
- PALER GRAY (for table heads) background-color:#f1f1f1; color:#787878;
- VERY PALE GRAY (for backgrounds of H3 headings in tertiary right nav as well as dropdown menus) background: #f6f6f7;
- EVEN PALER GRAY (for alt stripes on table rows): #f8f8f8
TURQUIOSE (for links): #0078ae;
LIGHT TURQUIOSE (for hover / active links: #75b2d5;
================ END COLORS ====================== */
* { margin: 0; padding: 0; line-height: 1.5; color: #505050; font-style: normal; font-weight: normal; }
*:focus { -moz-outline: none }
body {font: normal 12px Arial, Helvetica, sans-serif; border-top: none; }
/*p, h1, h2, h3, h4, h5, h6, table { clear: both; }*/
p {margin: 0 0 1em 0; }
a, a:visited, a strong, a:visited strong, a em, a:visited em { color: #0078ae; text-decoration: none; }
a:hover, a:focus, a:hover strong, a:focus strong, a:hover em, a:focus em { color: #ff8100 !important; text-decoration:underline !important }
ul {margin: .5em 0;}
ul li {list-style: none; background: transparent url(/images/global/bullet-grey.gif) no-repeat 0 6px; padding-left: 15px; margin-bottom: 0.3em; margin-left: 0;}
#secondary ul li, #tertiary ul li {margin-bottom: .5em}
ul ul {margin: .6em 0 0 1em;}
#tertiary ul ul {margin-left: .5em;}
ol li {margin: .6em 0 0 1.5em;}
img { border: none; }
a img, img a, a.img, a:visited img, img a:visited, a.img:visited {border-bottom: none; border-bottom: 0 !important;}
.float_right {float: right; margin-left: 1em;}
.float_left {float: left; margin-right: 1em;}
strong { font-weight:bold }
em { font-style: italic }
a em, a:visited em { color: #0078ae; border-bottom: 1px dotted #dae7f2; text-decoration: none; }
a:hover em, a:focus em { color: #75b2d5; }
a strong a:visited strong { color: #0078ae; border-bottom: 1px dotted #dae7f2; text-decoration: none; }
a:hover strong, a:focus strong { color: #75b2d5; }
/*-------------------------------------------
sIFR FLASH Headings and Text
-------------------------------------------*/
/*=:project
scalable Inman Flash Replacement (sIFR) version 3.
=:file
Copyright: 2006 Mark Wubben.
Author: Mark Wubben,
=:history
* IFR: Shaun Inman
* sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
=:license
This software is licensed and provided under the CC-GNU LGPL.
See
*/
/*---- sIFR ---*/
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
/*---- Header styling ---*/
.sIFR-active .knowledge_medium, .sIFR-active .knowledge_light { visibility:hidden;}
/*-------------------------------------------
LAYOUT
-------------------------------------------*/
/* to fix autoflow for Mozilla */
.clearfix:after { content: "."; display: block; height: 0.1px; clear: both; font-size: 0; visibility: hidden; }
.clearfix { display: inline-table; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
.clear { clear:both }
/*-------------------------------------------
HEADER
-------------------------------------------*/
#header {width: 100%; margin: 0; padding:0; clear: both; position:relative; z-index: 100}
#header h2 {
height: 60px; width: 100% ; padding-top: 50px; display:block; }
#header h2 a.tr, #header h2 a.trlogo {
display: block;
font-size: .75em;
border: none;
}
#header h2 a.tr {
width: 191px; height: 41px; background: url(/images/global/site-name.gif) no-repeat top left ; float: left; margin-left: 18px;}
#header h2 a.trlogo {
width: 178px; height: 40px; background: url(/images/global/tr_logo_40.gif) no-repeat top right; float: right; margin-right: 18px; }
#header .nav {
width: 100%; height: 32px; border-bottom:1px solid #e1e2e3; border-top:1px solid #e1e2e3;}
#header .global-nav {
width: 100%; background:#ededed; position: absolute; top: 0px; left: 0px;
}
#header .global-nav ul.sf-menu {
list-style: none; margin: 0px; margin-left: 10px;padding-top: 5px;}
#header .global-nav ul.sf-menu li {
float: left; font-size:.8em; color: #727272; text-transform: uppercase; background: none; margin: 0 10px 0 0; padding-bottom: 5px; }
#header .global-nav ul.sf-menu li a, #header .global-nav ul.sf-menu li .sf-menu a:visited {
color: #807F83; border: 0px;
}
#header .global-nav ul.sf-menu li a:hover, #header .global-nav ul.sf-menu li a#active {
color: #ff9100;
}
#header .global-nav ul.sf-menu li.checkout-nav {
float:right; margin-right: 18px;
}
#header .global-nav a.checkout {
width: 60px; height: 13px; background: url(/images/global/checkout_button.gif) top left no-repeat; border: none; display: block; margin-left: 115px;
}
#header .global-nav a.checkout:hover {
background: url(/images/global/checkout_button.gif) bottom left no-repeat;
}
#header .global-nav a.topcheckout {
width: 60px; height: 13px; background: url(/images/global/checkout_topbutton.gif) top left no-repeat; border: none; display: block; float:left; margin-left: 5px;}
#header .global-nav a.topcheckout:hover {
background-position: right;}
#header .global-nav a.topenquiry {
width: 52px; height: 13px; background: url(/images/global/enquiry_topbutton.gif) top left no-repeat; border: none; display: block; float:left; margin-left: 5px;}
#header .global-nav a.topenquiry:hover {
background-position: right;}
#header .search { background: #f1f1f1; width: 268px; height: 32px; float:right; }
#header .search label { position: absolute; }
#header .search p { padding: 0; margin: 6px 0 0 0; }
#header .search p input {}
#header .search #searchfield { width: 105px; margin: 2px 2px 0 0; padding: 2px 0 0 2px; font-size: .9em; height: 16px; border: 1px solid #7F9DB9; }
#header .search #selectfield { width: 100px; margin: 2px 2px 0 0; font-size: .9em; height: 20px;border: 1px solid #7F9DB9; padding: 1px 0}
#header .search ul { margin: 0; padding: 0; margin-top: 4px; margin-left: 10px;}
#header .search ul li {
background: none;
float: left;
padding: 0px;
}
#header .search a {
display: block;
float: left;
width: 25px;
height: 20px;
background: url(/images/global/button_go.gif) top left no-repeat;
border: none; margin-top: 2px;
}
#header .search a:hover { background-position: bottom;}
#header .print_banner { display: none }
/*-------------------------------------------
MENUBAR
-------------------------------------------*/
.menubar {width: 650px; float: left; padding: 2px 0; margin: 4px 0 0 6px; list-style: none; padding: 0;}
.menubar a, .menubar a:visited{display: block; color: #8e8e8e; text-decoration: none; border-bottom: none; text-transform: uppercase; font-weight: bold; font-size: 1em;}
.menubar a.trigger {padding: 4px 10px 5px 10px;}
.menubar li {float: left; position: relative; background: none; padding: 0; margin: 0; }
/* hide from IE mac \*/
.menubar li {position: static; width: auto;}
/*--- dropdown menu secondary items ---*/
.menubar li ul, .menubar ul li {width: 140px;}
.menubar ul li {padding: 0; margin: 0}
.menubar ul li a {padding: 3px 5px; margin: 0 3px}
.menubar li ul {position: absolute; display: none;background-color: #fff; border: 1px solid #cecece; border-bottom: 1px solid #888; border-right: 1px solid #bababa; padding: 6px 0; list-style-type: none; z-index: 888 }
.menubar li:hover a, .menubar a:focus, .menubar a.active, .menubar li.hvr a {color: #444; background: #eee }
.menubar li:hover ul, .menubar li.hvr ul {display: block; margin: 0;}
.menubar li:hover ul a, .menubar li.hvr ul a {color: #222;background-color: transparent;}
.menubar ul a {color: #0078ae !important; text-transform: none; font-weight: normal; border-bottom: 1px solid #eee; text-align: left; background-image: none !important; outline: none; -moz-outline-style: none; }
.menubar ul a.last {border-bottom: none;}
.menubar ul a:hover {background: #f2f2f2 !important;color: #444 !important;}
/*-------------------------------------------
BREADCRUMB
-------------------------------------------*/
#breadcrumb {margin: 5px auto 0; width: 960px;}
#breadcrumb li { color: #404040; font-size: .9em; background: transparent url(/images/global/breadcrumb-marker.png) no-repeat 0 4px; padding-left: 10px; display: inline; left: 0; }
* html #breadcrumb li {background: transparent none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/global/breadcrumb-marker.png');}
#breadcrumb li.first { background: none; padding: 0; }
#breadcrumb a { color: #97969a; border: none; }
#breadcrumb a:hover, #breadcrumb a:focus { color: #babcbe;}
/*-------------------------------------------
CONTAINER
-------------------------------------------*/
#wrap { background: #fff; margin: 0 auto; width: 1010px;}
#container { float: left; clear:both; margin: 20px 0 0 25px; width: 960px; padding-bottom: 30px; z-index: 0 }
#home { padding-bottom: 0px }
#homepage { float:left; width: 944px; margin-left: 16px; }
#secondary { float: left; width: 180px;}
#main { float: right; width: 750px;}
#widecontent { float: left; width: 750px; }
#content { float: left; width: 480px; }
#tertiary { float: right; width: 250px; margin-right: 0;}
/*-------------------------------------------
HOMEPAGE
-------------------------------------------*/
#homepage #promo_carousel { width: 676px; float:left}
#homepage #signup { width: 268px; background: #f1f1f1; float: left; height: 200px;}
#signup .online { width: 169px; border-right: 1px solid #ccc; height: 180px; margin-top: 10px; margin-left: 10px;}
#signup .online .select_service { width: 158px; margin-bottom: 10px; margin-top: 10px; }
#signup .online .textbox_service { width: 100px; margin-bottom: 5px; }
#signup .online label { font-size:10px; width: 54px; display:block; float: left;}
/* TAB -- promo_tab_carousel: Supposed to be a carousel, but I use tab jquery to create the promo carousel */
#promo_tab_carousel { background: #eceae8; width: 676px; height:200px; float: left; position: relative; margin-top: 15px; }
#promo_tab_carousel h4 {font-size: 1.2em; color: #828282; letter-spacing: normal; text-transform: none}
#promo_tab_carousel img { position: absolute }
#promo_tab_carousel img.imgleft { left: 0 }
#promo_tab_carousel img.imgright { right: 0 }
#promo_tab_carousel .ui-tabs-hide { display: none;}
#promo_tab_carousel .ui-tabs-nav {list-style: none;margin: 0; position: absolute; bottom: 15px; right: 15px; }
#promo_tab_carousel .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;clear: both;content: " ";}
#promo_tab_carousel .ui-tabs-nav li {padding: 0px;margin: 0px;font-weight: bold;background: none;font-size: 110%; float: left; }
#promo_tab_carousel .ui-tabs-nav a, #tab .ui-tabs-nav a span {float: left; /* fixes dir=ltr problem and other quirks IE */}
#promo_tab_carousel .ui-tabs-nav a {margin: 0px 0 0px 3px; /* position: relative makes opacity fail for disabled tab in IE */ white-space: nowrap; /* @ IE 6 */outline: 0; /* @ Firefox, prevent dotted border after click */ width: 15px; height: 15px; border: none;}
#promo_tab_carousel a.t-promo_pause {background: url(/images/global/button_tab_pause.gif) no-repeat top left; position: absolute; height: 15px; width: 15px; top: 170px; left: 560px; text-decoration: none; border: 0px; }
#promo_tab_carousel a.t-promo_pause:hover { background-image: url(/images/global/button_tab_pause_over.gif) }
#promo_tab_carousel a.t-promo_play {background: url(/images/global/button_tab_play.gif) no-repeat top left; position: absolute; height: 15px; width: 15px; top: 170px; left: 560px; text-decoration: none; border: 0px; }
#promo_tab_carousel a.t-promo_play:hover { background-image: url(/images/global/button_tab_play_over.gif) }
#promo_tab_carousel .ui-tabs-nav a.t-promo1 {background: url(/images/global/button_tab_1.gif) no-repeat top left; }
#promo_tab_carousel .ui-tabs-nav a.t-promo2 {background: url(/images/global/button_tab_2.gif) no-repeat top left; }
#promo_tab_carousel .ui-tabs-nav a.t-promo3 {background: url(/images/global/button_tab_3.gif) no-repeat top left; }
#promo_tab_carousel .ui-tabs-nav a.t-promo4 {background: url(/images/global/button_tab_4.gif) no-repeat top left; }
#promo_tab_carousel .ui-tabs-nav a.t-promo5 {background: url(/images/global/button_tab_5.gif) no-repeat top left; }
#promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a.t-promo1, #promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a.t-promo1:hover {background-position: bottom left; }
#promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a.t-promo2, #promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a.t-promo2:hover {background-position: bottom left; }
#promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a.t-promo3, #promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a.t-promo3:hover {background-position: bottom left; }
#promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a.t-promo4, #promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a.t-promo4:hover {background-position: bottom left; }
#promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a.t-promo5, #promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a.t-promo5:hover {background-position: bottom left; }
#promo_tab_carousel .ui-tabs-nav a.t-promo_play:hover {background-position: 15px left; }
#promo_tab_carousel .ui-tabs-nav a.t-promo1:hover {background-position: 0% 50% }
#promo_tab_carousel .ui-tabs-nav a.t-promo2:hover {background-position: 0% 50% }
#promo_tab_carousel .ui-tabs-nav a.t-promo3:hover {background-position: 0% 50%; }
#promo_tab_carousel .ui-tabs-nav a.t-promo4:hover {background-position: 0% 50%; }
#promo_tab_carousel .ui-tabs-nav a.t-promo5:hover {background-position: 0% 50%; }
#promo_tab_carousel .ui-tabs-nav a span {/*line-height: 20px;*/color:#828282;font-weight: normal;text-transform:uppercase;}
#promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a span, #promo_tab_carousel .ui-tabs-nav a:hover span {color:#ff9100;font-weight:bold;}
#promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a:link, #promo_tab_carousel .ui-tabs-nav .ui-tabs-selected a:visited, #promo_tab_carousel .ui-tabs-nav .ui-tabs-disabled a:link, #tab_signup .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: default;
}
#promo_tab_carousel .ui-tabs-nav a:hover, #promo_tab_carousel .ui-tabs-nav a:focus, #promo_tab_carousel .ui-tabs-nav a:active, #promo_tab_carousel .ui-tabs-nav .ui-tabs-unselect a:hover, #tab_signup .ui-tabs-nav .ui-tabs-unselect a:focus, #promo_tab_carousel .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
#promo_tab_carousel .ui-tabs-nav .ui-tabs-disabled a:link, #promo_tab_carousel .ui-tabs-nav .ui-tabs-disabled a:visited {
color: #000;
}
#promo_tab_carousel .ui-tabs-panel {
background: #ffffff; width: 676px; height:200px; position: absolute; top:0px; left:0px; z-index:1 }
#promo_tab_carousel .ui-tabs-panel .panel { width: 195px; height: 180px; margin: 10px 0 0 10px;}
#promo_tab_carousel .ui-tabs-panel .panel form { margin-top: 10px; }
#promo_tab_carousel .ui-tabs-panel .panel label { font-size: .8em; float: left }
#promo_tab_carousel .ui-tabs-panel .panel .inputtext { float: right; width: 136px;}
#promo_tab_carousel .ui-tabs-panel .panel select { float: right;}
/*#tab_signup .ui-tabs-panel .panel p { clear:both; margin: 0px; padding: 0px; margin-bottom: 5px; }*/
#promo_tab_carousel .ui-tabs-panel .panel .indent_extra { margin-left: 55px; font-size:10px; }
#promo_tab_carousel h2 {font-size: 1.2em; color: #ff9100; font-weight: bold; }
#promo_tab_carousel h3 { font-size: .9em; font-weight: bold; text-transform: uppercase; }
/*.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}*/
/* Additional IE specific bug fixes... */
* html #promo_tab_carousel .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html #promo_tab_carousel .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}
/* TAB -- tab for Directory, Shop, Support and About Us */
#tab_homepage { width: 960px; height: 250px; padding-top: 10px; position: relative; }
#tab_homepage h4 {font-size: 1.2em; color: #828282; letter-spacing: normal; text-transform: none}
#tab_homepage .ui-tabs-hide { display: none;}
#tab_homepage .ui-tabs-nav, #tab_homepage .ui-tabs-panel {clear:both;}
#tab_homepage .ui-tabs-nav {list-style: none; position: absolute; top: 10px; left: 0px; margin: 0px;}
#tab_homepage .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;clear: both;content: " ";}
#tab_homepage .ui-tabs-nav li {float: left;padding: 0px;margin: 0px;font-weight: bold;background: none;font-size: 110%; }
#tab_homepage .ui-tabs-nav a, #tab .ui-tabs-nav a span {float: left; /* fixes dir=ltr problem and other quirks IE */}
#tab_homepage .ui-tabs-nav a {margin: 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ white-space: nowrap; /* @ IE 6 */outline: 0; /* @ Firefox, prevent dotted border after click */ width: 240px; height: 50px; border: none;}
#tab_homepage .ui-tabs-nav a.t-discover {background:url(/images/home/tab_discover.jpg) bottom left no-repeat; }
#tab_homepage .ui-tabs-nav a.t-shop {background:url(/images/home/tab_shop.jpg) bottom left no-repeat; }
#tab_homepage .ui-tabs-nav a.t-support {background:url(/images/home/tab_support.jpg) bottom left no-repeat; }
#tab_homepage .ui-tabs-nav a.t-aboutus {background:url(/images/home/tab_aboutus.jpg) bottom left no-repeat; }
#tab_homepage .ui-tabs-nav .ui-tabs-selected a.t-discover, #tab_homepage .ui-tabs-nav .ui-tabs-selected a.t-discover:hover {background: none}
#tab_homepage .ui-tabs-nav .ui-tabs-selected a.t-shop, #tab_homepage .ui-tabs-nav .ui-tabs-selected a.t-shop:hover {background: none}
#tab_homepage .ui-tabs-nav .ui-tabs-selected a.t-support, #tab_homepage .ui-tabs-nav .ui-tabs-selected a.t-support:hover {background: none}
#tab_homepage .ui-tabs-nav .ui-tabs-selected a.t-aboutus, #tab_homepage .ui-tabs-nav .ui-tabs-selected a.t-aboutus:hover {background: none}
#tab_homepage .ui-tabs-nav a.t-discover:hover {background: url(/images/home/tab_discover_over.jpg) bottom left no-repeat}
#tab_homepage .ui-tabs-nav a.t-shop:hover {background: url(/images/home/tab_shop_over.jpg) bottom left no-repeat}
#tab_homepage .ui-tabs-nav a.t-support:hover {background: url(/images/home/tab_support_over.jpg) bottom left no-repeat}
#tab_homepage .ui-tabs-nav a.t-aboutus:hover {background: url(/images/home/tab_aboutus_over.jpg) bottom left no-repeat}
#tab_homepage .ui-tabs-nav a span {/*line-height: 20px;*/color:#828282;font-weight: normal;text-transform:uppercase;}
#tab_homepage .ui-tabs-nav .ui-tabs-selected a span, #tab_homepage .ui-tabs-nav a:hover span {color:#ff9100;font-weight:bold;}
#tab_homepage .ui-tabs-nav .ui-tabs-selected a:link, #tab_homepage .ui-tabs-nav .ui-tabs-selected a:visited, #tab_homepage .ui-tabs-nav .ui-tabs-disabled a:link, #tab_homepage .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: default;
}
#tab_homepage .ui-tabs-nav a:hover, #tab_homepage .ui-tabs-nav a:focus, #tab_homepage .ui-tabs-nav a:active, #tab_homepage .ui-tabs-nav .ui-tabs-unselect a:hover, #tab_homepage .ui-tabs-nav .ui-tabs-unselect a:focus, #tab_homepage .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
#tab_homepage .ui-tabs-nav .ui-tabs-disabled a:link, #tab_homepage .ui-tabs-nav .ui-tabs-disabled a:visited {
color: #000;
}
#tab_homepage .ui-tabs-panel {
/*border: solid 3px #eceae8;*/
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
width: 960px; height: 250px; position: absolute ; top: 10px; left: 0px;
}
#tab_homepage a.defaultmap { display: block; width: 300px; height: 200px; position: absolute; top: 50px; }
#tab_homepage #discover { background: url(/images/home/tab_discover_body.jpg) top left no-repeat; }
#tab_homepage #shop { background: url(/images/home/tab_shop_body.jpg) top left no-repeat; }
#tab_homepage #support { background: url(/images/home/tab_support_body.jpg) top left no-repeat; }
#tab_homepage #aboutus { background: url(/images/home/tab_aboutus_body.jpg) top left no-repeat; }
#tab_homepage .tab-content { margin-left: 320px; padding-top: 85px; }
#tab_homepage h2 { display: none }
#tab_homepage h3 { font-size: .9em; font-weight: bold; text-transform: uppercase; line-height: 1.1em }
#tab_homepage #discover h3 { color: #72813e }
#tab_homepage #shop h3 { color: #349b7c }
#tab_homepage #support h3 { color: #4d9766 }
#tab_homepage #aboutus h3 { color: #ff9100 }
#tab_homepage .tab-column { float: left; width: 150px; border-left: 1px solid #cccccc; padding-left: 5px; }
#tab_homepage .tab-column ul { font-size: .9em; }
#tab_homepage .tab-column li { margin-top:8px; margin-bottom: 0px; background: none; padding-left: 1px; width: 145px; line-height: 1.1em; }
#tab_homepage .tab-column li a { line-height: 1.1em; border: none; }
/*.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}*/
/* Additional IE specific bug fixes... */
* html #tab_homepage .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html #tab_homepage .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}
/* TAB -- tab_signup: tab for Subscriber signup, newsletter and RSS feed */
#tab_signup { width: 268px; height:200px; float: left; margin-top: 15px }
#tab_signup h4 {font-size: 1.2em; color: #828282; letter-spacing: normal; text-transform: none}
#tab_signup .ui-tabs-hide { display: none;}
#tab_signup .ui-tabs-nav {list-style: none;margin: 0}
#tab_signup .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;clear: both;content: " ";}
#tab_signup .ui-tabs-nav li {padding: 0px;margin: 0px;font-weight: bold;background: none;font-size: 110%; }
#tab_signup .ui-tabs-nav a, #tab .ui-tabs-nav a span {float: left; /* fixes dir=ltr problem and other quirks IE */}
#tab_signup .ui-tabs-nav a {margin: 0px 0 5px 0; /* position: relative makes opacity fail for disabled tab in IE */ white-space: nowrap; /* @ IE 6 */outline: 0; /* @ Firefox, prevent dotted border after click */ width: 48px; height: 45px; border: none;}
#tab_signup .ui-tabs-nav a.t-signup_login {background:url(/images/home/tab_login_all.gif) bottom left no-repeat; }
#tab_signup .ui-tabs-nav a.t-signup_email {background:url(/images/home/tab_email_all.gif) bottom left no-repeat; }
#tab_signup .ui-tabs-nav a.t-signup_rss {background:url(/images/home/tab_rss_all.gif) bottom left no-repeat; }
#tab_signup .ui-tabs-nav a.t-signup_follow {background:url(/images/home/tab_follow_all.gif) bottom left no-repeat; }
#tab_signup .ui-tabs-nav .ui-tabs-selected a.t-signup_login, #tab_signup .ui-tabs-nav .ui-tabs-selected a.t-signup_login:hover,
#tab_signup .ui-tabs-nav .ui-tabs-selected a.t-signup_email, #tab_signup .ui-tabs-nav .ui-tabs-selected a.t-signup_email:hover,
#tab_signup .ui-tabs-nav .ui-tabs-selected a.t-signup_rss, #tab_signup .ui-tabs-nav .ui-tabs-selected a.t-signup_rss:hover,
#tab_signup .ui-tabs-nav .ui-tabs-selected a.t-signup_follow, #tab_signup .ui-tabs-nav .ui-tabs-selected a.t-signup_follow:hover {background-position:top}
#tab_signup .ui-tabs-nav a.t-signup_login:hover,
#tab_signup .ui-tabs-nav a.t-signup_email:hover,
#tab_signup .ui-tabs-nav a.t-signup_rss:hover,
#tab_signup .ui-tabs-nav a.t-signup_follow:hover {background-position:center}
#tab_signup .ui-tabs-nav a span {/*line-height: 20px;*/color:#828282;font-weight: normal;text-transform:uppercase;}
#tab_signup .ui-tabs-nav .ui-tabs-selected a span, #tab_homepage .ui-tabs-nav a:hover span {color:#ff9100;font-weight:bold;}
#tab_signup .ui-tabs-nav .ui-tabs-selected a:link, #tab_signup .ui-tabs-nav .ui-tabs-selected a:visited, #tab_signup .ui-tabs-nav .ui-tabs-disabled a:link, #tab_signup .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: default;
}
#tab_signup .ui-tabs-nav a:hover, #tab_signup .ui-tabs-nav a:focus, #tab_signup .ui-tabs-nav a:active, #tab_signup .ui-tabs-nav .ui-tabs-unselect a:hover, #tab_signup .ui-tabs-nav .ui-tabs-unselect a:focus, #tab_signup .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
#tab_signup .ui-tabs-nav .ui-tabs-disabled a:link, #tab_signup .ui-tabs-nav .ui-tabs-disabled a:visited {
color: #000;
}
#tab_signup .ui-tabs-panel {
margin: 0; padding: 0;
background: #f1f1f1; /* declare background color for container to avoid distorted fonts in IE while fading */
height: 200px;width: 220px;float: left; line-height: 1.2em}
#tab_signup .ui-tabs-panel .panel { width: 195px; height: 180px; margin: 10px 0 0 10px;}
#tab_signup .ui-tabs-panel .panel form { margin-top: 10px; }
#tab_signup .ui-tabs-panel .panel label { font-size: 0.8em; float: left; width: 55px}
#tab_signup .ui-tabs-panel .panel .inputtext { float: right; width: 134px; font-size: 11px; }
#tab_signup .ui-tabs-panel .panel input.inputtext { margin-bottom: 5px }
#tab_signup .ui-tabs-panel .panel input.error { border: #a00000 1px dotted }
#tab_signup .ui-tabs-panel .panel select { float: right; margin-bottom: 5px; font-size: 11px; }
#tab_signup .ui-tabs-panel .panel .indent_extra { margin-left: 55px; font-size:0.8em; clear:both; margin-bottom: 5px; }
#tab_signup h2 {font-size: 1.1em; line-height: 1.2em; color: #2f2f2f; font-weight: bold; text-transform:uppercase }
#tab_signup h3 { font-size: .9em; font-weight: bold; text-transform: uppercase; }
#tab_signup p { margin-bottom: .5em; }
#tab_signup .privacy { font-size: 0.8em; line-height: 1.1em }
#tab_signup ul { font-size: 0.9em; }
#tab_signup li strong { color: #ff9100 }
/*.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}*/
/* Additional IE specific bug fixes... */
* html #tab_signup .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html #tab_signup .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}
/*-------------------------------------------
HEADINGS CONTAINER - Note these are by no means the only options. On Thomsonreuters.com the h2 & H3 headings are SIFR replaced with the Locator
font (soon to be Knowledge). TheLink sticks with the orange, black, gray color scheme, but modifies the font sizes introduces
a background image dot for the equivalent of H3. The models below are intended to be a starting point - not an absolute - except
for H1, which should always be used for linking the logo to the homepage of the site.
-------------------------------------------*/
#main h1 {font-size: 2.3em; color: #ff9100; font-weight: bold; border-bottom: 1px #f1f1f1 solid; margin-bottom: 10px;}
.banner { margin-bottom: 15px; height: 1%;}
.banner img { float: left }
#main h2 {font-size: 2em; color: #ff9100; margin: 1.5em 0 .5em 0;line-height:1.1 } #main h2.knowledge_medium_bak{font-weight:bold}
#main h3 {font-size: 1.2em; color: #ff9100; margin-top: 1.5em; font-weight: bold; }
#main h3 a { border: none; font-weight:bold; line-height:1.3;}
#main h1.first, #main h2.first, #main h3.first, #secondary h3.first, #tertiary h3.first {margin-top: 0;}
#main h4, #main h5, #main h6 {margin: 1.5em 0 .5em 0;}
#main h4 {font-size: 1.2em; color: #828282; text-transform: uppercase; letter-spacing: 1px; font-weight: bold}
#main h5 {font-size: 1em; color: #ff9100; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;}
#main h6 {font-size: 1em; color: #828282; text-transform: uppercase; letter-spacing: 1px; font-weight: normal;}
#main h4.first {margin-top: 0;}
/* ===== SECONDARY ===== */
/*#secondary h3 {text-transform: uppercase; color: #5a5b5b; font-size: 1em; padding: 5px 0 5px 16px; line-height:1.2em; background:#f1f1f1; margin-bottom: 2px;}*/
/* #secondary a h3 {color: #5a5b5b; font-size: 1em; padding: 5px 0 5px 16px; line-height:1.2em; background:#f1f1f1; margin-bottom: 2px;}
#secondary a:hover h3 {background:#d9dbdb; }
#secondary a#active h3 {background:#d9dbdb; font-weight: bold }
#secondary ul {margin: 1em 0 2em 0;}
#secondary li {background: none; border-bottom:1px solid #F5F5F5;margin:0.5em 0;padding:0; padding-left: 16px;}
#secondary li a { border: none; }
#secondary li a#active { color:#555555}*/
#secondary h3 {text-transform: uppercase; color: #97969A ; font-size: 1em;padding: 10px 0 5px 0; line-height:1.2em; margin-bottom: 2px; border-top: #E1E2E3 1px solid}
#secondary h3.first { border-top: none}
#secondary a h3 {text-transform: uppercase; color: #97969A ; font-size: 1em; padding: 10px 0 5px 0; line-height:1.2em; margin-bottom: 2px; border-top: #E1E2E3 1px solid; border-bottom: none}
#secondary a h3.first { border-top: none }
#secondary a:hover h3 {color: #505050}
#secondary a:hover {text-decoration:none !important }
#secondary a#active h3 {color: #333333 }
/* fix/nik/20100509 - active class, a within h3*/
#secondary h3 a {border-bottom: none}
#secondary h3 a:hover {color: #75b2d5 }
#secondary h3 a.active {color: #333333 }
#secondary a, #secondary a:visited {border-bottom: none }
#secondary ul {margin: 1em 0 2em 16px;}
#secondary li {background: none ;margin-top:0.5em;margin-bottom:0.5em;padding:0}
#secondary li a { border: none; }
#secondary li a#active { color:#555555}
#secondary li a.active { color:#555555} /* fix/nik/20100509 */
#secondary h3.brochuredownload { padding-top: 30px }
#secondary h3.brochuredownload a { text-transform: none; font-size: 0.8em ;}
/* ===== TERTIARY ===== */
/* text version */
#tertiary h3 {color: #807f83; border-bottom: 1px solid #e1e2e3; margin: 3em 0 1em 0; padding: .1em 0; font-size: 1.2em; font-weight: bold; text-transform: none; }
#tertiary h3.knowledge_medium_tertiary {padding: 0;}
/* picture, one big banner or 2 small banners */
#tertiary .ads { margin-top: 20px; margin-bottom: 10px;}
#tertiary .ads img { float:left; margin-bottom: 10px;}
#tertiary .firstads {margin-right: 10px;}
#tertiary .first { margin-top: 0;}
/* tab */
#tab h4 {font-size: 1.2em; color: #828282; letter-spacing: normal; text-transform: none}
#tab .ui-tabs-hide { display: none;}
#tab .ui-tabs-nav, #tab .ui-tabs-panel {font-size: 1em;clear:both;}
#tab .ui-tabs-nav {list-style: none;margin: 0;}
#tab .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;clear: both;content: " ";}
#tab .ui-tabs-nav li {float: left;padding: 0px;margin: 0px;padding-left: 3px;font-weight: bold;background: none;font-size: 1.1em;}
#tab .ui-tabs-nav a, #tab .ui-tabs-nav a span {float: left; /* fixes dir=ltr problem and other quirks IE */}
#tab .ui-tabs-nav a {margin: 0px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding: 0px 5px;background: #fff;text-decoration: none;white-space: nowrap; /* @ IE 6 */outline: 0; /* @ Firefox, prevent dotted border after click */ border: solid 3px #eceae8;border-bottom: none;
}
#tab .ui-tabs-nav .ui-tabs-selected a, #tab .ui-tabs-nav a:hover {background: #eceae8;}
#tab .ui-tabs-nav a span {/*line-height: 20px;*/color:#828282;font-weight: normal;text-transform:uppercase;}
#tab .ui-tabs-nav .ui-tabs-selected a span, #tab .ui-tabs-nav a:hover span {color:#ff9100;font-weight:bold;}
#tab .ui-tabs-nav .ui-tabs-selected a:link, #tab .ui-tabs-nav .ui-tabs-selected a:visited,
#tab .ui-tabs-nav .ui-tabs-disabled a:link, #tab .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
#tab .ui-tabs-nav a:hover, #tab .ui-tabs-nav a:focus, #tab .ui-tabs-nav a:active,
#tab .ui-tabs-nav .ui-tabs-unselect a:hover, #tab .ui-tabs-nav .ui-tabs-unselect a:focus, #tab .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
#tab .ui-tabs-nav .ui-tabs-disabled a:link, #tab .ui-tabs-nav .ui-tabs-disabled a:visited {
color: #000;
}
#tab .ui-tabs-panel {
border: solid 3px #eceae8;
padding: 10px;
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(loading.gif) no-repeat 0 50%;
}*/
/* Additional IE specific bug fixes... */
* html #tab .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html #tab .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}
/*-------------------------------------------
FOOTER
-------------------------------------------*/
#footer-wrap { clear:both; width: 960px; background: #EDEDED ; padding: 8px 0; font-size: .9em; text-transform: uppercase; }
#footer-wrap ul { float: left ; list-style: none; margin: 0; padding-left: 10px; color: #8e8e8e }
#footer-wrap ul li { float: left; background: none; margin-bottom: 0 }
#footer-wrap li a { color: #807f83; border-bottom: 1px solid #e3e5e6; margin-left: 1.5em; text-decoration: none}
#footer-wrap li a:hover, #footer li a:focus { color: #ff9100;}
/*-------------------------------------------
GENERAL
-------------------------------------------*/
.first {margin-top: 0; padding-top: 0}
span.hidden { display: none; font-size: .5em}
.displaynone { display: none;}
li.bullet_arrow { background: url(/images/global/bullet-arrow.gif) no-repeat left 6px; padding-left: 15px; }
#secondary li.bullet_arrow { background: url(/images/global/bullet-arrow.gif) no-repeat left 6px; padding-left: 15px; font-size: 11px; margin-left: 15px;}
img.cover { height: 120px; margin-bottom: 5px; }
#main h3.title { font-size: 1em; }
#main .info { font-size: .9em; clear: both }
.intro_light {font-size: 1.5em; }
.moreproduct { font-size: .9em; margin-top: 10px; }
.moreinfo {clear:both; font-size: .9em; padding-top: 10px;}
.moreinfo ul {float:right}
label { width: 100px; float: left; }
input.inputtext { width: 215px; }
select.login_service { width: 219px; }
input.submit_submit { background:url(/images/global/submit_button.gif) no-repeat top left; border: none; width: 60px; height: 20px; cursor:pointer; }
input.submit_submit:hover{ background-position: right }
input.submit_search, .form input.submit_search { background:url(/images/global/form_search.gif) no-repeat; border: none; width: 55px; height: 20px; cursor:pointer; }
/* ===== feature 2 columns ===== */
.feature_2column {
width: 100%;
margin-bottom: 10px;
}
/*#container .feature_2column h3 {
margin-top: 0;
}*/
.feature_2column li {
margin-bottom: 0.1em;
}
.feature_2column .left {
float:left;
width: 48%;
}
.feature_2column .right {
float:right;
width: 48%;
}
#main .feature_2column h3 {
color:#0078AE;
line-height:1.3;
margin-bottom:0.5em;
}
/* ===== feature 3 columns ===== */
.feature_3column {
width: 100%;
}
#container .feature_3column h3 {
margin-top: 0;
}
.feature_3column li {
margin-bottom: 0.1em;
}
.feature_3column .left , .feature_3column .middle{
float:left;
width: 31%;
}
.feature_3column .middle {
margin-left: 22px;
}
.feature_3column .right {
float:right;
width: 31%;
}
/* ===== refined search ===== */
.refined_search {
width: 480px;
/*background-color: #ffe199;*/
background-color: #ECEAE8;
margin-bottom: 20px;
height: 40px;
display: block;
}
.refined_search form {
padding: 10px;
}
.refined_search form input {
float: left;
width: 380px;
padding: 2px 3px 3px 3px;
font-size:11px;
border: none #ffffff;
border: 1px #ff9100 solid;
}
.refined_search a {
display: block;
float: left;
width: 60px;
height: 20px;
background: url(/images/global/button_search.gif) top left no-repeat;
border: none;
margin-left: 5px;
}
/* ===== e-store ===== */
.price {
color: #ff9100;
font-weight:bold;
font-size: 1.2em;
line-height: 14px;
}
.sale {
color: #a00000;
font-weight:bold;
font-size: 1.2em;
line-height: 14px;
}
.more {
font-size: .9em;
}
a.buynow {
display:block;
float: left;
width: 60px;
height: 16px;
background: url(/images/global/buynow_button.gif) top left no-repeat;
text-indent: -8000px;
border: none;
margin-top: 5px;
}
a.buynow:hover {
background: url(/images/global/buynow_button.gif) top right no-repeat;
}
a.enquiry {
display:block;
float: left;
width: 60px;
height: 16px;
background: url(/images/global/enquiry_button.gif) top left no-repeat;
text-indent: -8000px;
border: none;
margin-top: 5px;
}
a.enquiry:hover {
background: url(/images/global/enquiry_button.gif) top right no-repeat;
}
a.addtocart{display:block;float:left;width:82px;height:16px;background:url(../images/global/addtocart_button.gif) top left no-repeat;text-indent:-8000px;border:none;margin:5px 0}
a.addtocart:hover {
background: url(/images/global/addtocart_button.gif) top right no-repeat;
}
a.discover {
display:block;
float: left;
width: 102px;
height: 16px;
background: url(/images/global/discover_button.gif) top left no-repeat;
text-indent: -8000px;
border: none;
margin: 5px 0;
}
a.discover:hover {
background: url(/images/global/discover_button.gif) top right no-repeat;
}
a.submitfreetrial {
display:block;
float: left;
width: 60px;
height: 20px;
background: url(/images/global/submit_button.gif) top left no-repeat;
text-indent: -8000px;
border: none;
margin: 5px 0;
}
a.submitfreetrial:hover {
background: url(/images/global/submit_button.gif) top right no-repeat;
}
a.login {
display:block;
float: left;
width: 45px;
height: 16px;
background: url(/images/global/button_login.gif) top left no-repeat;
border: none;
margin: 5px 0;
}
a.login:hover {
background: url(/images/global/button_login.gif) top right no-repeat;
}
a.seemore {
display:block;
float: left;
width: 85px;
height: 16px;
background: url(/images/global/button_seemore.gif) top left no-repeat;
text-indent: -8000px;
border: none;
margin-top: 5px;
}
a.seemore:hover {
background: url(/images/global/button_seemore.gif) top right no-repeat;
}
.format {
clear:both;
}
a.promobanner { border:none }
/* ===== subscribe - newsletter + rssfeed ===== */
.subscribe li ul li { border-bottom: none;}
#tertiary .subscribe li h4, .subscribe li p, #tertiary .subscribe li ul {margin-left: 45px;}
#tertiary .subscribe li h4 {margin-top: 0px; margin-bottom: 0px; font-size: .9em; text-transform: none; letter-spacing: normal}
.subscribe li p, #tertiary .subscribe li {font-size: .9em;}
.subscribe li.icon_rss, .productlist li.icon_rss {
background: url(/images/global/30_icon_rss.gif) top left no-repeat ;
}
.subscribe li.icon_newsletter, .productlist li.icon_newsletter {
background: url(/images/global/30_icon_newsletter.gif) top left no-repeat ;
}
.subscribe li.icon_insider, .productlist li.icon_insider {
background: url(/images/global/30_icon_onlineinsider.gif) top left no-repeat ;
}
/* ============================================ */
/* ===== carousel banner for shop section ===== */
/* ============================================ */
#widecontent .banner_carousel { width: 750px; height: 200px; background:url(/images/global/750x200_banner_legal.gif) no-repeat top left; position: relative; margin-bottom: 20px;}
#widecontent .banner_carousel a.seemore { position: absolute; top: 150px; left: 30px; width: 85px; height: 15px; background: url(/images/global/button_seemore.gif) top left no-repeat; display:block; border: none }
#widecontent .banner_carousel a.seemore:hover { background-position: top right; }
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer { /* This is the viewing window */
position: absolute;
overflow: hidden;
width: 400px; /* Also specified in .stripViewer .panelContainer .panel below */
height: 130px;
clear: both;
top: 35px;
left: 325px;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 400px; /* Also specified in .stripViewer above */
}
.stripViewer .panelContainer .panel ul { list-style: none; margin: 0; padding: 0; }
.stripViewer .panelContainer .panel li { background: none; float: left; height: 130px; width: 82px; margin-right: 10px; }
.stripViewer .panelContainer .panel li.last { margin-right: 0px; }
.stripViewer .panelContainer .panel li img { height: 130px; width: 82px; border: 1px #828282 solid }
.stripViewer a { border: none }
/*navigation*/
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
position: absolute;
top: 150px;
left: 195px;
height: 15px;
width: 100px;
}
.stripNav ul, .stripNav li { /* The auto-generated set of links */
list-style: none;
margin: 0px;
padding:0px;
}
.stripNav ul li {
background: none;
float: left;
margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
.stripNav a { /* The nav links */
width: 15px;
height: 15px;
display: block;
background: url(/images/global/button_scroll_tab.gif) top left no-repeat;
text-indent: -8000px;
border-bottom: none;
}
.stripNav li a:hover {
background-position: top right;
}
.stripNav li a.current {
background-position: top right;
}
.stripNavL, .stripNavR {
position: absolute;
top: 150px;
text-indent: -9000em;
}
.stripNavL {left: 176px;}
.stripNavR {left: 282px;}
.stripNavL a, .stripNavR a {
width: 15px;
height:15px;
display:block;
cursor: pointer;
}
.stripNavL a {
background: url(/images/global/button_scroll_left.gif) no-repeat top left; border: none;
}
.stripNavR a {
background: url(/images/global/button_scroll_right.gif) no-repeat top left; border: none;
}
.stripNavL a:hover, .stripNavR a:hover {
background-position: top right;
}
/* popup */
#Nav {
z-index: -8000;
}
#Nav li {
}
.Menu {
padding: 0;
/* margin-top: -18px;*/
margin-left: 98px;
width: 202px;
list-style: none;
display: none;
background-color:#FF0000;
z-index: 8000;
}
.Menu li {
height: 20px;
width: 200px;
}
/* back to top */
.backtotop {
float: right;
padding-bottom: 15px; padding-top: 15px
}
.backtotop a { font-size: .8em; }
/* ============================================================= */
/* ===== images with text (example: Support default page ) ===== */
/* ============================================================= */
ul.images_with_text {list-style: none; margin: 0; margin-bottom: 10px; height: 1% }
ul.images_with_text li { background: none; margin: 0; padding: 0; float: left }
ul.images_with_text li.image { width: 130px; height: 100px }
ul.images_with_text li.text { width: 300px }
ul.images_with_text li ul { margin-left: 0}
ul.images_with_text li.bullet_arrow { background: url(/images/global/bullet-arrow.gif) no-repeat left 6px ; padding-left: 15px}
/* ============================================================= */
/* ===== CSS for form... class="form" ===== */
/* ============================================================= */
.form label { display:block; float:left; margin-top:5px; width:150px; }
.form input, .form textarea { border:1px solid #75B2D5; padding:5px 3px; width:250px; }
.form input.error { border-color: #a00000 }
.form select { border:1px solid #75B2D5; padding:5px 3px; width:258px; }
.form span { color:#FF0000; }
.form .submitfreetrial { float: right; margin-right: 70px; }
.form .submitbutton {float: right; margin-right: 70px; width:55px; border:0;}
.form input.submit_submit { width: 60px; border: 0 }
/* ============================================================= */
/* ===== FLAG ===== */
/* ============================================================= */
.flag_new { width: 28px; height: 11px; background: url(/images/global/flag_new.gif) no-repeat bottom left; margin-left: 5px; margin-top: 2px; display: inline-block;}
.flag_sale { width: 30px; height: 11px; background: url(/images/global/flag_sale.gif) no-repeat bottom left; margin-left: 5px; margin-top: 2px; display: inline-block; }
.flag_soon { width: 33px; height: 11px; background: url(/images/global/flag_soon.gif) no-repeat bottom left; margin-left: 5px; margin-top: 2px; display: inline-block; }
/* ================================================================================== */
/* ===== Product list, similar to opt3 in e-store ===== */
/* ===== STYLES for New Release, Forthcoming Release, Bestseller ===== */
/* ================================================================================== */
#main h1.browse { border: none; margin-left: 10px; width: 450px}
.browsebanner { border: 2px solid #f1f1f1; height: 80px; margin-bottom: 20px; padding-top: 10px; }
.browsebanner .label { font-size:1.2em; color: #828282; margin-left: 10px; }
.productlist {
/*border: #eceae8 2px solid;
width: 746px;*/
margin-top: 5px;
}
.productlist img {
float: left;
width:75px;
margin-right: 10px;
}
.productlist ol, .productlist ul {
margin-left: 5px;
margin-right: 5px;
}
.productlist li { background: none}
.productlist ol .list, .productlist ul .list {
border-bottom:2px solid #ECEAE8;
padding-top: 15px;
padding-bottom: 15px;
font-size: 1.3em;
color: #ff9100;
font-weight: bold;
height: 1%;
}
.productlist ol ul, .productlist ul ul {
margin: 0px;
}
.productlist ol ul li, .productlist ul ul li {
margin: 0px;
background: none;
float: left;
padding-left: 0;
}
.productlist ol ul li.detail, .productlist ul ul li.detail { width: 220px; }
.productlist ol ul li.detail p, .productlist ul ul li.detail p { font-size: .8em }
.productlist ol ul li.detail p.format, .productlist ul ul li.detail p.format { font-size: .7em; }
.productlist ol ul li.pricingdetail, .productlist ul ul li.pricingdetail {
float: right;
background: #eceae8;
width: 120px;
font-size: 11px;
padding: 10px;
}
#main .productlist h3 {
margin-top: 0em;
font-size: .9em;
}
#main .productlist h3.knowledge_medium_tertiary {font-size: 1.2em}
.productlist a.prev {
background: url(/images/global/menu_arrow_left.gif) left no-repeat ;
padding-left: 8px;
}
.productlist a.prev:hover {
background:url(/images/global/menu_arrow_left_over.gif) left no-repeat ;
}
.productlist a.next {
background:url(/images/global/menu_arrow_right.gif) right no-repeat ;
padding-right: 7px;
}
.productlist a.next:hover {
background:url(/images/global/menu_arrow_right_over.gif) right no-repeat ;
}
.productlist a.up {
background:url(/images/global/menu_arrow_up.gif) right no-repeat ;
padding-right: 10px;
}
.productlist a.up:hover {
background:url(/images/global/menu_arrow_up_over.gif) right no-repeat ;
}
.productlist a.dwn {
background:url(/images/global/menu_arrow_dwn.gif) right no-repeat ;
padding-right: 10px;
}
.productlist a.dwn:hover {
background:url(/images/global/menu_arrow_dwn_over.gif) right no-repeat ;
}
.productlist .view {
clear: both;
background: #eceae8;
margin: 5px;
overflow:auto;
font-size: 11px;
height: 1%;
}
.productlist .view .left {
float: left;
padding: 2px 5px;
}
.productlist .view .right {
float: right;
padding: 2px 5px;
}
.productlist .sort {
clear: both;
margin: 5px 10px;
font-size: 11px;
}
.productlist a.up:focus {text-decoration:underline;}
.productlist a.dwn:focus {text-decoration:underline;}
/* cartlink */
.gridTable .gridRow .gridCell { padding-bottom: 30px; padding-right: 5px }
.coverImg { height: 100px; }
.titleName a { font-weight: bold }
.price b { color: #ff9100; font-weight: bold }
.priceBlock .salePrice .price b{color:#a00000;font-weight:700}
.priceBlock .youSave .price {font-size:11px; font-weight:normal;color:#000000}
a.cartLink_buynow { background: url(/images/global/addtocart_button.gif) top left; width: 82px; height: 16px; display: block; margin: 5px 0; text-indent: -8000px; border: none}
a.cartLink_enquire { background: url(/images/global/enquiry_button.gif) top left; width: 60px; height: 16px; display: block; margin: 5px 0; text-indent: -8000px; border: none}
a.cartLink_buynow:hover, a.cartLink_enquire:hover { background-position: right }
.allFormats { font-size: 0.8em }
.dividerDashed { height: 50px }
a {text-indent:0}
/* ##########################################################################
Based on estore grid css option 1
Created Jan 15, 2010 - Nik
######################################################################### */
#shop .productlist .list a.up:focus {
text-decoration:underline;
}
#shop .productlist .list a.dwn:focus {
text-decoration:underline;
}
#shop .productlist ul {
border-top:2px solid #ECEAE8;
clear:both;
height:1%;
/*margin:0 5px;*/
padding:20px 0 10px;
}
#shop .productlist ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:none;
float:left;
margin-left:5px;
margin-right:8px;
padding-left:0;
margin-bottom:0;
width: 148px;
}
#shop .productlist ul li img {
height:120px;
margin-bottom:5px;
}
#shop .productlist ul li .last {
margin-right:0;
}
#shop #main .productlist h3 {
font-size:1em;
margin-top:0px;
clear:both
}
#shop .productlist h3, .productlist h3 a, .productlist p, .productlist em, .productlist br, .productlist strong {
line-height:15px;
}
#shop .productlist h3 {
font-weight:bold;
margin:0;
text-transform:none;
}
#shop .productlist h3 a {
font-weight:bold;
}
#shop .productlist h3 a, .productlist ul li a {
border:medium none;
}
#shop .productlist .format {
clear:both;
/*font-size:11px;*/
}
#shop #main .productlist .detail h3 {
margin-left:0;
padding-left:0;
}
#shop .productlist .opt1 ul.firstrow{
border-top:none;
padding-top:0px;
}
#shop .productlist .allformats{
font-size:.9em;clear:both
}
#shop .productlist .opt1 ul li.col1{
margin-left:0px;
}
#shop .productlist ul li.col3 {margin-right:0}
#browse li.pricingdetail p.other {clear:both}
a {
outline: 0;
}