@import url("/style/ui.theme.css");
@import url("/style/ui.core.css");
@import url("/style/ui.datepicker.css");
@import url("/style/ui.dialog.css");

body, td, th, button { font-family: arial,helvetica,sans-serif; font-size: 12px }
body { background: #f0f0f0; margin:7px 2px 0;  }
body.framed { background: #fff; margin:0; padding:0; }
td   { vertical-align: top;}
th   { text-align:left; vertical-align: bottom; line-height:1; font-weight:bold;}
input, textarea, select, option   { font-family: arial,helvetica,sans-serif; }

form { margin: 0px; }

a, input.headLoginButton             { color: #0074be; text-decoration:underline;}
a:hover, input.headLoginButton:hover { text-decoration: none; }
input.headLoginButton                { border:0px; background:transparent; padding:0px; margin:0px; cursor:pointer;}
a img                                { border: none; }
a.locked, a.locked:link, a.locked:visited, a.locked:active, a.locked:hover {text-decoration:underline; color:#bbc; cursor:default; text-decoration:none }
.note    { font-size: 10px; font-weight: bold; padding: 0 2px; }
.error   { color: #ff0000; font-weight: bold; padding-bottom: 5px; }
.message { color: #008000; font-weight: bold; padding-bottom: 5px; }
.clear   { clear: both; font-size: 0px; }

/*
 * Framework
 */
.backdrop {text-align:center}
.fullPage  { margin:auto; text-align:left; }
.fullPage, .headcell, .menucell    { width: 950px; }

.menucell {height:33px; margin: 12px 0 0 14px}
.menucell ul { list-style-type:none; padding:0px; margin:0px }
.menucell ul li { float:left; margin:0 11px 0 0; padding:0; background:#0099da url(/art/decor/menutabs.png) 0 0 no-repeat; padding-left:4px }
.menucell li, .menucell div, .menucell a { font-size:10pt; height:28px; line-height:28px; padding:0 11px 0 7px; display:block; float:left; font-weight:bold; text-decoration:none; background:url(/art/decor/menutabs.png) 100% 0% no-repeat; color:#bbc }
.menucell a { color:#fff }
.menucell a:hover { color:#fee301 }
.menucell a.locked:hover { color:#bbc }
.menucell ul li.active, .menucell ul li.active a { background:#fff url(/art/decor/menutabs.png) 0px -28px no-repeat }
.menucell ul li.active { height:33px; color:#e40000; }
.menucell ul li.active a { color:#e40000; background-position:100% -28px; }

.middlecell {overflow:hidden; background:#fff }
.middlecell .ne, .middlecell .nw  { background:url(/art/decor/pageBox.png) -10px -10px no-repeat; overflow:hidden }
.middlecell .nw { background-position:940px -10px; padding:10px }
.panelcell   { float: left; }
.panelcell_collapse   { display:none; }

.contentcell { width: 605px; float: left; }
.contentcell_fullwidth, .contentcell_fullwidth iframe { width: 781px; }
.content {overflow:hidden}

.crosscell   { width:162px; float:right; padding:0 }

.accountForm {width:300px; border:solid black 1px}

/*
 * Paginator
 */

.page { text-align:center; padding:15px 50px 0 50px}
.page .prev { float:left; }
.page .next { float:right; }
.page .num { margin:0 3px 0 3px}
.page .cur { font-weight:bold; text-decoration:none;}


/*
 * header
 */
.headcell {overflow:hidden; padding:0px 6px}
#mainHead { margin-left:168px; zoom:1}
//#XtopLine, #xtopLine .e, #xtopLine .w { background: url(/art/decor/topBox.png) 744px -94px no-repeat; }
#topLine    { width:762px; height:96px; background:url(/art/decor/homemotto.png) 0px 1px no-repeat; margin:7px 0 0; padding:0 0 0 635px; color:#fff; font-size:26pt; font-weight:bold; line-height:94px}
#topLine .e { background-position: -18px -94px; }
#topLine .w { height:94px; overflow:hidden }
#topLine span { padding-left:35px; float:left;}
#topLine img  { height:96px; width:96px; }
#logo {width:120px;height:108px;float:left;margin:11px 0px 0px 12px;}

#terNav {text-align:left; height:17px; overflow:hidden }
#terNav span {margin-left:15px}
#terNav a {margin:0 5px; font-size:0.8em; text-decoration:none }

/* left side */

#sideBox { width:150px; margin-right:5px}
#sideBox, #sideBox .n, #sideBox .s { background: url(/art/decor/leftBox.png) -150px -8px no-repeat; }
#sideBox    { background-position: 0 0; background-repeat: repeat-y; }
#sideBox .n { padding:8px 0 0;}
#sideBox .s { background-position: -150px 0; height:8px;font-size:0px}

#sideBox ul, #sideBox li {margin:0; padding:0}
#sideBox li { list-style:none; padding:0 0 5px; margin:8px 12px; font-size:10pt; font-weight:normal; border-bottom:0px solid #db0;}
#sideBox li.active { font-weight:bold }
#sideBox li li { border-bottom:0; padding:0; margin:8px 0 8px 12px;}
#sideBox li a       { color: #000; text-decoration: none; }
#sideBox li a:hover { color: #000; text-decoration: underline; }

#sideBox legend {font-size:10pt; font-weight:bold;color:#000; padding:0; margin:0 }
#sideBox fieldset {overflow:hidden; border:0; padding:0; display:block; margin:5px 0 0 12px; width:130px }

#sideBox .formElement {border:0; background:#fff }
#sideBox .formButtons {text-align:right; padding-top:3px;}

#sideBox .formElement, #sideBox .formButton {padding:0;}

#foot {font-size:7pt; clear:both; overflow:hidden}
#footBar a {color:#0072bc; text-decoration:none;margin:0px 10px }
#footBar a:hover {color:#e40000; text-decoration:none}
#footBar { font-size:14px; font-weight:bold;  padding:4px 0px 0px 5px; background-color:#fff; text-decoration:none; border-top:2px solid #f0f0f0 }
#footBar .e { background-position: -9px -28px; }
#footBar .w { height:28px }
#footBar div{ height:14px }
#foot .se { background-color:#fff; background-image:url(/art/decor/pageBox.png); background-repeat:no-repeat; background-position:-10px 0px; margin-bottom:10px }
#foot .sw { background-image:url(/art/decor/pageBox.png); background-repeat:no-repeat; background-position:940px 0px; height:10px; font-size:0px }
.footIcon    { float: right; }

.loginbox.condensed label {float:left; width:37px; clear:both; margin-top:1px; margin-bottom:5px }
.loginbox.condensed #lgnEml, .loginbox.condensed #lgnPswd {width:90px; float:right; margin-top:1px;}
.loginbox.condensed .formButtons { clear:both;}

/* right side */


#crossBox, #crossBox .n, #crossBox .s { background: url(/art/decor/redBox.png) -162px -8px no-repeat; }
#crossBox { position:relative; width:162px; margin-left:0px; padding-bottom:10px; background-position: 0 0; background-repeat: repeat-y }
#crossBox .n { }
#crossBox .s { position:absolute; bottom:0; background-position: -162px 0; height:8px; width:100%;font-size:0px}
#crossBox .cnt { padding:10px 0 0 6px; font-size:12px}
#crossBox div img { margin:2px 25px 2px 25px }
#crossBox p       { color:#000; margin:10px 6px 13px 1px; text-align:center; font-size:1em }

/**/
#srchCode, #srchKywd {width:99%}

ul.siteMap .listTopLvl { background:none;}
ul.siteMap .listTopLvl.active { background:none;}

.loginLabel  { padding-right: 10px; }
.loginLabel a, input.headLoginButton  { font-size: 8pt; padding:0 9px 0 0; }

.formLabel   { padding-right: 10px; }
.formElement { border: 1px solid #969696; width: 105px; background-color: #fff; padding: 2px 2px 2px 2px; }
.formElement.shortField { width: 55px; }
.formElement.longField { width: 250px; }
.xformButton  { background:#fff8a6; border: outset #fff8a6 1px; cursor:pointer; }
.formButton  { background:#dc2914; color:#fff; border:0; cursor:pointer }
.formButton.disabled  { background:#999; color:#ddd; cursor:normal }
.formButtons {overflow:hidden; zoom:1}

.formList             { }
.formList a           { display: block; }
.formList a.completed { font-weight: bold; }
.formTitle            { font-weight: bold; padding: 2px; background: #f0f0f0; }
.formSubTitle         { font-weight: bold; padding: 2px; background: #f0f0f0; margin-top: 5px; }

.searchResults { padding: 2px; margin-top: 20px; }
.searchResult  { margin-top: 5px; }

.searchResults .listLine0 { background: #f8f8f8; padding: 0px 2px 0px 2px; }
.searchResults .listLine1 { background: #f0f0f0; padding: 0px 2px 0px 2px; }

.searchResult .title     { margin-bottom: 5px; }
.searchResult .relevance { font-size: 10px; margin-left: 10px; }
.searchResult .sample    { margin-left: 10px; }

/*
 * Site-wide defaults for the various classes, list type specific values are set below
 */

.head          { }
.thinhead      { }
.title         { }
.date          { }
.standfirst    { }
.body          { }
.extrafield    { }
.image         { }

.blueLine { border-bottom: solid 2px #ffcb00; margin-top: 6px; margin-bottom: 16px; }
.pageFull { margin-left: 12px; }
.pageWide { width: 62%; float: left; margin-right: 12px; }
.pageThin { width: 31%; float: left; }

.regFormLink { margin-top: 20px; background: #d0d0d0; }

.objectForum { border-top: 1px solid #000000; margin-top: 20px; }

.list { }

.list .title      { padding-top: 8px; font-weight: bold; }
.list .date       { }
.list .standfirst { }
.list .body       { }
.list .image      { float: left; margin-right: 8px; padding-top: 12px; }
.list .noresults  { padding-top: 8px; font-weight: bold; }

.item { }

.item .title      { padding-top: 12px; font-size: 14px; font-weight: bold; color: #0074be; }
.item .date       { }
.item .standfirst { padding-top: 8px; font-weight: bold; }
.item .body       { padding-top: 8px; }
.item .image .files, .item .image img  { float: right; clear:right;  }
.item .image .files, .item .image a  { margin: 15px 0 0 8px; }
.item  table	  { clear:both; margin-top:5px;}

.separator {clear:left}
.corevalues .separator {clear:none;}

.categories { padding-top: 8px; float: right; }
.back       { padding-top: 8px; }

.more          { display: block; }
.more a        { }
.more a:hover  { }

.view          { }
.view a        { }
.view a:hover  { }

.view .prev { float: left; }
.view .next { float: right; }
.view .num  { margin-left: 2px; margin-right: 2px; }
.view .curr { font-size: 16px; font-weight: bold; }

.files          { width: 120px; border: 1px solid #d0d0d0; float: right; margin: 15px 0 0 8px; }
.knowledgecentre .files         { width: 250px; }
.fileHead      { clear:left; background: #d0d0d0; margin: 0px; padding-left: 2px; }
.fileSubHead   { clear:left; }
.files a       {}
.files a:hover {}


.item .image .files img  { float:left; clear:left; }
.files br { clear:left; line-height:5px;}
.fileTitle {padding-left:15px;}


/*
 * Fun stuff herein
 * Each list type has a class
 * Each list type can appear in a list of as an item
 * Each item attribute has a class
 *
 * e.g. ".news .list .standfirst" refers to the standfirst of a news story in the list context
 *
 * Also the "...read more" and "View the X page" links have a class each of their own
 *
 * Also the "Related Files" boxout has a class
 * The "Related Files" header has a class
 * The file type titles under "Related Files" have a class
 *
 * e.g. ".news .fileHead" refers to the related files header for a news story
 */

.promotions .list .title { padding-top: 8px; font-weight: bold; color: #000000; }

.corevalues .list .title { padding-top: 8px; font-weight: bold; color: #c80d1d; }
.corevalues .list .body  { color: #969696; }
.corevalues .list .image { padding-bottom: 8px; }

.homeColumns .corevalues .list { float: left; width: 176px; margin-right: 2px; }

html>body .homeColumns .corevalues .list { margin-right: 10px; }

.customers .list .title  { padding-top: 8px; font-weight: bold;}

.casestudies .list .date  { padding-top: 8px; }
.casestudies .list .title { font-weight: bold; }

.csr .list .date         { padding-top: 8px; }
.csr .list .title        { font-weight: bold; }

.faqs .list .title       { padding-top: 12px; font-weight: bold; }


.news .list .title      { padding-top: 8px; }
.news .list .title, .news .list .standfirst, .news .list .more, .finstats .list .title, .finstats .list .standfirst, .finstats .list .more   { margin-left: 48px; }

.newsThin .list .title      { padding-top: 8px; }
.newsThin .list .standfirst { font-weight: bold; }
.newsThin .list .image      { display: none; }

.ourcustomers .list .title      { margin-left: 48px; padding-top: 8px; }
.ourcustomers .list .standfirst { margin-left: 48px; }
.ourcustomers .list .more       { margin-left: 48px; }

.hmgrd .item0, .hmgrd .item1, .custhome .item0, .custhome .item1 {float:left; margin:0 0 20px; padding:0; width:302px; height:272px; position:relative; overflow:hidden;}
.hmgrd .row, .hmgrd .row {overflow:hidden}

.hmgrd .item0 p, .hmgrd .item1 p, .hmgrd .itemExpand p, .hmgrd .item0 li, .hmgrd .item1 li,
.custhome .item0 p, .custhome .item1 p, .custhome .itemExpand p, .custhome .item0 li, .custhome .item1 li,
.colExpand li {font-size:90%; line-height:150%}

.hmgrd .item0 .pad, .hmgrd .item1 .pad,
.custhome .item0 .pad, .custhome .item1 .pad {margin:1px 5px 14px}
.hmgrd .emph, .custhome .emph {color:#1366f0}

.colMore, .colLess  {position:absolute;bottom:0px;padding:3px 0 0 3px; width:100% }
.hmgrd .item0 .colMore, .hmgrd .item1 .colMore,  .custhome .item0 .colMore, .custhome .item1 .colMore { width:302px }
.hmgrd .item0 .colLess, .hmgrd .item1 .colLess,  .custhome .item0 .colLess, .custhome .item1 .colLess { width:302px }

.colMore { } //background:transparent url(/art/decor/tailFade.png); behavior: url(/style/iepngfix.htc) }

.colLess  {right:0;width:auto; background:#fff}
.colMore a, .colLess a  {float:right;background:#fff;display:block;border:solid #2386ff 1px; border-right:0; border-bottom:0; padding:3px;}
.colExpand { background:#fff; }
.colExpand .pad {margin:0 4px 14px}
.hmgrd .separator, .custhome .separator {display:none}
/* legacy styles */

a.bulletLink:link, a.bulletLink:active, a.bulletLink:visited, a.bulletLink:hover { color: #000; font-size: 9pt; font-weight: bold; text-decoration: none;}

.mandatory:after {content:'*' }

/* content */

.contentContainer { position:relative; visibility: visible; z-index:0; padding: 0px; } /* width:99%;*/
.orderHeadContainer { padding: 3px 5px 0; vertical-align:bottom; }
.orderListContainer { padding: 3px 5px 0; }
.orderHeadContainer td, .orderListContainer td {border:solid black 1px;}

.copyContainer { padding: 3px 0 5px 5px; }
.copyContainer.browseList br { margin-bottom:25px; vertical-align:top; }
.subHeading, legend { font-size:120%; font-weight:bold; margin-bottom:0; padding-bottom:5px }
.crossHeading { font-size: 10pt; font-weight: bold; margin-bottom:0px; }
ul.ypoBullet { list-style-image: url(/images/bullet1.gif); }
ul.ypoBullet li { margin-bottom: 8px; padding-left: 5px; }
hr.rule { border: 0px; border-bottom: solid black 1px; padding: 5px 0px 5px 0px; }
.textRed { color: #c80d1d }
.objectRight { float: right; margin-left: 10px; }

.rowShade0 { background-color:#ffffdf; }
.rowShade1 { background-color:#fffff5; }

.contractTable { width:540px; margin-left: 20px; }
.contractSelector {float:right; margin:10px 0 10px 0}
.contractTitle {clear:right}

/* table headings */

.sectionTitle { margin-bottom: 5px; }
.listTitle { width:100%; margin-bottom: 0px; }

.titleRedLeft  { background: #c80d1d; width: 7px; text-align: left; }
.titleRedRight { background: #c80d1d; width: 21px; text-align: right; }
.titleRedText  { background: #c80d1d; line-height:1; vertical-align:middle; color: #fff; font-weight: bold; overflow: hidden; padding: 2px 5px 2px 5px }

.titleBlueLeft  { background: #0074be; width: 7px; text-align: left; }
.titleBlueRight { background: #0074be; width: 21px; text-align: right; }
.titleBlueText  { background: #0074be; line-height:1; vertical-align:middle; color: #fff; font-weight: bold; overflow: hidden; padding: 2px 5px 2px 5px }

.titleGreyLeft  { background: #6a6a6a; width: 7px; text-align: left; }
.titleGreyRight { background: #6a6a6a; width: 21px; text-align: right; }
.titleGreyText  { background: #6a6a6a; line-height:1; vertical-align:middle; color: #fff; font-weight: bold; overflow: hidden; padding: 2px 5px 2px 5px }

a.titleRedText, a.titleRedText:link, a.titleRedText:visited, a.titleRedText:hover,
a.titleBlueText, a.titleBlueText:link, a.titleBlueText:visited, a.titleBlueText:hover,
a.titleGreyText, a.titleGreyText:link, a.titleGreyText:visited, a.titleGreyText:hover  { color: #fff; text-decoration: none; width:100%; cursor: pointer; display:block; }

a.button, a.button:link, a.button:visited, a.button:hover { color: #fff; text-decoration: none; width:100%; cursor: pointer; display:block; }

.buttonText, .medButtonText, .longButtonText, .xLongButtonText { text-align:center; vertical-align:middle; white-space: nowrap; line-height:1;  }
.yellowButton a.button, .yellowBar a.button { color: #000; }
.redButton td, .blueButton td, .yellowButton td, .greyButton td {padding:0px !important}



.redButton .buttonText,    .redButton .medButtonText,    .redButton .longButtonText,    .redButton .xLongButtonText,    .redBar .barText    { background: #c80d1d; color: #fff;}
.blueButton .buttonText,   .blueButton .medButtonText,   .blueButton .longButtonText,   .blueButton .xLongButtonText,   .blueBar .barText   { background: #0074be; color: #fff;}
.yellowButton .buttonText, .yellowButton .medButtonText, .yellowButton .longButtonText, .yellowButton .xLongButtonText, .yellowBar .barText { background: #fff469; color: #000;}
.greyButton .buttonText,   .greyButton .medButtonText,   .greyButton .longButtonText,   .greyButton .xLongButtonText,   .greyBar .barText   { background: #6a6a6a; color: #fff;}


.blueBar .buttonDetailRight { width:16px; background:transparent; background-image:url(/art/forms/blueDown.gif) }
.yellowBar .buttonDetailRight { width:16px; background:transparent; background-image:url(/art/forms/yellowDown.gif) }
.blueBar .buttonCloseRight { width:16px; background:transparent; background-image:url(/art/forms/blueClose.gif) }
.yellowBar .buttonCloseRight { width:16px; background:transparent; background-image:url(/art/forms/yellowClose.gif) }

.redButton .buttonDetailRight { background:transparent; background-image:url(/art/forms/redRight.gif) }
.blueButton .buttonDetailRight { background:transparent; background-image:url(/art/forms/blueRight.gif) }
.yellowButton .buttonDetailRight { background:transparent; background-image:url(/art/forms/yellowRight.gif) }
.greyButton .buttonDetailRight { background:transparent; background-image:url(/art/forms/greyRight.gif) }

.redButton .buttonDetailLeft { background:transparent; background-image:url(/art/forms/redLeft.gif) }
.blueButton .buttonDetailLeft { background:transparent; background-image:url(/art/forms/blueLeft.gif) }
.yellowButton .buttonDetailLeft { background:transparent; background-image:url(/art/forms/yellowLeft.gif) }
.greyButton .buttonDetailLeft { background:transparent; background-image:url(/art/forms/greyLeft.gif) }

.blueButton, .redButton, .yellowButton, .greyButton, .blueBar, .redBar, .yellowBar, .greyBar {  line-height:1; font-weight: bold; padding:0px; height: 16px; text-decoration: none; }
.redButton .buttonText, .blueButton .buttonText, .yellowButton .buttonText, .greyButton .buttonText { width: 50px; text-decoration: none; white-space: nowrap;}
.redBar .barText, .blueBar .barText, .yellowBar .barText, .greyBar .barText { line-height:1; text-decoration: none; white-space: nowrap; vertical-align:middle; padding: 0px 5px 0px 5px; }

.redButton .buttonText, .blueButton .buttonText, .yellowButton .buttonText, .greyButton .buttonText                 { width: 50px; text-decoration: none; white-space: nowrap;}
.redButton .medButtonText, .blueButton .medButtonText, .yellowButton .medButtonText, .greyButton .medButtonText     { width: 100px; text-decoration: none; white-space: nowrap;}
.redButton .longButtonText, .blueButton .longButtonText, .yellowButton .longButtonText, .greyButton .longButtonText { width: 160px; text-decoration: none; white-space: nowrap;}
.redButton .xLongButtonText, .blueButton .xLongButtonText, .yellowButton .xLongButtonText, .greyButton .xLongButtonText { width: 190px; text-decoration: none; white-space: nowrap;}

/* ordering */

.entryTitle { width:100%; }
.itemFindPanel, #faveItems form, #savedOrders form {width:100%}

.foundItemsList { width: 99%; }
.itemContainer { padding-top: 3px; }

#additionaInfoContainer, #additionalInfoContainer { display:none; margin: 0 2px; }
#additionalTextInfoContainer, #additionalListInfoContainer { display:none; margin: 0 7px; }
#itemSearch, #favSaveItems { display:none; }

.itemCode { width: 110px; }
.itemCode input { border: 0; padding: 0 3px; }
.itemDetail { height: 18px; overflow:hidden; }
.itemDetail, .itemDetail a { color: #c80d1d; font-weight: bold; overflow:hidden; }
.itemNumeric { width: 50px; text-align:right; white-space:nowrap;}
.itemNumeric input { border: 0px; padding: 0px 3px 0px 3px; }
td.itemAddInfo { padding: 0px 3px 0px 3px ! important; vertical-align:middle ! important; }
td.itemAddInfo input { border: 0px; padding: 0px 3px 0px 3px; }
.itemTitleBar td {}
.itemHeading td { font-size: 11px; background: #fdd6c1; padding: 1px 0; }
.itemValues td { font-size: 11px; background: #fab69a; padding: 1px 0 ; }
.itemFooting td { background: #fdd6c1; }

.itemHeading .itemCode, .itemValues .itemCode { padding: 0 5px; }
.itemHeading .itemNumeric, .itemValues .itemNumeric { padding: 0 5px; }
.itemHeading .itemAddInto, .itemValues .itemAddInto { padding: 0 5px; }

.orderHeadRow, .orderHeadRow a { color: #000; background: #e8e8e8; }
.orderHeadRow td, .orderHeadRow th {  font-size: 12px; font-weight: bold; padding: 2px 3px 1px; border-bottom: solid #a1a1a1 2px; }
#orderDetail, #orderDetail .formButtons, .orderBackground, tr.orderBackground td { background: #e9e9e9; overflow:hidden }
tr.orderItem td, tr.newsItemRow0 td, tr.newsItemRow1 td  { padding: 2px 3px 1px; color: #000; }
.orderItem a, .newsItemRow0 a, .newsItemRow1 a { color: #000; }
td.row0, tr.row0 td, td.newsItemRow0, tr.newsItemRow0 td { background: #e9e9e9; }
td.row1, tr.row1 td, td.newsItemRow1, tr.newsItemRow1 td { background: #d7d7d7; }
.orderItem input { width:4ex; border: 0px; }


.orderCell_left {width: 10px}
.orderCell_item {width: 4em}
.orderCell_detail {width: 32px; white-space:nowrap}
.orderCell_desc {}
.orderCell_unit {text-align:center; width: 2em}
.orderCell_qty  {text-align:right; width: 2em}
.orderCell_price {text-align:right; width: auto;}
.orderCell_total {text-align:right; width: 5em;}
.orderCell_delete, .orderlabel_fave {text-align:center; width: 25px}
.orderCell_label {text-align:right}

.orderCell_qty input.loading {background:#fff url(/art/input_loading.gif) 100% 50% no-repeat;}

/* order tracking */

.orderStatusField { border: solid black 1px; }
.orderStatusButton { border: solid black 1px; height:20px; padding:0px; }
.orderStatusListContainer { border: solid black 1px; width:100%; }
.orderStatusListContainer td { padding:3px; }
.orderStatusListHeader td { border-bottom: solid black 1px; }
.sortDirInd { font-size: 8px; font-weight:bold; vertical-align: super; padding-left: 3px;width:20px;}
.orderStatusListRowEven { background-color: #eef }
.orderStatusListRowEven td, .orderStatusListRowOdd td { padding-right: 10px; }

.orderStatusListFooter td { font-weight: bold; text-align:center; border-top: solid black 1px; }

#orderDetail .formButtons {clear:both;padding:3px 5px}

.formButtons .nega {float:left}
.formButtons .nega button {margin-right:5px;}
.formButtons .posi {float:right}
.formButtons .posi button {margin-left:5px;}

.listNavPostion { width:140px; }
.listNavPrev, .listNavNext {  }
.listNavPrev { padding-right:20px; }
.listNavNext { padding-left:20px; }

a * { cursor: pointer; }

.bold { font-weight:bold; }

.notify { width: 400px; background:#eee; border: solid black 1px; padding:5px; }
#notify { position: absolute; visibility: hidden; z-index: 99;}

.ui-dialog-content select {width:100%}

.prodPromo {padding-bottom:5px; width:150px}
.prodPromo .price {float:right}
#crossBox .prodPromo img {display:block; margin:0 auto; text-align:center}
.prodPromo img.scaled {width:100%}
.prodPromo .title, .prodPromo .price {font-weight:bold}
.prodPromo .price {margin-left:5px;color:#E10F1A}
#crossBox .prodPromo p {color:#000; line-height:110%; font-size:90%; text-align:justify}

.tip {cursor:default}
#tooltip { position: absolute; z-index: 3000; opacity:0.85; background:#fff; border:solid #0099da 2px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#tooltip h3, #tooltip div { margin: 0; padding:0; }
#tooltip h3 {font-size:10pt;padding:6px;}


.greenCnt {width:250px; clear:right;float:right;margin:0; border: solid #08ae62 2px; padding:2px;}
.greenCnt legend {color:#08ae62}
.greenCnt img {clear:left; float:left;}
.greenCnt br {clear:left;}
.greenCnt div {font-size:90%; margin-left:50px;}

fieldset.specs {clear:both}

.invoiceDetail {overflow:auto}
.invoiceDetail .header  {overflow:hidden}
.invoiceDetail .header th {width:9em}
.invoiceDetail fieldset {border:solid black 1px; margin:5px 0}

.holDateIntro legend {font-size:10px}
.holDateIntro p {width:300px; float:right; padding:0; margin:0}
#daterange { width:250px; overflow:hidden }
.dateRange { border:1px solid #ddd; background-color:#fff; padding:2px; margin:0 0 1px 0; clear:both; overflow:hidden }
.dateAdd { float:right; position:relative; padding-right:1.5em }
.dateRange a { float:right; margin:0 }
#dateSend label {width:10em; float:left}
#dateSend div {clear:left}

.dateRangeAdd    { position: absolute; right: 1em; ;background-image:url(/art/jquery/ui-icons_e0fdff_256x240.png); background-position:-16px -128px; background-repeat:no-repeat; width:16px; height:16px; text-indent:-1000px }
.dateRangeEdit   { background-image:url(/art/jquery/ui-icons_056b93_256x240.png); background-position:-64px -112px; background-repeat:no-repeat; width:16px; height:16px; text-indent:-1000px }
.dateRangeDelete { background-image:url(/art/jquery/ui-icons_056b93_256x240.png); background-position:-80px -128px; background-repeat:no-repeat; width:16px; height:16px; text-indent:-1000px }

.range-in .ui-state-default,   .ui-widget-content .range-in .ui-state-default   {border: 1px solid #c47d03; background: #d6ce00 url(/art/jquery/ui-bg_glass_55_d6ce00_1x400.png) 50% 50% repeat-x; color: #000000; }
.range-in .ui-state-active,    .ui-widget-content .range-in .ui-state-active    {border: 1px solid #c47d03; background: #d6ce00 url(/art/jquery/ui-bg_glass_55_d6ce00_1x400.png) 50% 50% repeat-x; color: #000000; }
.range-in .ui-state-highlight, .ui-widget-content .range-in .ui-state-highlight {border: 1px solid #c47d03; background: #d6ce00 url(/art/jquery/ui-bg_glass_55_d6ce00_1x400.png) 50% 50% repeat-x; color: #000000; }

.range-out .ui-state-default,   .ui-widget-content .range-out .ui-state-default   { margin:0 3px 0 0; border: 1px solid #0099da; background: #0099da url(/art/jquery/ui-bg_glass_75_0099da_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; }
.range-out .ui-state-active,    .ui-widget-content .range-out .ui-state-active    { margin:0 3px 0 0; border: 1px solid #0099da; background: #0099da url(/art/jquery/ui-bg_glass_75_0099da_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; }
.range-out .ui-state-highlight, .ui-widget-content .range-out .ui-state-highlight { margin:0 3px 0 0; border: 1px solid #0099da; background: #0099da url(/art/jquery/ui-bg_glass_75_0099da_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none; }

.login .ui-dialog-content .loginMsg { margin-bottom: 8px; }
.login .ui-dialog-content .formElement { background: transparent; border: none; width:auto }
.login .ui-dialog-content label { width: 100px; text-align: right; display: block; float: left; clear: left; }
.login .ui-dialog-content input { width: 150px; margin-left: 8px; border: 1px solid #000; background-color: #fffaf0; }


#dlmSurvey .formButtons { float:right; padding:3px 3px 0 0 }
#dlmSurvey fieldset { border:solid #0099DA 1px }
#dlmSrvyCnt.intro fieldset { border:0 }
#dlmSurvey .wrp2 { padding-top:10px }
#dlmSrvyCnt .qtn .formElement {width:90%; padding:0 0 4px 4px}
#dlmSrvyCnt .qtn .formButtons {float:none; text-align:right; display:none; padding-top:15px}
#dlmSrvyCnt.intro .formButtons input {visibility:hidden}
#dlmSrvyCnt.intro .qtn .formButtons input {visibility:visible}
#dlmSrvyCnt.intro .qtn .formButtons {display:block}

button.terms {float:right; margin-bottom:1em}
.mmbrevents {clear:both}
.mmbrevents .split {float:left; width:49%; padding:0; }
.mmbrevents .listHead {border:solid #f0f0f0 1px; border-left:0; border-right:0; }
.mmbrevents .past {float:right}
.mmbrevents .listHead h3 {margin:0; padding:8px 0 8px 5px}
.mmbrevents .item0, .mmbrevents .item1 {margin:0; padding:8px 0; border-bottom:solid #f0f0f0 1px}
.mmbrevents .list .date {font-weight:bold}
.mmbrevents .list .file {margin:5px 0 20px; overflow:hidden}

.mmbrevents .past .item0, .mmbrevents .past .item1 {padding-left:10px}
.mmbrevents .coming .item0, .mmbrevents .coming .item1 {padding-right:10px}

.mmbrevents .past .date,   .mmbrevents .past .file   {padding:0 10px}
.mmbrevents .coming .date, .mmbrevents .coming .file {padding:0 10px}

.mmbrevents .list button {clear:left; float:left; width:6em;}
.mmbrevents .split .title {font-weight:normal; padding:0; margin-left:8em; font-size:85%}

.mmbrevents .cal p {float:left; padding:0 0 0 3em}
.mmbrevents .cal .date {}
.mmbrevents .cal button {float:right; clear:none}
.mmbrevents .cal .item0, .mmbrevents .cal .item1 {clear: both; overflow: hidden}