/* $Id: base.css,v 1.3 2011/03/18 12:44:00 shtah@netcomposite.com Exp $ */
/* COLOR SET */
.Y50 {background-color: rgb(200, 55, 0);}
.Y100 {background-color: rgb(254, 103, 0);}
.Y200 {background-color: rgb(255, 154, 50);}
.Y300 {background-color: rgb(252, 206, 0);}
.Y400 {background-color: rgb(251, 235, 0);}

/* RESET */

body {position:relative;font-size:small;line-height:130%;background:#FFF;}
body,p,div,form,td,table,h1,h2,h3,h4, a {font-family:Arial,Trebuchet MS,Helvetica,sans-serif;font-weight: normal;}
h1,h2,h3,h4 {font-weight: 600;}
body,h1,h2,h3,h4,h5,h6,p,hr,form,table,td {margin:0;padding:0;}
/*a {color:#001166;}*/
a {color:#3d6b88;}
a:hover {color:#BF3030;}
a img {border:0;}
h1 {font-size:180%}
h2 {font-size:150%}
h3 {font-size:125%}
blockquote {font-size:100%;margin-left:2.5em;}
cite {display: block;padding: 10px 0 0 0;}
img {border:0;}
sup {position:relative;bottom:0.3em;vertical-align:baseline;}
ul {margin-left:0;padding-left:0;}
li {margin-left:1em;padding-left:0;list-style-type:square;}
fieldset {border: 0;}
.PageBreak {clear: both;line-height:0;font-size:0;margin:0;padding:0;}
.clear-shadow{width:100%;height:6px;margin:0;background:#ffffff url(/assets/images/misc/bg_shadow_gray_6.gif) repeat-x;}
.close {display:none;}
.open {display:block;}


/* LOGO SET */
#Logo {display:block;width:164px;height:65px;margin:5px 0 0 10px;padding:0 8px 5px 0;border-right:1px solid #666666;}

/* EXTRANET SUB-HEAD */

#EnterpriseID {float:left;max-width:40%;margin:15px 0 0 15px;position:relative;z-index:10;}
#EnterpriseID a {float:left;margin-right:10px;padding: 0px 20px 0 0; background:transparent url(/assets/images/icons/ic_marker_blue3.gif) 100% 80% no-repeat;font-size:130%;font-weight:600;color:#000000; text-decoration: none;letter-spacing:-.01em;}
#EnterpriseID a:hover {color:#ff0000;}

#UserID {float:left;width:90%;margin:10px 0 10px 15px;}
#UserID h4 {font-size:1.15em;font-weight:600;float:left;margin:0 10px 0 0;padding:5px 10px 5px 0;border-right:1px solid #999999;}
#UserID a {font-size:1.15em;font-weight:600;float:left;margin:0; padding: 5px 10px 0 0;text-decoration:none; background:transparent url(/assets/images/icons/ic_marker_b.gif) 100% 80% no-repeat;}
#UserID span, #RoleID span{border-bottom:0px dotted #3d6b88;}
#ProfileID {position:relative;z-index:5;float:left;margin:0 10px 0 0;padding:0 10px 5px 0;border-right:1px solid #999999;}
#RoleID {position:relative;z-index:1;float:left;margin:0 10px 0 0;padding:0 10px 5px 0;}
#ProfileID a,
#RoleID a {color:#000;background:transparent url(/assets/images/icons/ic_marker_blue3.gif) 100% 80% no-repeat;}
#RoleID a {color:#3d6b88;}

.IDlist {list-style:none;position:absolute;-moz-border-radius:3px;top:0px;left:-1px;margin:0 0 0 -10px;padding: 5px 10px 10px;border:1px solid #dcdcdc; border-top:none;background:#FFF}
.IDlist li {list-style:none;float:left;clear:both;margin: 0;padding:0 0 5px;white-space:nowrap;}

#EnterpriseID .IDlist {min-width:200px;top:-5px;left:-1px;display:none;}
#RoleID .IDlist,
#ProfileID .IDlist {min-width:200px;display:none;}

#EnterpriseID:hover .IDlist, #RoleID:hover .IDlist, #ProfileID:hover .IDlist {display:block;}

#EnterpriseID .IDlist li a,
#ProfileID .IDlist li a,
#RoleID .IDlist li a {font-size:1.15em;font-weight:600;float:left;margin:0; padding: 0 0 0 20px;text-decoration:none; color:#3d6b88;font-size:.9em;background:transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) 0 .2em no-repeat;border:none;letter-spacing:0;}

.IDlist .IDlistActive {width:100%;margin:0 0 10px;padding:0 0 5px;height:29px;}
#RoleID .IDlist .IDlistActive a,
#ProfileID .IDlist .IDlistActive a {font-size:1.15em;color:#000;margin:0;padding:0 0 10px 0;width:100%;background:transparent url(/assets/images/icons/ic_arrow_l-b_gray_13x13.gif) 100% .2em no-repeat; border-bottom:1px dotted #666666;}
#EnterpriseID .IDlist .IDlistActive a {float:left;width:100%;margin:0;padding:0 0 10px; background:transparent url(/assets/images/icons/ic_arrow_l-b_gray_13x13.gif) 100% .2em no-repeat;font-size:130%;font-weight:600;color:#000000; text-decoration: none;letter-spacing:-.01em;border-bottom:1px dotted #666666;}

/* PUBLIC SUB-HEAD */

#Tagline {position:relative;float:left;height: 75px;width: 370px;text-align: left;padding:0;margin:0;margin-left: 5px;overflow:hidden;border: none;}
#Tagline a {display:block;position:absolute;left:0;top:0;z-index:1;height: 75px;width:370px;margin:0;padding:0;}
#Tagline h1 {font-size:110%;font-weight:normal;letter-spacing:-.01em; padding:1em;vertical-align: 50%;}


/* GLOBAL SEARCH  */

#SearchWrap {width:380px;position:absolute;height:40px;z-index:100;top:10px;right:10px;float:right;padding-left:5px;background: url(/assets/images/misc/bg_search_container.png) 0 0 no-repeat;}
* html #SearchWrap {position:relative;width:385px;}
#SearchContainer {width:100%;height:32px;padding:4px 5px 4px 0;background: url(/assets/images/misc/bg_search_container.png) 100% -40px no-repeat;}
#SerachInputWrap {float:left;width:290px;height:28px;margin:0 5px 0 0;padding-left:5px;background: url(/assets/images/misc/bg_search_input.png) no-repeat;}
#SearchInputContent {width:100%;height:28px;background: url(/assets/images/misc/bg_search_input.png) 100% -28px no-repeat;}
#SearchInputContent a {float:left;width:10px;height:11px;margin:8px 15px 0 5px;}
.InputSearch {border:none;height:20px;margin:4px 0 0;background:transparent;}
#SearchInputContent .InputSearch {width:250px;}
.GoSearch {width:76px;height:28px;margin:0;}
#QuickLinksSeachList {position:absolute;z-index:110;left:575px;top:47px;}

#QuickLinksSeachList ul {float:left;clear:both;overflow:hidden;height:auto;margin:0;padding:5px 0;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;width:22em;border:1px solid #dddddd; border-top:none;}
#QuickLinksSeachList ul li {height:auto;display:block;clear:both;margin:0;padding:0;width:100%;background:none;}
#QuickLinksSeachList ul li a {float:left;height:auto;background:none;margin:0;padding:0 5%;width:90%;text-decoration:none;}
#QuickLinksSeachList ul li a:hover {background:#000;color:#FFF;}

#SearchOptionsList {position:absolute;top:27px;padding:10px;width:271px;background:#FFF;border:2px solid #c0c0c0;border-top:none;}
#SearchOptionsList ul {list-style:none;margin:0;padding:0;width:100%;}
#SearchOptionsList li {list-style:none;margin:0;padding:5px 0;float:left;clear:both;width:100%;border-bottom:1px dotted #c0c0c0;}
#SearchOptionsList li a {float:left;margin:0 10px 0 0;padding:0 0 0 10px;background:url(/assets/images/icons/ic_arrow_r_gray_6x10.gif) 0 .23em no-repeat;text-decoration:none;color:#000;}
#SearchOptionsList li a:hover, 
#SearchOptionsList li a.select,
#SearchOptionsList li a.active {background:url(/assets/images/icons/ic_arrow_r_red_6x10.gif) 0 .25em no-repeat;font-weight:600;}
#SearchOptionsList li span {float:right;}
#SearchOptionsList li span a {margin:0;padding:0;background:none;color:#3d6b88;border-bottom:1px dotted #3d6b88;}
#SearchOptionsList li span a:hover {color:#BF3030;border-bottom:1px dotted #BF3030;font-weight:normal;background:none;}


/* NAVIGATION - MAIL PRIMARY, SUPPORT SWITCH  */

#MainNavigationWrap {float:left;clear:both;width:100%;margin:0 0 10px 0;position:relative;z-index:400;}
#MainNavigationWrap ul {list-style:none;margin:0;padding:0;}
#MainNavigationWrap li {display:inline;list-style:none;margin:0;padding:0; }
#MainNavigationWrap li a {float:left;height:20px;background:#f0f0f0;border:1px solid #dddddd;border-bottom:none;margin: 0 5px 0 0;padding:4px 10px 0px 10px;text-decoration:none;color:#000;text-align:center; text-transform: uppercase; font-size: 12px;}
#MainNavigationWrap li.select a {background:#ffffff;height:21px}
#MainNavigationWrap li.help a {background:none;border:none;height:21px}

#MainNavigation {float:left;width:75%;margin:0 0 0 10px;}
#MainNavigation ul li a.help, 
#MainNavigation ul li a.help:hover {
 color:#000;
 border: none;
 background: transparent;
}
#MainNavigation ul li a.active, 
#MainNavigation ul li a.active:hover {
 color:#000;
 border-left: 1px solid #cccccc;
 border-right: 1px solid #c0c0c0;
 border-top: 1px solid #cccccc;
 border-bottom: 1px solid #ffffff;
 background: #ffffff;
}
#MainNavigation ul li a:hover {
 color:#000;
 border-bottom: 1px solid #636a73;
 background: #c8d7d8;
}

#MainNavigationSupport {float:right;}
#MainNavigationSupport li a {background:#f7f7f7; font-size: 11px;}
#MainNavigationSupport ul li a:hover {color:#ff0000;}
#MainNavigationSupport ul li a.extranet {color:#fff;border-left: 1px solid #b2b2b2;    border-top: 1px solid #999999;border-bottom: 1px solid #ffffff;background: #636a73; }
#MainNavigationSupport ul li a.extranet:hover {color:#fff;border-left: 1px solid #b2b2b2;border-right: 1px solid #999999;border-top: 1px solid #999999;border-bottom: 1px solid #ffffff;background: #545454; }
#MainNavigationSupport ul li a.switch {color:#ff0000;border-left: 1px solid #b2b2b2;border-right: 1px solid #999999;border-top: 1px solid #999999;border-bottom: 1px solid #ffffff;background: #ffffff;}

#MainNavigationSupport ul li a.signout {
font-weight: 600;
border: none;
background: transparent;
}


/* NAVIGATION - BREADCRUMB TRAIL  */

#BreadCrumbTrail {position: relative; clear: both;width: 950px;height: 22px;white-space: nowrap;overflow: hidden;color:#000;text-overflow: ellipsis;z-index: 90;margin: 0 0 5px 10px;padding: 0;}
#BreadCrumbTrail a.Home{padding: 0 10px;background: none;}
#BreadCrumbTrail a{font-size: 13px;color: #000;text-decoration: none;padding-right: 15px;background: transparent url(/assets/images/icons/ic_arrow_r_gray_6x10.gif) 100% 50% no-repeat;}
#BreadCrumbTrail a:hover{color: #ff0033;text-decoration: underline;}
#BreadCrumbTrail span {font-size: 13px;color: #333333;text-overflow: ellipsis;}
#BreadCrumbTrail span#Locale {
 position: absolute;
 top: 0px;
 right: 4px;
 padding: 2px;
 white-space: nowrap;
 text-transform: uppercase;
 font-size: 11px;
 color: #000;
 padding-right: 20px;
 background: transparent url(/assets/images/locale/th.gif) 100% 50% no-repeat;
}



/* FOOTER */

#Footer {height: 100px; margin-top:1em;padding:.5em 0 1em; border-top:1px solid #c4c4c4;font-size:.85em; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;}
#FooterNavigation {float:left;width:60%;}
#Footer h6 {float:right;font-size:1em;margin-right:10px;font-weight:normal;color:#000;}
#Footer a {text-decoration:none;}
#Footer a:hover {text-decoration:underline;}
#Footer ul {float:left;display:inline;list-style:none;margin:0;}
#Footer li {display:inline;padding:0 10px 0 0;text-transform:uppercase;}
#Footer p {clear: both; background:url(/assets/images/icons/ic_lock.gif) 5px 10px no-repeat #fff; padding: 0.5em; padding-left: 30px;  border: 1px solid #dddddd; margin-bottom: 1em;}
.Credentials { border:0px solid; width: 100%; height: 75px; clear: both; background:url(/assets/images/logos/credentials.gif) top left no-repeat; }
 


/* COLUMNS GRID SETTINGS START */

.grid2col,.grid2cola,.grid2colb,.grid2colc,.grid2cold,.grid2cole,.grid2colf,.grid3col,.grid3cola,.grid4col,.grid5col,.grid6col {width: 98%;margin: 0.25em auto;clear: both;overflow:hidden;}
.grid2coln .column.first {width: 66%;}
.grid2coln .column.last {width: 32%;}
.grid2cola {width:100%;margin:0;}
.grid2colm {width:100%;margin:0;}
.grid2col .column {width: 49%;}
.grid2col .grid2col .column {width: 47.8%;}
.grid3col .grid2col .column {width: 46%;}
.grid4col .grid2col .column {width: 45%;}
.grid2cola .column.first {width: 70%;}
.grid2cola .column.last {width: 30%;}
.grid2colm .column.first {width: 70%;}
.grid2colm .column.last {width: 30%;}
.grid2colb .column.first {width: 74.9%;}
.grid2colb .column.last {width: 23%;}
.grid2colc .column.first {width: 32%;}
.grid2colc .column.last {width: 66%;}
.grid2cold .column.first {width: 23%;}
.grid2cold .column.last {width: 74.9%;}
.grid2cole .column.first {width: 74%;}
.grid2cole .column.last {width: 25%;}
.grid2colf .column.first {width: 19%;}
.grid2colf .column.last {width: 79%;}
.grid3col .column {width: 32%; margin-left: 2%;}
.grid2col .grid3col .column {width: 31%;}
.grid3cola .column {width: 58%; margin-left: 2%;}
.grid3cola .column.first, .grid3cola .column.last {width: 19%;}
.grid4col .column {width: 23%; margin-left: 3%;}
.grid5col .column {width: 18.4%; margin-left: 2%;}
.grid6col .column {width: 15%; margin-left: 2%;}
* .grid6col .column {margin-left: 1%;}
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }
/* STYLE FOR TEMPLATE MANUAL */
.grid2colm .column.first { margin-right: -4px !important;}
.grid2colm .column.last { float: left !important;margin:0;}
.grid2cole .column.first { margin-right: 0 !important;}
.grid2cole .column.last {float:right;margin:0;}
/* END STYLE FOR TEMPLATE MANUAL */
.column {float: left;}
* html .grid2colc {width:98%; margin: .25em auto;} 


/* LAYOUT SETTING */

#WrapperGlobal {overflow:hidden;zoom:1;width:100%; min-width:960px;background:#FFF url(/assets/images/misc/bg_header.jpg) 0 0 repeat-x;}
#HeaderWrapper {position:relative;z-index:500;float:left;clear:both;width:100%;}
#HeaderContainer, .Wrap960 {width:960px;margin:0 auto;zoom:1;position:relative;}
#ContentWrap {float:left;clear:both;width:100%;background:url(/assets/images/misc/bg_1x1_gray.gif) 0 25px repeat-x;}

/* FORM ELEMENTS END */

/* ROW SETTINGS */
#WS,
#Header,
#Dashboard,
#WorkingSpace,
#DetailsView,
.DetailsView,
#Footer {float:left;clear:both;width:100%;margin:0;padding:0;z-index:1;}
#Footer {padding:.5em 0 1em;}
#WS {z-index:50;}
#Header {z-index:40;}
#Dashboard {z-index:30;}
.Wrap {float:left;clear:both;width:100%;}
#Header {padding-bottom:.5em;}
#DetailsView, .DetailsView {margin-bottom:1em;}

/* TWO COLUMN STYLE - ARTICLE DETAILS DISPLAY */

#DetailsView .ContentMask, .DetailsView .ContentMask {position:relative;clear:both;float:left;width:945px;padding:0 5px 0 10px;}
.ColWrap {float:left;width:100%;position:relative;z-index:360;}
#DetailsView .ColConteiner, .DetailsView .ColConteiner {float:right;margin-left:-300px;width:100%;}
#DetailsView .ColCenter, .DetailsView .ColCenter {margin:0 0 0 300px;zoom:1;}
#DetailsView .ColLeft, .DetailsView .ColLeft {float:left;width:295px;}
#DetailsView .ColLeft h1, .DetailsView .ColLeft h1 {margin:0 20px 20px 0;}
#DetailsView .SpreadSnippet, .DetailsView .SpreadSnippet {display: block; height: 100px; overflow: hidden; }
#DetailsView .SpreadSnippet h1, .DetailsView .SpreadSnippet h1 {display: block; padding: 0.15em; line-height: 1.2em; }
#DetailsView .RowSpecs, .DetailsView .RowSpecs {display: block; clear: both; border: none; margin-left: 1em; padding-top: 6px;}
#DetailsView .spec, .DetailsView .spec { width: 100%; margin-bottom: 0; font-size: 14px;  margin-top: 10px;}
#DetailsView .spec .last, .DetailsView .spec .last {border-bottom:1px solid #e0e0e0;}
#DetailsView .stock, .DetailsView .stock {width: 100%; font-size: 14px; margin-bottom: 0;}
#DetailsView .RowPrice, .DetailsView .RowPrice {display: block; clear: both;  border:1px solid #e0e0e0;-moz-border-radius:3px;background-color:#fcfcfc;padding:10px 0; margin: 5px; margin-top: 10px;}
#DetailsView .exRowPrice, .DetailsView .exRowPrice {display: block; clear: both;  border:1px solid #e0e0e0;-moz-border-radius:3px;background-color:#fcfcfc;padding:10px 70px; margin: 5px; margin-top: 10px;}

#DetailsView .exRowPrice table {width:100%;min-height:150px;border-collapse:collapse;border:none;margin:0 0 20px;background:url(/assets/images/misc/bg_gradient_f_80.gif) repeat-x;}
#DetailsView .exRowPrice table th {text-align:right;padding: 0 .05em;vertical-align:top;white-space:nowrap;}
#DetailsView .exRowPrice table td {text-align:left;padding: 0 .5em;vertical-align:top;}
#DetailsView .exRowPrice table tr.first th, #DetailsView .exRowPrice table tr.first td {padding-top:10px;}
.exRowPrice h4 {font-size: 1.4em; margin: 0 0 1em !important; color: #35383d; text-transform: uppercase; display: block;}

#DisplayExpanded {clear: both; margin:0; margin-left: 10px;  text-align: left; padding: 0px;  background:#fff; border: 1px solid #dddddd; border-top: none;}
#DisplayExpanded table  { width: 100%; background-color: #FFF; border-collapse : collapse;}
#DisplayExpanded  table td { border: none; line-height: 1.3em; vertical-align: top; border: none; color: #000000; vertical-align: top; text-align: left; padding: 0px 2px 8px 12px;}
#DisplayExpanded  tr.AttributionTop th { font-size: 14px; text-decoration: none; white-space:nowrap; text-align: left; text-transform: uppercase; margin: 0; padding: 4px; font-weight:normal; color:  #000000;}
#DisplayExpanded table  td.Attribute{ white-space:nowrap; text-align: right; font-weight: 600;}
#DisplayExpanded table  td.Designation{ width: 90%; text-align: left; }
#DisplayExpanded tr.AttributionTop td {color: #000;margin: 0;}
#DisplayExpanded  tr.AttributionBottom td {border: none;}
#DisplayExpanded div.InlineForm {margin: 10px; margin-top: 25px;}
#DisplayExpanded .ExpandedLeft { float: left; width: 470px; padding:0; padding-left: 10px; margin:0;}
#DisplayExpanded .ExpandedRight { float: right; width: 400px;  padding: 0; margin: 15px; }
#DisplayExpanded h4 { font-size: 12px; padding: 15px 15px 5px 5px; color: #000000; text-transform: uppercase; display: block; border-bottom: 1px solid #dddddd;;}
#DisplayExpanded .ExpandedInlineFeatured {  display: block; border: 4px solid #636a73; background: #fff; padding: 1.2em; margin:5px; margin-top: 4%;}
#DisplayExpanded .ExpandedInlineFeatured h1 { font-size:  1.5em; color: #000; font-weight: normal;  display: block;  line-height: 1.6em; }
#DisplayExpanded .ExpandedInlineFeatured h2 { font-size: 1.3em;  color: #000; font-weight: normal; display: block; border: none; ine-height: 1.6em;}
#DisplayExpanded .ExpandedInlineFeatured p {display: block; font-size: 1.1em; line-height: 1.3em; padding: 1em; color: #000;}
#DisplayExpanded .ExpandedInlineFeatured img {float: left; border: none;}
#DisplayExpanded .ExpandedInlinePreview  {  display: block; border: 4px solid #636a73; background: #636a73; padding: 0px; margin: 10px 10px 10px 10px}
#DisplayExpanded  .ExpandedInlinePreview h1 {font-size: 1.25em; line-height: 1.2em; color: #fff; padding: 0.5em;}
#DisplayExpanded  .ExpandedInlinePreview p {font-size: 1.0em; line-height: 1.3em; color: #fff; padding: 1.1em;}
#DisplayExpanded  .ExpandedInlinePreview cite {display: block; font-size: 1.0em; line-height: 1.3em; color: #000; background: #fff; padding: 1.1em; margin: 1em;}
#DisplayExpanded  .ExpandedInlinePreview div.Preview {display: block; font-size: 1.0em; line-height: 1.3em; color: #000; background: #fff; padding: 1.1em; margin: 1em;}
#DisplayExpanded .ExpandedBottom {clear: both;  margin: 0px; border-top: 1px solid #dddddd; padding: 10px;}
#PrintOptions {clear:both;padding-top: 10px;margin: 10px;}
#PrintOptions ul {clear:both;width:100%;border: none;list-style:none;margin: 10px 0 0 0;padding:0;}
#PrintOptions ul li img{display: block;margin: 0 auto;padding: 5px;}
#PrintOptions ul li {display:inline;list-style:none;margin:0;padding:0;}
#PrintOptions ul li a {display:block;width: 110px;float:left;margin: 0 0 0 10px;padding: 3px 10px;text-align:center;border: 1px solid  #F2F2F2;text-decoration:none;position:relative;line-height:1.3em;}
#PrintOptions li a strong {color: #000000;font-size: 0.9em;}#PrintOptions ul li a:hover {background:#7fa8be;color:#fff;}
#PrintOptions ul li a.active,
#PrintOptions ul li a.active:hover {color:#fff;background:#000;font-weight:bold;}
#PrintOptions ul li a span {display:block;padding: 0.8em;text-decoration: none;}

a.PushTitle {font-size: 16px; font-weight: 600; color: #35383d;text-decoration: none;padding-right: 18px;background: transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) 100% 50% no-repeat;}
a.PushTitle:hover {color: #ff0000;}

/* Button height 22px */

.ExpandedBottom div.FormSubmitButton {position:relative;float:left;height:22px;background:url(/assets/images/misc/button_22-2.png) 0 -22px no-repeat;padding:0 0 0 5px;text-decoration:none;font-size:1.1em;border:none;margin:10px 10px 0px 0px}
.ExpandedBottom div.FormSubmitButton span {float:left;width:auto;height:19px;margin:0;padding:3px 5px 0px 0;background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;white-space:nowrap;}
.ExpandedBottom div.FormSubmitButton span input {background:none;border:none;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;padding: 0.025em; }
.ExpandedBottom div.FormSubmitButton:hover {background:url(/assets/images/misc/button_22-2.png) 0 -66px no-repeat;}
.ExpandedBottom div.FormSubmitButton:hover span {background:url(/assets/images/misc/button_22-2.png) 100% -44px no-repeat;}
.ExpandedBottom div.FormSwitchButtons {float: left; padding: 12px 15px 10px 10px; font-weight: 600; text-transform: uppercase;}

* html .ExpandedBottom form div.FormSubmitButton {position:static;background:url(/assets/images/misc/button_22-2.png) 0 -22px no-repeat;}
* html .ExpandedBottom form div.FormSubmitButton span {padding:2px 5px 0px 5px; background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;}

.ExpandedBottom div.FormSubmitButtonList {position:relative;float:left;height:22px;background:url(/assets/images/misc/button_22_list.png) 0 -22px no-repeat;padding:0 0 0 5px;text-decoration:none;font-size:1.1em;border:none;margin:0px 0 0px 0px}
.ExpandedBottom div.FormSubmitButtonList:hover {background:url(/assets/images/misc/button_22_list.png) 0 -66px no-repeat;}
.ExpandedBottom div.FormSubmitButtonList:hover span {background:url(/assets/images/misc/button_22_list.png) 100% -44px no-repeat;}

/* BUTTON FOR <A> */
.ExpandedBottom div.FormSubmitButton a {float:left;width:auto;height:19px;margin:0;padding:3px 10px 0px 5px;background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;white-space:nowrap;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;}
.ExpandedBottom div.FormSubmitButton:hover a {background:url(/assets/images/misc/button_22-2.png) 100% -44px no-repeat;}

.ExpandedBottom div.FormSubmitButtonList a {float:left;width:auto;height:19px;margin:0;padding:3px 22px 0px 5px;background:url(/assets/images/misc/button_22_list.png) 100% 0 no-repeat;white-space:nowrap;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;}
.ExpandedBottom div.FormSubmitButtonList:hover a {background:url(/assets/images/misc/button_22_list.png) 100% -44px no-repeat;}

/* END BUTTON FOR <A> */

#Description {float:left;clear:both;width:100%;margin:20px 0 0;}
#Description table {width:100%;border-collapse:collapse;border:1px solid #ddd;margin:0;padding:0 0 5px;background:#FFF;vertical-align:top;}
#Description table tr {border-bottom: 1px solid #ddd;}
#Description table td {padding:.3em .2em; text-align:center;}
#Description table th {padding:.3em .2em; background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
#Description table th.Colour span {padding-right:15px;background: url(/assets/images/icons/ic_arrow_d_gray_10x11.gif) 100% .2em no-repeat;}
#Description table td.Colour {padding-left:5%;}
#Description table td.Colour span {float:left;text-align:center;}
span.ColorSet {float:left;width:70px;height:16px;margin:0 0 0 5px;overflow:hidden;}

#ToolsSpecification {height:30px;overflow:hidden;width:100%;clear:both;background:url(/assets/images/misc/bg_1x1_gray.gif) 0 100% repeat-x;}
#ToolsSpecification .TabTools {float:left;width:80%;height:30px;}
#ToolsSpecification .ToolsExtended {float:right;width:73px;text-align:right;}

#ToolsSpecification ul {margin:0;padding:0;list-style:none;}
#ToolsSpecification li {float:left;list-style:none;margin:0;padding:0;}

#ToolsSpecification .TabTools ul {margin:0;padding:0;list-style:none;height:30px;}
#ToolsSpecification .TabTools li {display:inline;float:left;margin:0 5px 0 0; padding:0;font-size:1.2em;line-height:1.2em;}
#ToolsSpecification .TabTools li a, #ToolsSpecification .TabTools li span {float:left;height:23px;padding:5px 10px 0;background:#f0f0f0;border:1px solid #dddddd;border-bottom:none;text-decoration:none;color:#000;}
#ToolsSpecification .TabTools li.select a, #ToolsSpecification .TabTools li.select span {height:24px;background:#FFF;}



#ToolsSpecification .ToolsExtended a {float:left;width:25px;height:21px;overflow:hidden;position:relative;z-index:1;margin-right:-1px;text-align:right;}
#ToolsSpecification .ToolsExtended a span {display:none;}
#ToolsSpecification .ToolsExtended .select a {z-index:10;}
#opt1 {background:transparent url(/assets/images/misc/bg_b_opt1.png) 0 0 no-repeat;}
#opt1:hover {background:transparent url(/assets/images/misc/bg_b_opt1.png) 0 100% no-repeat;z-index:2;}
.select #opt1 {background:transparent url(/assets/images/misc/bg_b_opt1.png) 0 100% no-repeat;z-index:10;}
#opt2 {background:transparent url(/assets/images/misc/bg_b_opt2.png) 0 0 no-repeat;}
#opt2:hover {background:transparent url(/assets/images/misc/bg_b_opt2.png) 0 100% no-repeat;z-index:2;}
.select #opt2 {background:transparent url(/assets/images/misc/bg_b_opt2.png) 0 100% no-repeat;z-index:10;}
#opt3 {background:transparent url(/assets/images/misc/bg_b_opt3.png) 0 0 no-repeat;}
#opt3:hover {background:transparent url(/assets/images/misc/bg_b_opt3.png) 0 100% no-repeat;z-index:2;}
.select #opt3 {background:transparent url(/assets/images/misc/bg_b_opt3.png) 0 100% no-repeat;z-index:10;}

#ZoomImageLoading {width:943px;height:200px;border:1px solid #ddd;}

#ResultOptions {width:943px;}
#ResultOptions table th {font-weight:normal;}

#ResultOptionsLoading {width:943px;height:200px;border:1px solid #ddd;border-top:none;}
#ResultOptionsLoading p {padding: 70px 0 0;text-align: center;}
#ResultOptionsLoading p img {width: 48px;height: 48px;margin: 10px auto;display: block;}

/* COLOUR TABLE */
#ColourTable {border-collapse:collapse;border:1px solid #666;border-top:none;}
#ColourTable th {text-align:center;color:#666;padding:2px 5px;border-right:1px solid #666;border-bottom:1px solid #666;}
#ColourTable tr.Tint td {height:16px;border-right:1px solid #666;}
#ColourTable tr.Tint td span {display:none;}

/* ARTICLE DETAILS */

#ArticleDetails {clear:both;margin: 0 auto;padding:10px;width:560px;border: 0px solid #ff0000;}
#ArticleWrapper {clear:both;}
#ArticleImage {float: left;width: 40px;height: 220px;padding:0;background: #FFF;}

#ArticleImage .ScrollUp, .ScrollDown {display: block;clear: both;width: 20px;height: 10px;margin-left: 30px;margin-bottom: 10px;margin-top: 10px;}
#ArticleImage a {display: block;margin: 10px 0;padding: 0;width: 35px;height: 35px;}
#ArticleImage a.Current {border: 1px solid #c0c0c0;}
#ArticleImage a.Preload {border: 1px solid #434343;}
#ArticleImage a.Preload:hover {border: 1px solid #c0c0c0;}
#Zoom {float: right;width: 250px;height: 250px;background: transparent;padding: 0;margin: 0;}
#ZoomImageLoading p {margin: 70px 0 0;text-align: center;}
#ZoomImageLoading p img {width: 48px;height: 48px;margin: 10px auto;display: block;}


.ArticleDetails {clear:both;margin: 0 auto;padding:10px;width:560px;border: 0px solid #ff0000;}
.ArticleWrapper {clear:both;}
.ArticleImage {float: left;width: 210px;margin: 0 0 0 10px;padding:0;}


.ArticleImage .ScrollUp, .ArticleImage .ScrollDown {display: block;clear: both;width: 20px;height: 10px;margin-left: 30px;margin-bottom: 10px;margin-top: 10px;}
.ArticleImage ul {list-style:none;margin:0;padding:0;}
.ArticleImage ul li {float:left;list-style:none;margin: 0 3px 6px 0; padding: 0;}
.ArticleImage a {display: block;overflow:hidden;margin: 0;padding: 0;width: 90px;height: 104px;border: 4px solid #b4b4b4;}
.ArticleImage a:hover {border: 4px solid #707070;}
.ArticleImage a.active {border: 4px solid #707070;}
.ArticleImage a span {display: block;overflow:hidden;margin: 0;padding: 0;width: 90px;height: 104px;background: transparent url(/assets/images/misc/bg_white_fill_50_2x2.png);}
.ArticleImage a:hover span, .ArticleImage a.active span {display:none;}
.ArticleImage a img {width:90px;height:104px;overflow:hidden;}

.Zoom {float: right;width: 350px;background: transparent;padding: 0;margin: 0 20px 0 0;}
.ZoomImageLoading {width:100%;height:350px;margin:0;padding:0;}
.ZoomImageLoading p {float:left;width:100%;margin: 130px 0 0 !important;text-align: center;}
.ZoomImageLoading p img {width: 48px;height: 48px;margin: 10px auto;display: block;}
.ZoomImage {width:350px;height:350px;overflow:hidden;clear:both;margin:0 0 20px;}

.c13exdetails .ArticleWrapper {width:460px;overflow:hidden;clear:both;}
.c13exdetails .Zoom {border:1px solid #f0f0f0;float:none;width:438px;pading:10px 10px;margin: 0 auto 20px !important;overflow:hidden;}
.c13exdetails .ZoomImage {margin:0 auto;}
.c13exdetails .ZoomControlPanel {float:none;margin:0 auto 10px !important;overflow:hidden;}
.c13exdetails .ArticleImage {clear:both; width:440px;} 

/* ZOMM TOOLS */

.ZoomControlPanel {float:left;width:350px;height:35px;overflow:hidden;line-height:35px;}

.ZoomControlPanel .ZoomT {float:left;width:90px;height:35px;overflow:hidden;background: url(/assets/images/icons/ic_zoom-tools90x35.png) no-repeat;}
.ZoomControlPanel .ZoomT.In {background-position:0 0;margin-right:17px;}
.ZoomControlPanel .ZoomT.Out {background-position:0 -70px;margin-left:17px;}
.ZoomControlPanel .ZoomT.Enlarge {background-position:0 -140px;}
.ZoomControlPanel .ZoomT.In.end {background-position:0 -35px;margin-right:17px;}
.ZoomControlPanel .ZoomT.Out.end {background-position:0 -105px;margin-left:17px;}
.ZoomControlPanel .ZoomT.Enlarge.end {background-position:0 -175px;}
.ZoomControlPanel .ZoomT span {display:none;}


.ZoomControlPanel .scroll-left {float:left;width:9px;height:14px;margin:10px 10px 0 0;padding:0;background:transparent;}
.ZoomControlPanel .scroll-left a {float:left;width:9px;height:14px;margin:0;padding:0;background:transparent url(/assets/images/icons/ic_arrow_black_9x14.gif) no-repeat;}
.ZoomControlPanel .scroll-left a:hover{background:url(/assets/images/icons/ic_arrow_black_9x14.gif) 0 -28px no-repeat;}
.ZoomControlPanel .scroll-left a span {display:none;}
.ZoomControlPanel .scroll-left.disabled a {background:transparent url(/assets/images/icons/ic_arrow_black_9x14.gif) 0 -56px no-repeat;}
.ZoomControlPanel .scroll-right {float:right;width:9px;height:14px;margin:10px 0 0 10px;padding:0;background:transparent;}
.ZoomControlPanel .scroll-right a {float:right;width:9px;height:14px;margin:0;padding:0;background:transparent url(/assets/images/icons/ic_arrow_black_9x14.gif) 0 -14px no-repeat;}
.ZoomControlPanel .scroll-right a:hover {background:url(/assets/images/icons/ic_arrow_black_9x14.gif) 0 -42px no-repeat;}
.ZoomControlPanel .scroll-right a span {display:none;}
.ZoomControlPanel .scroll-right.disabled a {background:transparent url(/assets/images/icons/ic_arrow_black_9x14.gif) 0 -70px no-repeat;}

/* VIEW PREFERENCES BLOCK */
#PrefBlock {float:right;width:210px;margin:0 0 20px;padding:0;}
.PrefRow {float:left;width:100%;clear:both;margin:0 0 20px;}
.PrefTitle {float:left;width:50px;overflow:hidden;text-align:left;margin:0;padding:0;}
.PrefResult {float:right;max-width:150px;text-align:right;margin:0;padding:0;}
.PrefResultLed {float:left;clear:both;width:206px;height:8px;margin:0;border:2px solid #f0f0f0;}
.PrefResultLed.Low {background: #FFF url(/assets/images/misc/bg_pref_result_1-5.gif) no-repeat;}
.PrefResultLed.Fair {background: #FFF url(/assets/images/misc/bg_pref_result_2-5.gif) no-repeat;}
.PrefResultLed.Good {background: #FFF url(/assets/images/misc/bg_pref_result_3-5.gif) no-repeat;}
.PrefResultLed.Large {background: #FFF url(/assets/images/misc/bg_pref_result_4-5.gif) no-repeat;}
.PrefResultLed.Extremely {background: #FFF url(/assets/images/misc/bg_pref_result_5-5.gif) no-repeat;}

/* PAGE OPTIONS */

* html #Pagers {width:45%;}

#PageOptions {position:relative;float:left;width:100%;height:28px;margin:5px 0 0;padding:0;}
#PageOptionsContent {float:left;width:100%;height:28px;}
#PageSearch {float:left;width:41%;padding:3px 10px 0 8%;}
#PageSearch fieldset, #Pagers fieldset {float:left;margin:0 10px 0 0;padding:0;}
#PageSearch select {height:22px;margin:0 0 0;}
#PageSearch input.TextInputShort {height:16px;float:left;margin-right:8px;}
#SelItemsMode {float:left;width:200px;padding:3px 10px 0;position:relative;}
#GoToPage {float:left;position:relative;margin: 0 10px 0 0;}
* html #GoToPage {width:8em;}
#PagersShowRows {float:left;position:relative;margin:0 10px 0 0;}
* html #PagersShowRows {width:9em;}
#PagersNavigation {float:left;position:relative;}

input.Go {margin:0;padding:0;width:31px;height:21px;border:none;background:transparent url(/assets/images/icons/ic_button_go.gif) no-repeat;}
#Pagers {position:absolute;right:0;padding:3px 0 0;}
#Pagers label {float:left;margin:0 8px 0 0;padding:0;}
#Pagers .TextInputShort5 {float:left;width:3em;height:16px;float:left;}

.PagerHomeOff {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-start_off.gif) no-repeat;margin:2px 0 0 2px;}
.PagerHome {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-start.gif) no-repeat;margin:2px 0 0 2px;}
.PagerNextOff {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-next-off.gif) no-repeat;margin:2px 0 0 2px;}
.PagerNext {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-next.gif) no-repeat;margin:2px 0 0 2px;}
.PagerPrevOff {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-prev-off.gif) no-repeat;margin:2px 0 0 2px;}
.PagerPrev {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-prev.gif) no-repeat;margin:2px 0 0 2px;}
.PagerFinishOff {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-finish-off.gif) no-repeat;margin:2px 0 0 2px;}
.PagerFinish {float:left;width:21px;height:19px;background: url(/assets/images/icons/ic_page-finish.gif) no-repeat;margin:2px 0 0 2px;}
.PagerRange {float:left;margin:3px 3px 0 5px;font-size:.9em;font-weight:400;}

.PopDownControl {float:left;height:22px;padding:0 17px 0 0;background: url(/assets/images/misc/button_sel_down.gif) 100% 0 no-repeat;text-decoration:none;color:#000;}
*+html .PopDownControl {width:10em;} 
.PopDownControl:hover {background: url(/assets/images/misc/button_sel_down.gif) 100% -22px no-repeat;}
.PopDownControl span {float:right;height:19px;padding:3px 5px 0;background: url(/assets/images/misc/button_sel_span.gif) 0 0 no-repeat;}
#Pagers span.label {float:left;margin:0 10px 0 0;padding:.2em 0 0;font-size:.9em;font-weight:400;}

.PopDownOptions {float:left;clear:both;height:auto;margin:0;padding:5px 0;width:10em;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;border:1px solid #dddddd; border-top:none;}
.PopDownOptions li {height:auto;display:block;clear:both;margin:0;padding:0;width:100%;background:none;}
.PopDownOptions li a {float:left;height:auto;background:none;margin:0;padding:0 5%;width:90%;background:none;text-decoration:none;color:#000;}
.PopDownOptions li a:hover {background:#000;color:#FFF;}
#SelItemsMode .PopDownOptions {position:absolute;z-index:100;top:25px;left:10px;width:10em;}
#GoToPage .PopDownOptions {position:absolute;z-index:10;top:22px;right:0;width:3em;text-align:center;}
#PagersShowRows .PopDownOptions {width:4em;position:absolute;right:0;top:22px;width:3em;text-align:center;}
*+html #GoToPage .PopDownControl, *+html #PagersShowRows .PopDownControl {width:2em;}

.Button31x21 {float:left;width:31px;height:21px;margin:0 2px;background:transparent url(/assets/images/icons/ic_button_go.gif)no-repeat;}
.Button31x21 img {display:block;width:4px;height:7px;margin:7px auto;}

#SubmitPanel {float:left;width:98%;margin:10px auto 0;}
#SubmitPanel a.ButtonSmall16 {margin-right:8px;cursor:pointer;}

/* PURCHASE OPTIONS/CUSTOM ORDER  */

#PurchOptions {width:91%;float:left;margin-left:9%;}
* html #PurchOptions {margin-left:3%;}
#PurchOptions ul {margin:0;padding:0;list-style:none;height:30px;background:transparent url(/assets/images/misc/bg_1x1_gray.gif) 0 100% repeat-x;}
#PurchOptions ul li {display:inline;float:left;margin:0 5px 0 0; padding:0;}
#PurchOptions ul li a {float:left;height:23px;padding:5px 10px 0;background:#f0f0f0;border:1px solid #dddddd;text-decoration:none;color:#000;font-size:1.2em;}
#PurchOptions ul li.select a {height:24px;border-bottom:none;background:#FFF;}
#PurchOptions ul li.help a {float:left;width:17px;height:18px;padding:5px 5px 0;background:none;border:none;text-decoration:none;color:#000;}
#PurchOptionsContent {float:left;width:585px;border:1px solid #dddddd;border-top:none;}
#PurchOptions #OptionsNavigation {position:relative;z-index:100;float:left;width:100%;height:26px;margin:0;padding:0;background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
#PurchOptions #OptionsNavigation li {display:inline;float:left;height:21px;margin:0;padding:5px 10px 0;list-style:none;font-size:.85em;background: transparent url(/assets/images/misc/bg_delim_2x17_gray.gif) 100% 50% no-repeat;}
#PurchOptions #OptionsNavigation li.last {background:none;}
#PurchOptions #OptionsNavigation li a {float:left;width:10em;text-align:center;font-size:inherit;border:1px solid red;border:none;padding:0 10px 0 0;background: transparent url(/assets/images/icons/ic_arrow_b_gary_7x4.gif) 100% 45% no-repeat;}
#PurchOptions #OptionsNavigation li.over a {background: transparent url(/assets/images/icons/ic_arrow_t_gary_7x4.gif) 100% 45% no-repeat;}
#PurchOptions #OptionsNavigation li .PopDownOptions ul {float:left;clear:both;width:10em;overflow:hidden;height:auto;margin:0;padding:5px 0;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;border:1px solid #dddddd; border-top:none;}
#PurchOptions #OptionsNavigation li ul.PopDownOptions li,
#PurchOptions #OptionsNavigation li .PopDownOptions ul li {height:auto;display:block;clear:both;margin:0;padding:0;width:100%;background:none;border:none;}
#PurchOptions #OptionsNavigation li ul.PopDownOptions li a,
#PurchOptions #OptionsNavigation li.over .PopDownOptions ul li a,
#PurchOptions #OptionsNavigation li .PopDownOptions ul li a {float:left;height:auto;background:none;margin:0;padding:0 5%;width:90%;background:none;}
#PurchOptions #OptionsNavigation li ul.PopDownOptions li a:hover,
#PurchOptions #OptionsNavigation li .PopDownOptions ul li a:hover {background:#000;color:#FFF;}

#PurchOptions #OptionsNavigation .Button22 {margin:2px 0 0; padding:0;background:none;}
#PurchOptions #OptionsNavigation .Button22 span {float:left;height:22px;padding:.2em 10px 0;background:transparent url(/assets/images/misc/button_22.png) no-repeat;}
#PurchOptions #OptionsNavigation .Button22 a {float:left;width:17px;height:22px;margin:0;padding:0;text-align:center;vertical-align:middle;background: transparent url(/assets/images/misc/button_22_r_end.png) no-repeat;}
#PurchOptions #OptionsNavigation .Button22 a img {width:7px;height:4px;margin:9px auto;}

#PurchOptions #OptionsNavigation .PopDownOptions {position:absolute;top:26px;padding-left:2%;min-width:10em;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
#PurchOptions #OptionsNavigation ul.PopDownOptions {padding:0;min-width:11em;height:auto;}
#PurchOptions #OptionsNavigation div.PopDownOptions ul {list-style:none;margin:0 2% 0 0;padding:0;float:left;width:30%;clear:none;background:none;border:none;}

#DetailsOption {float:left;margin:0;padding:10px 0;width:100%;background:#f0f0f0 url(/assets/images/misc/bg_detail_op_2x80.jpg) 0 100% repeat-x;}
#DetailsOption.StocSearch {background-image:none;background-color:#FFF;}
.PopDownOptions {z-index:50;}
#DetailsOption dl{float:left;width:100%;margin:15px 0;}
#DetailsOption dt {float:left;clear:left;margin:0 10px 0 0;width:3em;}
#DetailsOption dd {margin:0 0 .5em;padding:0;float:left;}
.Price {font-size:2em;clear:both;margin:1em 0;}
#PageOptionsFooter {float:left;width:100%;height:25px;background:#f0f0f0;}

/* SLIDER STYLE */

.sliderWrap {width:100%;margin:0;float:left;clear:both;position:relative;}

.sliderWrapL {width:15%;float:left;position:relative;}
.sliderWrapR {width:83%;float:right;position:relative;}
* html .sliderWrapR {width:81%;}

.sliderInfo {float:left;width:6em;height:70px;margin-right:10px; position:relative;}
.sliderInfo h4 {position:absolute;top:20px;width:100%;font-size:1.2em;white-space:nowrap;font-weight:normal;text-align:right;margin:0;padding:0;}
.sliderInfo .rangeValue {position:absolute;top:55px;width:100%;z-index:5;font-size:.7em;color:#990000;text-align:right;}
.sliderInfo.colorTable  .rangeValue {top:60px;}

div.slider { width:500px;height:70px; margin:10px 0 30px; background-color:#FFF; background-image:none; position: relative; font-family:helvetica, sana-serif;}
div.slider div.handle  { width:10px; top:-2.5px;height:15px; background-color:#f00; cursor:move; position: absolute; }
div.slider div.handle_min, div.slider div.handle_max  { left:-8px;width:16px; height:24px; top:25px;background:transparent url(/assets/images/icons/ic_pointer.gif) no-repeat; cursor:move; position: absolute; z-index:10;}
div.slider div.handle_max {left:auto;right:-8px;}

div#zoom_element { margin:20px 0 0;width:50px; height:50px; background:#2d86bd; position:relative; }

div.slider .slider_rule {position:absolute;width:100%;top:50px;height:4px;background:#999;}
div.slider.colorTable .slider_rule {height:15px;background:#FFF;border-top:none;}
div.slider .slider_rule span {float:left;position:absolute;left:0;height:4px;border-right:1px solid #000;border-top:1px solid #666;font-size: 0; line-height: 0;}
div.slider.colorTable .slider_rule span{border-top:none;border-bottom:1px solid #666;height:15px;}
div.slider .slider_rule_value span {float:left;text-align:center;position:absolute;left:0;top:60px;width:10px;height:10px;font-size:10px;margin:0;padding:0;}
div.slider.colorTable .slider_rule_value span {top:70px;}

.sliderIndicator {height:1em; top: 0; z-index: 3; position: absolute;margin:0;padding:0;line-height:1em;font-size:.7em;}
.sliderIndicator span {display: block; border: 2px solid #707070; background: #fff; padding: .25em; text-align:center;}

.color1 {background-color:#f0f0f0;}
.color2 {background-color:#c4c4c4;}





a.ButtonSmall24 {float:left;height:24px;background:url(/assets/images/misc/button_24.png) 0 -24px no-repeat;overflow:hidden;padding:0 0 0 5px;text-decoration:none;font-size:1.1em;}
a.ButtonSmall24 span {float:left;width:auto;height:21px;margin:0;padding:3px 10px 0 5px;background:url(/assets/images/misc/button_24.png) 100% 0 no-repeat;white-space:nowrap;}
a.ButtonListView {float:left;width:13px;height:13px;margin:.2em 0 0;padding:0;}
a.ButtonSmall16 {float:left;height:16px;background:url(/assets/images/misc/button_16.png) 0 -16px no-repeat;overflow:hidden;margin:0;padding:0 0 0 5px;text-decoration:none;font-size:11px;color:#000;}
a:hover.ButtonSmall16 {color:#BF3030;}
a.ButtonSmall16 span {float:left;width:auto;height:16px;margin:0;padding:0 10px 0 5px;background:url(/assets/images/misc/button_16.png) 100% 0 no-repeat;white-space:nowrap;}
.Button22 span {float:left;height:22px;padding:.2em 10px 0;background:transparent url(/assets/images/misc/button_22.png) no-repeat;}
.Button22w span {float:left;height:22px;padding:.2em 10px 0;background:transparent url(/assets/images/misc/button_22w.png) no-repeat;}
.Button22w a, .Button22 a {float:left;width:17px;height:22px;margin:0;padding:0;text-align:center;vertical-align:middle;background: transparent url(/assets/images/misc/button_22_r_end.png) no-repeat;}
.Button22w a img, .Button22 a img {width:7px;height:4px;margin:9px auto;}

/* FIX ME BELOW **************************************************************** */

/* ACCOUNT and SETTING */
#AccountAndSet {float:right;width:55%;margin:20px 0 0 0;padding:0;font-size:medium;}
#AccountStatus {float:right;width:25%;margin:10px 10px 0 0;}
* html #AccountStatus {margin-right:5px;} 
#AccountStatus p {float:right;}
#AccountStatus p span {float:left;margin-right:1.5em;padding-top:3px;color:#bf3030;}
#AccountStatus p a.ButtonSmall24 span {margin:0;color:#0075b0;}

/* HEADER NAVIGATION */
#AccountAndSet ul, #AccountAndSet li {margin:0;padding:0;list-style:none;}
#AccountAndSet ul {float:right;}
#AccountAndSet li {right:20px;margin:0 .5em 0 0;padding:0 0 2px 0;position:relative;font-size:110%;float:left;}
#AccountAndSet li a {background:none;padding:0 12px 0 6px;text-decoration:none;background:transparent url(/assets/images/icons/ic_arrow_b_blue_7x4.gif) 100% 50% no-repeat;}
#AccountAndSet li a:hover {color:#bf3030;background:transparent url(/assets/images/icons/ic_arrow_b_blue_7x4.gif) 100% 50% no-repeat;}
#AccountAndSet li a span {background:transparent url(/assets/images/misc/bg_delim_1x10_blue.gif) 100% .35em no-repeat;padding-right:5px;}
#AccountAndSet li a:hover span {}
#AccountAndSet li.select a {color:#bf3030;}

/* QUICK LINKS */

#QuickLinks {float:left;position:relative;z-index:2;width:100%;margin-bottom:1em;}
#QuickLinks h5 {float:left;height:23px;margin:0;padding:3px 0 0;background:#000;width:100%;font-size:small;color:#FFF;}
#QuickLinks h5 a {background:none;padding:0 15px 0 10px;text-decoration:none;background:transparent url(/assets/images/icons/ic_arrow_b_white_7x4.gif) 100% 50% no-repeat;color:#FFF;}
#QuickLinks h5 a span {background:transparent url(/assets/images/misc/bg_delim_1x10_white.gif) 100% .2em no-repeat;padding:0 5px 0 0;}
#QuickLinksList {position:absolute;top:25px;width:180px;overflow:hidden;background:#000;border-top:1px solid #FFF;}





/* DASHBOARD */
#Dashboard {margin-bottom:1em;padding-bottom:4px;background:transparent url(/assets/images/misc/bg_b_shadow_4.png) 0 100% repeat-x;border-top:1px solid #999999;}
#Dashboard .ContentMask {background:#F7F7F7;}
#Dashboard h2 {margin:0 10px 1em;}
#Dashboard .ButtonSmall24 {margin:0 10px 5px;}
#Dashboard table {width:100%;border-collapse:collapse;margin:0;padding:0;border:0;border-left:1px dotted #dddddd !important;}
#Dashboard th {height:26px;overflow:hidden;background:#dddddd;border-left:1px dotted #FFF;}
#Dashboard th a {color:#000;text-decoration:none;font-weight:600;}
#Dashboard th a:hover {color:#BF3030;}
#Dashboard table td {border-left:1px dotted #dddddd;}
#Dashboard td.last {border-right:0;}
#Dashboard .Result td {vertical-align:middle;text-align:center;font-size:large;padding: 1em .2em;}
#Dashboard .title td {text-align:center;text-transform:uppercase;font-size:.9em;padding-bottom:10px;background:transparent url(/assets/images/icons/ic_marker_b.gif) 98% 96% no-repeat;}

/* WINDOWS STYLE */

/* Corner Style Common */

.wt {position:relative;height:31px;overflow:hidden;}
.wb {position:relative;height:6px;overflow:hidden;}
.cn {position:relative;width:10px;height:74px;background:url(/assets/images/misc/windows_t_b.png);overflow:hidden;}
.wt .cn.r {position:absolute;margin-left:100%;left:-10px;top:-31px;}
.wt .cn.l {width:auto;margin-right:10px;}
.wb .cn {width:6px;}
.wb .cn.l {width:auto;margin-right:6px;top:-62px;}
.wb .cn.r {position:absolute;margin-left:100%;left:-6px;top:-68px;}
.WinWrapper {display:block;min-width:150px;zoom:1;padding: 0 0 0 3px;background:#FFF url(/assets/images/misc/win_shadow_l.png) repeat-y;position:relative;}
.WinContent {overflow:hidden;zoom:1;padding:0;background:#FFF url(/assets/images/misc/win_shadow_r.png) 100% 0 repeat-y;}
.wt .cn.l h4 {margin:8px 0 0 10px;color:#3d6b88;}
.ColLeft .wt .cn.l h4 {color:#000;}
.wt .cn.l .ButtonWinDown {position:absolute;top:10px;right:0;width:13px;height:13px;background: transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) no-repeat;}

.ColLeft .Win {margin-left:10px;}
.Win ul {margin:0 6px 0 3px;padding:0 0 .5em;list-style:none;}
.Win ul li {list-style:none;margin:0;padding:3px 7px;border-bottom:1px solid #cccccc;}
.Win ul li.last {border-bottom:none;}
.Win ul li a {text-decoration:none;}

.Win table {width:auto;border-collapse:collapse;margin:0 7px 1em 3px;padding:0;border:0;font-size:.9em;}
.Win tr {border-bottom:1px solid #dddddd;}
.Win td {padding:3px 7px;color:#666666;}
.Win td.time {color:#999999;}
.Win h5 {margin: 0 10px .5em;}
#Inbox .DivScroll {max-height:32em;overflow:scroll;margin-right:3px;}
#InvetorySearch .WinContent {padding-bottom:10px;}










#AccountList {
margin: 0;
}
#AccountList  a {
color: #3366CC;
text-decoration: none;
border-bottom: 1px solid;
}
#AccountList  tr.InboxGroupHeader td{
text-decoration: none;
white-space:nowrap;
margin: 0;
padding: 0;
padding-top: 10px;
border-bottom: 1px solid #cccccc;
color:  #000000;
}
#AccountList  td.InboxGroupTitle h2{
font-weight: 600;
letter-spacing: 0.025em;
margin: 0;
padding: 5px;
white-space:nowrap;
color:  #000000;
}
#AccountList  td.InboxGroupSummary span {
display: block;
text-align: right;
color: #666666;
}

#AccountList  tr.InboxGroupArchieve td{
font-weight: normal;
text-decoration: none;
white-space:nowrap;
text-align: left;
text-transform: uppercase;
margin: 0;
padding: 6px;
padding-top: 20px;
border: none;
color:  #000000;
}
#AccountList  tr.InboxGroupArchieve td a.More{
display: block;
width: 4em;
text-transform: uppercase;
text-decoration: none;
border: none;
color: #ffffff;
padding: 5px;
padding-left: 20px;
background: #000000 url(/assets/images/icons/ic_arrow_down_header_nav.gif) 5px 50% no-repeat;
}
#AccountList  tr.InboxGroupArchieve td a.Less{
display: block;
width: 4em;
text-transform: uppercase;
text-decoration: none;
border: none;
color: #ffffff;
padding: 5px;
padding-left: 20px;
background: #000000 url(/assets/images/icons/ic_arrow_up_header_nav.gif) 5px 50% no-repeat;
}
#AccountList  tr.InboxGroupArchieve td a:hover {
color: #ff0000;
}

#AccountList  tr.InboxGroupArchieve td span {
display: block;
text-align: right;
color: #666666;
}

#AccountList  td.InboxTimeStamp {
white-space: nowrap;
width: 10%;
padding-left: 15px;
color: #666666;
text-align: left;
}
#AccountList   td.InboxEntity {
white-space: nowrap;
padding-left: 5px;
padding-right: 10px;
color: #666666;
}
#AccountList td.InboxMessage {
color: #000000;
}

 #ListDisplay {float:left;clear:both;width:945px;margin:25px 1% 45px; padding: 1px 1px 1px 1px;}
 #ListDisplay table {width:100%;border-collapse:collapse;border:1px solid #ddd;margin:0px;padding:0 0 5px;background:#FFF;vertical-align:top;}
 #ListDisplay table th {white-space: nowrap; font-weight:normal; text-align: left; padding:.3em .2em; background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
 #ListDisplay th.color {text-align: right;}
 #ListDisplay th a {text-decoration: none;color: #434343;}
 #ListDisplay th a:hover {text-decoration: none;color: #000000;border-bottom: 1px solid;}
 #ListDisplay th a.Ascending {text-decoration: none;font-weight: 600;color: #000000;border-bottom: none;padding-right:17px;background: url(/assets/images/icons/ic_arrow_d_gray_10x11.gif) 100% .2em no-repeat;}
 #ListDisplay th a.checkselect{display: block; text-align: center; margin-left: 5px; width: 15px; padding: 0px; background: #dddddd; border: 1px solid #c0c0c0; }
 #ListDisplay th a.checkselect{display: block; font-size: 15px; text-align: center; margin-left: 5px; width: 15px; padding: 0px; background: #dddddd; border: 1px solid #999999; }
 #ListDisplay th a.checkselect:hover {display: block;  text-align: center; margin-left: 5px; width: 15px; padding: 0px; background:#e6e6e6; border: 1px solid #c0c0c0; }  
 #ListDisplay th a.Ascending:hover {color: #ff0000;}
 #ListDisplay th a.Descending:hover {color: #ff0000;}
 #ListDisplay th a.Descending {text-decoration: none;font-weight: 600;color: #000000;border-bottom: none;padding-right:17px;background: url(/assets/images/icons/ic_arrow_a_gray_10x11.gif) 100% .2em no-repeat;}
 #ListDisplay td {white-space: nowrap; text-align:left; padding:.3em .3em; border-bottom: 1px solid #e6e6e6;}
 #ListDisplay table td.center {text-align:center !important;}
 #ListDisplay table td.right {text-align:right !important;}
 #ListDisplay span.colorset {float:right;width:60px;height:16px;margin:0 0 0 5px;overflow:hidden;}
 #ListDisplay td.Descending {background: none;}
 #ListDisplay td a {text-decoration: none;border-bottom: 1px dotted;}
 .Listloader {width:943px;height:80px;border:1px solid #ddd;border-top:none;margin:0;padding:25px 0 0;}
 .Listloader p {text-align: center; font-weight: 600;}
 .Listloader p img {width: 48px;height: 48px;margin: 0 auto;display: block;}

#ListDisplay tr.Unread td {font-weight: 600;}
#ListDisplay tr.Unread td a {font-weight: 600; border-bottom: 1px solid;}
#ListDisplay td {white-space: nowrap; text-align:left; vertical-align:text-top; padding:.3em .3em; border-bottom: 1px solid #e6e6e6;}
#ListDisplay td.wrap {white-space: normal; text-align:left; padding:.3em .3em; border-bottom: 1px solid #e6e6e6;}


.ColLeft h1 {position:relative;z-index:15;}
.ColLeft .PopDownOptions {position:absolute;z-index:10;top:1.4em;padding-top:1em;width:auto;}

#OptionsContent table  { width: 100%; background-color: #FFF; border-collapse : collapse;}
#OptionsContent  table td { border: none; line-height: 1.3em; vertical-align: top; border: none; color: #000000; vertical-align: top; text-align: left; padding: 0px 2px 8px 12px;}
#OptionsContent  tr.AttributionTop th { font-size: 14px; text-decoration: none; white-space:nowrap; text-align: left; text-transform: uppercase; margin: 0; padding: 4px; font-weight:normal; color:  #000000;}
#OptionsContent table  td.Attribute{ width: 30%; text-align: right; font-weight: 600;}
#OptionsContent  tr.AttributionTop td {color: #000;margin: 0;}
#OptionsContent  tr.AttributionBottom td {border: none;}
#RangeContent, #LotContent {padding: 15px 15px .5em;}
#RangeContent h1, #LotContent h1 {margin-bottom:1em; font-size: 15px; margin-left: 0px; color: #000; text-transform: uppercase; display: block; border-bottom: 1px solid;}
#RangeContent h2, #LotContent h2 {margin-bottom:1em; font-size: 13px; margin-left: 0px; color: #000; text-transform: uppercase; display: block; border: none;}
#RangeContent h4, #LotContent h4 {margin-bottom:1em; font-size: 12px; margin-left: 5px; color: #35383d; text-transform: uppercase; display: block; border-bottom: 1px solid;}
#RangeContent p, #LotContent p {margin-bottom:.5em;}
#RangeContent .grid2colm {float:left;clear:both;margin-bottom:10px;}
#RangeContent .grid2colm .column.first, #LotContent .grid2colm .column.first {width:37%;margin-right:0 !important;}
#RangeContent .grid2colm .column.last, #LotContent .grid2colm .column.last {width:62%;float:right !important;}
#RangeContent .grid3col, #LotContent .grid3col {clear:both;margin: 1em 0 0;padding:0;}
#RangeContent .grid3col .column, #LotContent .grid3col .column {width:32%;padding:0;margin:0 2% 10px 0;}
#RangeContent .grid3col .column.last, #LotContent .grid3col .column.last {border:none;float:left !important;margin:0;}
#RangeContent .grid2colm.Availability {float:left;clear:both;}
#RangeContent .grid2colm.Availability table th {white-space:nowrap;}
#RangeContent .Availability h4 {font-size:1.4em; border: none;}
#RangeContent .Availability .last table {width:100%;min-height:150px;border-collapse:collapse;border:none;margin:0 0 20px;background:url(/assets/images/misc/bg_gradient_f_80.gif) repeat-x;}
#RangeContent .Availability .last table th {text-align:right;padding: 0 .05em;vertical-align:top;white-space:nowrap;}
#RangeContent .Availability .last table td {text-align:left;padding: 0 .5em;vertical-align:top;}
#RangeContent .Availability .last table tr.first th, #RangeContent .Availability .last table tr.first td {padding-top:10px;}
.colorset {display:block;width:4em;}

/* FORM ELEMENTS START */
#MessageWrap { width: 100%;}
.MessageSystem {background: #FFF; padding: 15px; font-size: 1.0em; line-height: 1.5em; border: 4px solid #e6e6e6;}
div.MessageSystem a.MessageClose {clear: both; border:1px solid #c4c4c4;background: #e6e6e6;color: #000000; padding: 2px;padding-left: 4px;padding-right: 4px;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;}
div.MessageSystem a.MessageClose:hover {color: #ff0000;}
div.MessageSystem span.Error {display: block; color: #ff0000; font-weight: 600; margin-bottom: 15px;}
div.MessageSystem span.Notice {display: block; color: #4E9258; font-weight: 600; margin-bottom: 15px;}
div.MessageSystem span.Comment {display: block; color: #000000; font-weight: 200; margin-bottom: 15px;}
.MessageSystemFooter{ background: url(/assets/images/icons/message-footer-arrow.gif) 20px 0 no-repeat; padding-left: 58px; padding-top: 1px; margin-bottom: 20px; font-size: 0.9em; color: #000000;}
div.InlineForm {clear: both; width: 100%; margin: 0; border: none; }
* html div.InlineForm {width:440px;}
div.InlineForm h1 {font-size: 1.2em; display: block; clear: both; padding: 0.05em 0.25em 0.55em 0.15em;}
div.InlineForm form{ width: 100%; border: none; margin: 0; margin-bottom: 2em; padding: 0;}
div.InlineForm div.FormTwoColumn { float: left; width: 47%; padding: 0; margin: 0; }
div.InlineForm fieldset { border: none; clear: both; padding: 0; margin: 0; margin-bottom: 5px; }
div.InlineForm label{ text-align: left; font-size: 0.9em; letter-spacing: 0.025em; color : #000000; text-transform: uppercase; padding: 0; margin: 2px; margin-top: 5px; }
div.InlineForm label.MandatoryFieldError{ color: #FF0000; font-weight: 600; }
div.InlineForm .FormInputLong{ font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px;  display: block;  border: 1px solid #b2b2b2;  border-top: 2px solid #636a73;  border-left: 2px solid #636a73;  background: #f0f0f0;  margin: 2px;  padding: 4px;  width: 90%; }
div.InlineForm .FormInputLongError{display: block; border: 1px solid #C11B17; font-family: Arial, Helvetica, sans-serif; margin: 2px; padding: 5px; font-weight: normal; font-size: 14px; width: 90%; background: #f0f0f0; }
div.InlineForm .FormInputWideReadOnly { display: block; background-color: #dddddd; border: 1px solid #c0c0c0; border-bottom: 1px solid #666666; border-right: 1px solid #666666; font-family: Arial, Helvetica, sans-serif; margin: 2px; padding: 5px; font-weight: normal; font-size: 14px; width: 90%;}
div.InlineForm .FormInputLongTip { clear: both; margin-left: 2px; margin-bottom: 5px; font-size: .85em; color: #777; width: 90%; }
div.InlineForm .FormInputLongInstruction {  clear: both;  margin-left: 2px;  margin-bottom: 5px;  font-size: 14px; padding: 2px; color: #000000; width: 92%; }
div.InlineFormNote {float:left;width:440px; margin-top:0px; border:#DCDCDC solid 1px; background:#eeeeee; padding:10px 12px 12px 12px; -moz-border-radius:3px;}
/* Button height 22px */
div.InlineForm div.FormSubmitButton {position:relative;float:left;height:22px;background:url(/assets/images/misc/button_22-2.png) 0 -22px no-repeat;padding:0 0 0 5px;text-decoration:none;font-size:1.1em;border:none;margin:0px 10px 0px 0px}
div.InlineForm div.FormSubmitButton span {float:left;width:auto;height:19px;margin:0;padding:3px 5px 0px 5px;background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;white-space:nowrap;}
div.InlineForm div.FormSubmitButton span input {background:none;border:none;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;padding: 0.025em; }
div.InlineForm div.FormSubmitButton:hover {background:url(/assets/images/misc/button_22-2.png) 0 -66px no-repeat;}
div.InlineForm div.FormSubmitButton:hover span {background:url(/assets/images/misc/button_22-2.png) 100% -44px no-repeat;}
div.InlineForm div.FormSwitchButtons {float: left; padding: 12px 15px 10px 10px; font-weight: 600; text-transform: uppercase;}

* html div.InlineForm form div.FormSubmitButton {position:static;background:url(/assets/images/misc/button_22-2.png) 0 -22px no-repeat;}
* html div.InlineForm form div.FormSubmitButton span {padding:2px 5px 0px 5px; background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;}

div.InlineForm div.FormSubmitButtonList {position:relative;float:left;height:22px;background:url(/assets/images/misc/button_22_list.png) 0 -22px no-repeat;padding:0 0 0 5px;text-decoration:none;font-size:1.1em;border:none;margin:0px 0 0px 0px}
div.InlineForm div.FormSubmitButtonList:hover {background:url(/assets/images/misc/button_22_list.png) 0 -66px no-repeat;}
div.InlineForm div.FormSubmitButtonList:hover span {background:url(/assets/images/misc/button_22_list.png) 100% -44px no-repeat;}

/* BUTTON FOR <A> */
div.InlineForm div.FormSubmitButton a {float:left;width:auto;height:19px;margin:0;padding:3px 10px 0px 5px;background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;white-space:nowrap;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;}
div.InlineForm div.FormSubmitButton:hover a {background:url(/assets/images/misc/button_22-2.png) 100% -44px no-repeat;}

div.InlineForm div.FormSubmitButtonList a {float:left;width:auto;height:19px;margin:0;padding:3px 22px 0px 5px;background:url(/assets/images/misc/button_22_list.png) 100% 0 no-repeat;white-space:nowrap;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;}
div.InlineForm div.FormSubmitButtonList:hover a {background:url(/assets/images/misc/button_22_list.png) 100% -44px no-repeat;}

/* END BUTTON FOR <A> */


div.InlineForm .FormInputShort3 { float:left; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px;  display: block;  border: 1px solid #b2b2b2;  border-top: 2px solid #636a73;  border-left: 2px solid #636a73;  background: #f0f0f0;  margin: 2px;  padding: 2px;  width:3em; }
.Availability div.InlineForm .FormInputShort3, .exRowPrice div.InlineForm .FormInputShort3 {margin:0 10px 0 0;}
.Availability div.InlineForm div.FormSubmitButton {margin:0 10px 0 0;}
.Availability div.InlineForm  span {float:left;margin: 5px 10px 0 0;text-transform:uppercase;font-size:1.2em;font-weight:600;}

div.InlineForm div.InlineFormWrap {display: block; clear: both; padding: 1.1em; margin-top: 0px; margin-bottom: 10px;  border: 1px dotted #cccccc;}
div.InlineForm div.InlineFormWrap h4 {display: block; font-size: 1.1em; padding-bottom: 1em;}

div.InlineForm legend { text-align: left; font-size: 0.9em; letter-spacing: 0.025em; color : #000000; text-transform: uppercase; padding: 0; margin: 2px; margin-top: 5px; }
.FormInputMultiCheck{ border: 1px solid #cccccc; margin: 0; padding: 5px; list-style: none; overflow-y: auto; height: 95px;}
div.InlineForm .Checked {background: #E0E0E0;}
.FormInputMultiCheck li { list-style: none;}
.FormInputMultiCheck li { list-style: none;}


/* FORM ELEMENTS END */

/* LAYOUT SETTINGS START */
.ContentMask {position:relative;clear:both;float:left;width:100%;} 
.ColConteiner {float:right;margin-left:-190px;width:100%;}
.ColCenter {margin:0 0 0 180px;}
.ColLeft {float:left;width:180px;}
.ColWrap {position:relative;z-index:360}

#PageContentLayout .ContentMask {position:relative;clear:both;float:left;width:100%;margin:0; padding: 0; border: 0px solid;}
#PageContentLayout .ColConteiner {float:right;margin-left:-220px;width:100%;}
#PageContentLayout .ColCenter {margin:0 0 0 220px;border:none;}
#PageContentLayout .ColLeft {float:left;width:200px;border:none;}
#PageContentLayout .ContentMask h1, 
#PageContentLayout .ContentMask h2, 
#PageContentLayout .ContentMask h3, 
#PageContentLayout .ContentMask h4 {margin:0 0 .25em;}
#PageContentLayout .ContentMask p {margin:0 0 .5em;}

.ColContent_0_10 {padding: 0 10px;}


.c3 .ColWraper {float:left;width:200%;margin-left:-200px; position:relative;right:100%; background: #FFF;}
.c3 .ColContainer {float:left;width:100%;margin-left:-200px; background:#fff; }
.c3 .MainContentWrap {float:left;width:50%;padding-bottom:1em; }
.c3 .ColMain {border:none;margin:0 0 0 400px; position:relative;left:100%;overflow:hidden;}

#PageContentLayout .c3 .ColLeft {border:none;float:right;width:200px; position:relative;left:200px;}
#PageContentLayout .c3 .ColRight {border:none;float:right;width:200px;position:relative;left:600px;}

.c2 .ColWraper {float:left;width:200%;margin-left:-50%;/* Width of right column */position:relative;right:100%; /*Centre column background colour */background: #FFF;}
.c2 .ColContainer {float:left;width:100%;margin-left:0%; /* Width of centre column */background:#fff; /* Left column background colour */}
.c2 .MainContentWrap {float:left;width:50%;padding-bottom:1em;  /* Centre column bottom padding. Leave it out if it's zero */}
.c2 .ColMain {border:none;margin:0 0 0 50%;padding:0;position:relative;left:100%;overflow:hidden;}


#PageContentLayout .c2 .ColLeft {display:none;}
#PageContentLayout .c2 .ColRight {border:none;float:left;width:25%;padding:0;position:relative;left:50%;}

.c213 .ColWraper {float:left;width:200%;margin-right:-200px;position:relative;right:100%;background: #FFF;}
.c213 .ColContainer {float:left;width:100%;margin-left:-200px;background:#fff;}
.c213 .MainContentWrap {float:left;width:50%;padding-bottom:1em;}
.c213 .ColMain {border:none;margin:0 0 0 400px;position:relative;left:100%;overflow:hidden;}

#PageContentLayout .c213 .ColLeft {border:none;float:left;width:200px;position:relative;left:200px;}
#PageContentLayout .c213 .ColRight {border:none;float:right;width:200px;position:relative;left:200px;}

.c213p .ColWraper {float:left;width:200%;margin-right:-320px;position:relative;right:100%;background: #FFF}
.c213p .ColContainer {float:left;width:100%;margin-left:-320px;background:#fff;}
.c213p .MainContentWrap {float:left;width:50%;padding-bottom:1em;}
.c213p .ColMain {border:none;margin:0 0 0 640px;padding:0;position:relative;left:100%;overflow:hidden;}

#PageContentLayout .c213p .ColLeft {border:none;float:left;width:320px;padding:0;position:relative;left:320px;}
#PageContentLayout .c213p .ColRight {border:none;float:right;width:320px;padding:0;position:relative;left:320px;}

.c1 .ColWraper {float:left;width:200%;margin-right:0;position:relative;right:100%;background: #FFF}
.c1 .ColContainer {float:left;width:100%;margin-left:0;background:#fff;}
.c1 .MainContentWrap {float:left;width:50%;padding-bottom:1em;}
.c1 .ColMain {border:none;margin:0 0 0 0;padding:0;position:relative;left:100%;overflow:hidden;}

#PageContentLayout .c1 .ColLeft {display:none;}
#PageContentLayout .c1 .ColRight {display:none;}

.c21 .ColWraper {float:left;width:200%;margin-right:-200px;position:relative;right:100%; /*Centre column background colour */background: #FFF;}
.c21 .ColContainer {float:left;width:100%;margin-left:0;background:#fff; /* Left column background colour */}
.c21 .MainContentWrap {float:left;width:50%;padding-bottom:1em;}
.c21 .ColMain {border:none;margin:0 0 0 200px;padding:0;position:relative;left:100%;overflow:hidden;}

#PageContentLayout .c21 .ColRight {display:none;}
#PageContentLayout .c21 .ColLeft {border:none;float:left;width:200px;position:relative;left:0;}

.c13details .ColWraper {float:left;width:200%;margin-left:-330px;position:relative;right:100%; /*Centre column background colour */background: #FFF;}
.c13details .ColContainer {float:left;width:100%;margin-left:330px;background:#fff; /* Left column background colour */}
.c13details .MainContentWrap {float:left;width:50%;padding-bottom:1em;}
.c13details .ColMain {border:none;margin:0 330px 0 0;padding:0;position:relative;left:100%;overflow:hidden;}

#PageContentLayout .c13details .ColRight {border:none;float:right;width:330px;position:relative;left:0;}
#PageContentLayout .c13details .ColLeft {display:none;}

.c13exdetails .ColWraper {float:left;width:200%;margin-left:-495px;position:relative;right:100%; /*Centre column background colour */background: #FFF;}
.c13exdetails .ColContainer {float:left;width:100%;margin-left:495px;background:#fff; /* Left column background colour */}
.c13exdetails .MainContentWrap {float:left;width:50%;padding-bottom:1em;}
.c13exdetails .ColMain {border:none;width:460px;margin:0 495px 0 0;padding:0;position:relative;left:100%;overflow:hidden;}

#PageContentLayout .c13exdetails .ColRight {border:none;float:right;width:495px;position:relative;left:0px;}
#PageContentLayout .c1ex3details .ColLeft {display:none;}

/*LAYOUT SETTINGS END*/

/* LANDING SPREADS START */
#SpreadBanner { margin:0; margin-left: 10px; height: 100px; text-align: center; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x; border: 0px solid #dddddd;}
#SpreadBanner h1{display: block; color: #545454;  padding: 20px; font-weight: normal; font-size: 1.6em; letter-spacing: 0.05em; text-transform: uppercase;}
#SpreadBanner  ul {list-style: none; margin: 0; padding: 0; overflow: hidden;}
* html #SpreadBanner  li {margin: 5px;font-size: 11px;text-transform: lowercase;}
#SpreadBanner  li {margin: 0 5px 0 0;padding: 0;padding-left: 10px;list-style: none;display: inline;text-align: center;text-transform: lowercase;background: transparent url(/assets/images/icons/ic_checkmark.gif) 0 50% no-repeat;}

.SpreadBanner { margin:0; margin-left: 10px; height: 100px; text-align: center; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x; border: 0px solid #dddddd;}
.SpreadBanner h1{display: block; color: #000000;  padding: 20px; font-weight: normal; font-size: 1.6em; letter-spacing: 0.05em; text-transform: uppercase;}
.SpreadBanner  ul {list-style: none; margin: 0; padding: 0; overflow: hidden;}
* html .SpreadBanner  li {margin: 5px;font-size: 11px;text-transform: lowercase;}
.SpreadBanner  li {margin: 0 5px 0 0;padding: 0;padding-left: 10px;list-style: none;display: inline;text-align: center;text-transform: lowercase;background: transparent url(/assets/images/icons/ic_checkmark.gif) 0 50% no-repeat;}


#SpreadCategory {position: relative;padding: 0;margin: 0;margin-left: 10px;/* height: 180px; */width: 945px;border: 0px solid #000000;}
#SpreadCategory div.ScrollItem{float: left;width: 155px;height: 155px;text-align: center;white-space: nowrap;overflow: hidden;}
#SpreadCategory  div.ScrollItem img{display: block;border: none;}
#SpreadCategory  div.ScrollItem a{display: block;margin: 0;margin-top: 5px;text-transform: uppercase;text-decoration: none;font-size: 11px;letter-spacing: 0.04em;color: #000000;font-weight: 600;}
#SpreadCategory  div.ScrollItem a:hover{color: #FF0000;}
#SpreadCategory div.ScrollLeft{float: left;width: 20px;height: 180px;line-height: 180px;vertical-align: 45%;border: 1px solid #cccccc;}
#SpreadCategory div.ScrollRight{float: right;width: 20px;height: 180px;text-align: right;line-height: 180px;vertical-align: 45%;border: none;border-left: 0px solid #cccccc;}
#SpreadCategory div.ScrollRight a {display: block;/*color: transparent;*/width: 16px;height: 100%;  background:  url(/assets/images/icons/spread-scroll-r.png) 0 50% no-repeat;text-decoration: none;}
#SpreadCategory div.ScrollRight span {display: block;width: 0;height: 0;overflow: hidden}
#SpreadCategory div.ScrollLeft{float: left;width: 20px;height: 180px;text-align: left;line-height: 180px;vertical-align: 40%;border: none;border-right: 0px solid #cccccc;}
#SpreadCategory div.ScrollLeft a {display: block;/*color: transparent;*/width: 16px;height: 100%;background:  url(/assets/images/icons/spread-scroll-l.png) 0 50% no-repeat;text-decoration:none;}
#SpreadCategory div.ScrollLeft span {display: block;width: 0;height: 0;overflow: hidden}

.SpreadBanner { margin:0; margin-left: 10px; height: 100px; text-align: center; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x; border: 0px solid #dddddd;}
.SpreadBanner h1{display: block; color: #545454;  padding: 20px; font-weight: normal; font-size: 1.6em; letter-spacing: 0.05em; text-transform: uppercase;}
.SpreadBanner  ul {list-style: none; margin: 0; padding: 0; overflow: hidden;}
* html .SpreadBanner  li {margin: 5px;font-size: 11px;text-transform: lowercase;}
.SpreadBanner  li {margin: 0 5px 0 0;padding: 0;padding-left: 10px;list-style: none;display: inline;text-align: center;text-transform: lowercase;background: transparent url(/assets/images/icons/ic_checkmark.gif) 0 50% no-repeat;}
.SpreadBanner.TitleLeft {text-align:left;}
.SpreadBanner.TitleLeft h1 {font-weight:normal;color:#000;padding:20px 20px 0;}
.SpreadBanner.TitleLeft h2 {font-weight:normal;color:#000;padding:0 20px;text-transform:uppercase;font-size:1.3em;}


.SpreadCategory {position: relative;padding: 0;margin: 0;margin-left: 10px;/* height: 180px; */width: 945px;border: 0px solid #000000;}
.SpreadCategory div.ScrollItem{float: left;width: 150px;text-align: center;white-space: nowrap;overflow: hidden;}
.SpreadCategory  div.ScrollItem img{display: block;border: none;}
.SpreadCategory  div.ScrollItem a{display: block;margin: 0;margin-top: 5px;text-transform: uppercase;text-decoration: none;font-size: 11px;letter-spacing: 0.04em;color: #000000;font-weight: 600;}
.SpreadCategory  div.ScrollItem a:hover{color: #FF0000;}
.SpreadCategory div.ScrollLeft{float: left;width: 20px;height: 180px;line-height: 180px;vertical-align: 45%;border: 1px solid #cccccc;}
.SpreadCategory div.ScrollRight{float: right;width: 20px;height: 180px;text-align: right;line-height: 180px;vertical-align: 45%;border: none;border-left: 0px solid #cccccc;}
.SpreadCategory div.ScrollRight a {display: block;/*color: transparent;*/width: 16px;height: 100%;  background:  url(/assets/images/icons/spread-scroll-r.png) 0 50% no-repeat;text-decoration: none;}
.SpreadCategory div.ScrollRight span {display: block;width: 0;height: 0;overflow: hidden}
.SpreadCategory div.ScrollLeft{float: left;width: 20px;height: 180px;text-align: left;line-height: 180px;vertical-align: 40%;border: none;border-right: 0px solid #cccccc;}
.SpreadCategory div.ScrollLeft a {display: block;/*color: transparent;*/width: 16px;height: 100%;background:  url(/assets/images/icons/spread-scroll-l.png) 0 50% no-repeat;text-decoration:none;}
.SpreadCategory div.ScrollLeft span {display: block;width: 0;height: 0;overflow: hidden}

.SpreadSnippet {margin: 0;margin-left: 10px;background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;padding: 15px;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.SpreadSnippet h2{color: #000000;font-size: 1.1em;text-transform: uppercase;font-weight: 600;display: block;}
.SpreadSnippet .large {font-size:1.2em;font-weight:600;margin:1em 0 .5em !important;}


.SpreadContent {position: relative;padding: 0;margin: 0;margin-left: 10px; width: 950px; background: url(/assets/images/misc/bg_gradient_f.gif) repeat-x;}
.SpreadContent div.SpreadContentItem{float:left;width:315px;height:255px;margin:0; padding:0;}
.SpreadContent div.SpreadContentItem h2 {display: block; color: #000; padding: 0.5em; padding-bottom: 0; font-size: 1.1em;}
.SpreadContent div.SpreadContentItem p  {margin: 15px !important; padding: 0; line-height: 1.32em; font-weight: 600; color: #000;}
.SpreadContent div.SpreadContentItem ul  {list-style: none; display: block; margin: 15px; padding: 0;color:#000;}
.SpreadContent div.SpreadContentItem ul li {list-style: none;margin: 0;padding: 0;line-height: 1.1em;font-size: 1.0em;margin-bottom: 0.35em;font-weight: 600;color: #000;}


.SpreadFeaturedLink  {font-weight: 600; padding-left: 16px; background: transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) 0 50% no-repeat;text-decoration: none;}
#articleImage {float:left;}

/* LANDING SPREADS END*/


/*PAGE CONTENT START*/

.PageContent {margin-left: 10px;padding: 5px;padding-left: 0;}
.PageContent ul  {margin-left: 2em;}
.PageContent ul li {line-height: 1.25em;font-size: 1.15em;padding-left: 1.25em;margin-bottom: 0.5em;}
.PageContent li span{border-bottom: 1px solid;font-weight: 600;}
.PageContent p {line-height: 1.25em;font-size: 1.15em;padding-left: 1.4em;}
.PageContent p span {margin-right: 0.5em;border-bottom: 1px solid;}
.PageContent h1 {display: block;line-height: 2.5em;font-size: 1.5em;text-transform: uppercase;font-weight: normal;letter-spacing: 0.025em;padding-left: 1em;border-left: 6px solid #636a73;}
.PageContent h2 {display: block;text-transform: capitalize;line-height: 2.0em;font-size: 1.15em;font-weight: 600;letter-spacing: 0.025em;}
.PageContent h2 span{margin-right: 0.15em;border-bottom: 1px solid;font-weight: 600;}


.PageContent .PageContentRelated {float: right; width: 200px; margin: 0;margin-left: 10px; margin-bottom: 15px; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;padding: 15px;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.PageContent .PageContentRelated h3{display: block; margin:0; margin-bottom: 1.25em; color: #545454;font-size: 1.0em;text-transform: uppercase;font-weight: 600; padding-right: 20px; background: transparent url(/assets/images/icons/ic_arrow_l-b_gray_13x13.gif) 100% 50% no-repeat; }

.PageContent div.PageContentRelated ul {list-style: none; margin: 0; margin-bottom: 10px; padding: 0; overflow: hidden;}
.PageContent .PageContentRelated  li {list-style: none;margin: 0;padding: 0;line-height: 1.0em;font-size: 1.15em;margin-bottom: 0.5em;}
.PageContentRelated li a{padding-left: 15px;text-transform: capitalize;text-decoration: none;background: transparent url(/assets/images/icons/ic_arrow_r_gray_6x10.gif) 0 50% no-repeat;}
.PageContentRelated li a.current{padding-left: 15px;text-decoration: none;color: #000;text-transform: capitalize;text-decoration: none;background: transparent url(/assets/images/icons/ic_arrow_l_black_6x10.gif) 0 50% no-repeat;}

.PageContentFooter {margin: 0;margin-left: 10px;background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;padding: 15px;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.PageContentFooter  h2{color: #545454;font-size: 1.1em;text-transform: uppercase;font-weight: 600;display: block;}

/*PAGE CONTENT END*/

/* POP-DOWN BLOCK HELP */

.Help {position:relative; float:left;}
.Help #HelpBox {display:none;}
.Help:hover #HelpBox {display:block;}
#HelpBox {float:right;width:325px;position:absolute;top:24px;right:5px;z-index:500;margin:0;padding:0;}
.HelpBoxContentWrap {width:100%;overflow:visible;zoom:1;float:left;clear:both;background: #FFF url(/assets/images/misc/bg_help_box_content-l.png) left repeat-y;}
.HelpBoxContent {margin-left:5px;padding:5px 10px 5px 5px;background:transparent url(/assets/images/misc/bg_help_box_content-r.png) right repeat-y;}
#HelpBox .tb {position:relative;height:17px;overflow:hidden;float:left;clear:both;width:100%;}
#HelpBox .bb {position:relative;height:3px;overflow:hidden;float:left;clear:both;width:100%;}
#HelpBox .cn {position:relative;width:10px;height:46px;background:url(/assets/images/misc/bg_help_box.png); overflow:hidden;}
#HelpBox .cn.r {width:auto;margin-left:10px;background-position:right top;}
#HelpBox .cn.l {position:absolute;width:10px;margin-right:100%;right:-10px;top:-17px;z-index:2;background-position: right top;}
#HelpBox .bb .cn {top:-40px;}
#HelpBox .bb .cn.l {position:absolute;width:10px;margin-right:100%;right:-10px;top:-43px;background-position: right top;}


/* FIXME INBOX */

#ListHeader {z-index:50;height:31px; margin:0; margin-bottom: -1px; position: relative; /*overflow:hidden;*/width:100%;clear:both;background:url(/assets/images/misc/bg_1x1_gray.gif) 0 100% repeat-x;}
#ListHeader .TabTools {float:left;width:80%;height:30px;}
#ListHeader ul {margin:0;padding:0;list-style:0;}
#ListHeader li {float:left;list-style:none;margin:0;padding:0;}
#ListHeader .TabTools ul {margin:0; padding:0;list-style:none;height:30px;}
#ListHeader .TabTools li {display:inline;float:left;margin:0 5px 0 0; padding:0;font-size:1.2em;line-height:1.2em;}
#ListHeader .TabTools li a, #ListHeader .TabTools li span {float:left;height:23px;padding:6px 10px 0;background:#f0f0f0;border:1px solid #dddddd;border-bottom: none; text-decoration:none;color:#000;}
#ListHeader .TabTools li.select a, #ListHeader .TabTools li.select span{height:24px;background:#FFF;}
#ListHeader .TabTools li p {float:left;padding:5px 10px 0; font-size: 12px; color:#636a73;}

#ListHeader ul.TabPager {float:right; width: 19%; height:30px; margin:0;padding:0;list-style:none;}
#ListHeader ul.TabPager li {display:inline; float: right; list-style:none;margin:0;padding:0; }
#ListHeader ul.TabPager li a {clear: both; padding-right: 2px;}
#ListHeader ul.TabPager li span {line-height: 1.2em; padding: 5px;}

/* //FIXME INBOX */



/* BASE EXTRANET */

.RBIheader { padding: 0.5em; margin:0; margin-left: 10px;  text-align: left; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x; border-bottom: 1px solid #dddddd;}
.RBIheader h1{display: block; color: #545454;  padding: 20px; font-weight: normal; font-size: 1.6em; letter-spacing: 0.05em; text-transform: uppercase;}
.RBIheader  ul {list-style: none; margin: 0; padding: 0; overflow: hidden;}
.RBIheader  li {margin: 5px;font-size: 11px;}
.RBIheader  li {margin:0; padding: 0; padding-left: 5px;list-style: none;display: inline;text-align: center;}
.RBIheader  li  span {color: #000000; padding-left: 5px; padding-right: 10px; background: transparent url(/assets/images/misc/bg_delim_1x10_blue.gif) 100% 50% no-repeat;}
.RBIfooter {clear: both; padding: 10px; padding-right: 0; color: #666666; font-size: 0.8em;}
.WidgetSettings {margin: 0;margin-left: 10px;background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;padding: 15px;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.WidgetSettings h1{color: #545454;font-size: 1.1em;text-transform: uppercase;font-weight: 600;display: block; padding-bottom: 5px; background: transparent url(/assets/images/icons/ic_arrow_l-b_gray_13x13.gif) 100% 40% no-repeat; }
.WidgetSettings h2{color: #000;font-size: 1.0em; font-weight: 600;display: block; padding-bottom: 8px;  border-bottom: 1px dotted;}
.WidgetSettings   ul {list-style: none; margin: 0.25em; margin-top: 0.75em; padding: 0; overflow: hidden;}
.WidgetSettings   li {list-style: none;margin: 0;padding: 0;line-height: 1.3em;font-size: 13px; margin-bottom: 0.5em;}
.WidgetSettings a.Auth  {font-weight: 600; padding-left: 18px; background: transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) 0 50% no-repeat;text-decoration: none;}
.WidgetSettings a.Accd  {font-weight: 600; padding-left: 18px; color: #666666; background: transparent url(/assets/images/icons/ic_arrow_d_l-b_gray_13x13.gif) 0 50% no-repeat;text-decoration: none;}
.WidgetSnippet {margin: 0;margin-left: 10px;background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;padding: 15px;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.WidgetSnippet h2{color: #545454;font-size: 1.1em;text-transform: uppercase;font-weight: 600;display: block;}
.WidgetSnippet a.Accd  { display: block; font-weight: 600;  text-decoration: none; color: #666666;}

.SnippetPhone {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_phone_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetDownloads {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_downloads_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetDownloads a { display: block; font-weight: 600; font-size: 1.1em;  text-decoration: none;}
.SnippetChat a { display: block; font-weight: 600;  text-decoration: none;}
.SnippetChat {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_chat_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetPhone p, .SnippetChat p, .SnippetDownloads p {font-weight: 600;padding-top:.5em;}

.SnippetInstock {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_instock_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetInstock a { display: block; font-weight: 600; text-decoration: none;}

.SnippetPromotion {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_promotion_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetPromotion a { display: block; font-weight: 600;  text-decoration: none;}

.SnippetServices {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_rfq_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetServices a { display: block; font-weight: 600;  text-decoration: none;}

.SnippetStats {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_dstats_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetStats p, .SnippetAction p {font-weight: 600;padding-top:.5em;}
.SnippetStats a { display: block; font-weight: 600;   text-decoration: none;}
.SnippetAction {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_daction_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnippetAction a { display: block; font-weight: 600;  text-decoration: none;}
.SnippetAction a.Accd  { display: block; font-weight: 600;  text-decoration: none; color: #666666;}

* html .SnippetDownloads,
* html .SnippetChat,
* html .SnippetInstock,
* html .SnippetPromotion,
* html .SnippetServices,
* html .SnippetStats,
* html .SnippetAction {height:1%;}

#WidgetManager {clear:both;width:98%;margin:0px; padding: 5px 5px 10px 40px;}
#WidgetManager a {float:left; text-transform: uppercase; margin-right:8px;cursor:pointer; height:16px;background:url(/assets/images/misc/button_16.png) 0 -16px no-repeat;overflow:hidden;padding: 0 0 0 5px;text-decoration:none;font-size:11px;color:#000;}
#WidgetManager a:hover {color:#BF3030; background:url(/assets/images/misc/button_16.png) 0 -16px no-repeat;}
#WidgetManager a span {float:left;width:auto;height:16px;margin:0;padding:0 10px 0px 5px;background:url(/assets/images/misc/button_16.png) 100% 0 no-repeat;white-space:no-wrap;}

#WidgetManager a.Current {float:left; font-weight: 600; text-transform: uppercase; margin-right:8px;cursor:pointer; height:16px;background:url(/assets/images/misc/button_16.png) 0 -16px no-repeat;overflow:hidden;padding:0  0 0 5px;text-decoration:none;font-size:11px;color:#00000;}
#WidgetManager a.Current span {float:left;width:auto;height:16px;margin:0;padding:0 10px 0 5px;background:url(/assets/images/misc/button_16.png) 100% 0 no-repeat;white-space:no-wrap;}

.WidgetManagerWrap {clear: both; margin-top: 15px; margin-left: 40px; padding: 20px; border: 4px solid #dddddd;}
.WidgetManagerMessage {margin: 10px; margin-right: 0; clear: both;}
.WidgetManagerWrap .Listloader {width:100%;height:80px;border:none;margin:0 auto;;padding:25px 0 0;}

.L1 {float: left;}
.R1 {float: right;}
.R2 {float: right; padding: 20px; margin: 5px; border: 1px solid #cccccc;}
.DD_Block {padding: 10px;}
.DD_Block h4{display: block; border-bottom: 1px solid #cccccc; padding-bottom: 5px; }
.DD_Block  ul  {list-style: none; display: block; margin: 10px; padding: 0;}
.DD_Block  ul li {list-style: none;margin: 0;padding: 0;line-height: 1.1em;font-size: 1.1em;margin-bottom: 0.35em;color: #000000;}
.DD_Block table {border-collapse:collapse;border:0px;margin:0px;padding:0 0 5px;background:#FFF;vertical-align:top;}
.DD_Block table td {padding: 0.35em; font-size: 1.1em;}
.DD_Block table tr td {border-bottom: 1px dotted #cccccc;}
.DD_Block table  td.Label {text-align: right;}
.DD_Block table  td.Value {text-align: left;}

.TT_Block { margin-left: 10px; padding: 10px; border: 4px solid #dddddd;}
.TT_Block h1 {display: block; font-size: 1.1em; border-bottom: 1px solid #cccccc; padding-bottom: 5px; }
.TT_Block h2 {display: block; font-size: 1.1em; border-bottom: 1px solid #cccccc; padding-bottom: 5px; }
.TT_Block h3 {display: block; font-size: 1.1em; border-bottom: 1px solid #cccccc; padding-bottom: 5px; }

.TT_Block p { padding: 1.1em;}
.TT_Block ul { padding: 1.1em;}

.WidgetLogWrap{padding-left: 40px;}
.WidgetLogWrap  table {width: 95%;background-color: none;border-collapse : collapse;}
.WidgetLogWrap  table td {border: none;vertical-align: top;border-bottom: 1px dotted #c4c4c4;color: #000000;font-size: 1.0em;vertical-align: top;text-align: left;padding: 8px 2px 8px 2px;}
.WidgetLogWrap table  td.MessageTimestamp {white-space: nowrap;padding-right: 5px;color: #666666;}
a.WidgetLogClose {display: block;  color: #000000; font-size: 14px; font-weight: 600; clear: both; padding: 0px 0px 0px 16px; margin: 15px 15px 15px 0px; text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/ic_arrow2_d_black_10x11.gif) 0 50% no-repeat;}
.WidgetLogWrap table  td.MessageAuthor {white-space: nowrap;padding-left: 5px;padding-right: 10px;}
.WidgetLogWrap table  td.MessageStandard {color: #000000;}
.WidgetLogWrap table  td.MessageAlert {color: #ff0000;}
.WidgetLogWrap table  td.MessageNotice {color: #000000;}
.WidgetLogWrap table  td.MessageResponce {color: #000000;}
.WidgetLogWrap table  td.MessageLoading span {display: block;  font-size: 14px; padding: 0px 0px 0px 18px;  text-decoration: none; background: transparent url(/assets/images/icons/ic_small_loading.gif) 0 50% no-repeat;}
a.WidgetLogMore {display: block;  font-size: 14px; font-weight: 600; clear: both; padding: 0px 0px 0px 16px; margin: 15px 15px 15px 0px; text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/ic_arrow2_d_gray_10x11.gif) 0 50% no-repeat;}
a.WidgetLogMore span {text-transform: none; color: #000000; font-weight: normal; padding-left: 1em;}

/* SAVE TO LIST */

.FormSubmitButton #ListContent {position:absolute;top:22px;right:0;float:right;padding:0;margin:0;}
.FormSubmitButton #ListContent ul {border:1px solid #999;float:right;clear:both;overflow-y:auto;overflow-x:hidden;height:auto;margin:0;padding:0;/*min-width:15em;*/max-height:10em;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.FormSubmitButton #ListContent li {white-space:nowrap;float:left;min-height:26px;height:auto;clear:both;margin:0;padding:0 5%;width:90%;border-bottom:1px dotted #f0f0f0; background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.FormSubmitButton #ListContent li a {padding-left:15px;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px .5em no-repeat;border:none;text-transform:none;font-size:1em;color:#3d6b88;font-weight:600;}
.FormSubmitButton #ListContent li a span {background:none;margin:0; padding:0;border-bottom:1px dotted #3d6b88;text-transform:none;font-size:1em;}
.FormSubmitButton #ListContent li a:hover {color:#000;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px .5em no-repeat;}
.FormSubmitButton #ListContent li a:hover span {background:none;}


.FormSubmitButtonList #ListContent {position:absolute;top:22px;right:0;float:right;padding:0;margin:0;}
.FormSubmitButtonList #ListContent ul {border:1px solid #999;float:right;clear:both;overflow-y:auto;overflow-x:hidden;height:auto;margin:0;padding:0;/*min-width:15em;*/max-height:10em;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.FormSubmitButtonList #ListContent li {white-space:nowrap;float:left;min-height:26px;height:auto;clear:both;margin:0;padding:0 5%;width:90%;border-bottom:1px dotted #f0f0f0; background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.FormSubmitButtonList #ListContent li a {padding-left:15px;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px .5em no-repeat;border:none;text-transform:none;font-size:1em;color:#3d6b88;font-weight:600;}
.FormSubmitButtonList #ListContent li a span {background:none;margin:0; padding:0;border-bottom:1px dotted #3d6b88;text-transform:none;font-size:1em;}
.FormSubmitButtonList #ListContent li a:hover {color:#000;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px .5em no-repeat;}
.FormSubmitButtonList #ListContent li a:hover span {background:none;}


/*DASHBOARD - JCONCOLE - START */

#InboxConsole {margin: 0px; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;padding: 15px;border:#DCDCDC solid 1px;-moz-border-radius:3px; height: 75px;}
#InboxConsole form {padding: 2px; margin: 0;}
#InboxConsole fieldset {padding: 0; margin: 0;}
#InboxConsole div.ConsoleSwitch {float:left; width: 90px;}
#InboxConsole a.On {float: right; color: #000; font-size: 13px; font-weight: 600;  padding: 0px 15px 0px 0px; margin: 4px; margin-top: 30px;   text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/ic_arrow2_d_gray_10x11.gif) 100% 50% no-repeat;}
#InboxConsole a.None {background: none;}
#InboxConsole div.ConsoleMain {float: left; width: 375px;}
#InboxConsole div.ConsoleAction {float:left;width:30px;margin: 0px 0px 0px 0px; padding: 0em; margin-top: 25px; padding-right: 0px;font-size: 16px;}
#InboxConsole div.ConsoleInput {clear: both; width: 370px; overflow: hidden; position: relative; top: -1px; background:#636a73; padding: 1px; padding-top: 0; border:1px solid #c0c0c0;}
#InboxConsole div.ConsoleInput .MainInput { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 15px; margin: 0;   border: none; border-top: 1px solid #636a73; border-right: 1px solid #636a73; background: #ffffff;  margin: 0px;  padding: 5px;  width: 395px;}
#InboxConsole div.ConsoleOptions {float:left;clear:both;width:100%;margin: 0px 0px 0px 20px;}
#InboxConsole div.ConsoleOptions ul {list-style:none;margin:0;padding:0; }
#InboxConsole div.ConsoleOptions li {display:inline;list-style:none;margin:0;padding:0; position:relative;}
#InboxConsole div.ConsoleOptions li a {float:left;height:18px;background:#f0f0f0;border:1px solid #c0c0c0;border-bottom:none;margin: 0 2px 0 0;padding:4px 8px 0px 8px;text-decoration:none;color:#000;text-align:center; text-transform: uppercase; font-size: 10px;}
#InboxConsole div.ConsoleOptions li a:hover {color: #ff0000; border:1px solid #636a73;border-bottom:none;}
#InboxConsole div.ConsoleOptions li.Selected a {color: #ffffff; background:#636a73;height:19px; z-index: 45; position: relative;}
#InboxConsole div.ConsoleOptions li.Extended a {font-size: 10px;margin: 0 2px 0 0;padding:4px 10px 0px 8px; text-transform: uppercase;  text-decoration: none; border: none; background: transparent url(/assets/images/icons/ic_arrow_b_blue_7x4.gif) 100% 50% no-repeat;}
#InboxConsole div.ConsoleOptions li.Active a {font-weight: 600; color: #ff0000;}
#InboxConsole .ConsoleInputInstruction { clear: both; margin-left: 2px; margin-bottom: 5px; font-size: .85em; color: #777; width: 90%; }

/* FIXME */
#InboxConsole div.ConsoleOptions li.Extended a {background: transparent url(/assets/images/icons/ic_arrow_b_blue_7x4.gif) 100% 50% no-repeat;}

#InboxConsole div.ConsoleOptions li.Extended div {position:absolute;top:24px;right:0;z-index:100;}
#InboxConsole div.ConsoleOptions li.Extended div ul {list-style:none;overflow:hidden;border:1px solid #999;margin:0;padding:0;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}

#InboxConsole div.ConsoleOptions li.Extended div li {float:left;clear:both;width:100%;background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
#InboxConsole div.ConsoleOptions li.Extended div li a {height:24px;line-height:24px;font-size:1em;padding:0 10px 0 20px;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 5px 4px no-repeat;color:#3d6b88;text-transform:none;}
#InboxConsole div.ConsoleOptions li.Extended div li a:hover {color:#000;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 5px 4px no-repeat;}
/* END FIXME */

#InboxConsole div.ConsoleOptions li.Extended.open a {background: transparent url(/assets/images/icons/ic_arrow_t_blue_7x4.gif) 100% 50% no-repeat;}
/*#InboxConsole div.ConsoleOptions li.Extended div {display:none;}*/
#InboxConsole div.ConsoleOptions li.Extended.open div{display:block;}

#InboxConsole div.ConsoleOptions li.Extended.open div {position:absolute;top:24px;right:0;z-index:100;}
#InboxConsole div.ConsoleOptions li.Extended.open div ul {list-style:none;overflow:hidden;border:1px solid #999;margin:0;padding:0;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}

#InboxConsole div.ConsoleOptions li.Extended.open div li {float:left;clear:both;width:100%;background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
#InboxConsole div.ConsoleOptions li.Extended.open div li a {height:24px;line-height:24px;font-size:1em;padding:0 10px 0 20px;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 5px 4px no-repeat;color:#3d6b88;text-transform:none;}
#InboxConsole div.ConsoleOptions li.Extended.open div li a:hover {color:#000;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 5px 4px no-repeat;}


/*DASHBOARD - JCONCOLE - END */

/* INBOX OLD */

#InboxDisplay table td.center {text-align:center !important;}
#InboxDisplay table td.right {text-align:right !important;}

#InboxDisplay td.InboxGroupTitle {font-weight: 600; padding-top: 5px; padding-bottom: 10px; white-space: nowrap;}
#InboxDisplay td.Descending {background: none;}

#InboxDisplay table th {white-space: nowrap; text-align: left; padding:.3em .2em; background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
#InboxDisplay th.color {text-align: right;}
#InboxDisplay th a {text-decoration: none;color: #434343;}
#InboxDisplay th a:hover {text-decoration: none;color: #000000;border-bottom: 1px solid;}
#InboxDisplay th a.Ascending {text-decoration: none;font-weight: 600;color: #000000;border-bottom: none;padding-right:17px;background: url(/assets/images/icons/ic_arrow_d_gray_10x11.gif) 100% .2em no-repeat;}
#InboxDisplay th a.checkselect{display: block; text-align: center; margin-left: 5px; width: 15px; padding: 0px; background: #dddddd; border: 1px solid #c0c0c0; }
#InboxDisplay th a.checkselect{display: block; font-size: 15px; text-align: center; margin-left: 5px; width: 15px; padding: 0px; background: #dddddd; border: 1px solid #999999; }
#InboxDisplay th a.checkselect:hover {display: block;  text-align: center; margin-left: 5px; width: 15px; padding: 0px; background:#e6e6e6; border: 1px solid #c0c0c0; }
#InboxDisplay th a.Ascending:hover {color: #ff0000;}
#InboxDisplay th a.Descending:hover {color: #ff0000;}
#InboxDisplay th a.Descending {text-decoration: none;font-weight: 600;color: #000000;border-bottom: none;padding-right:17px;background: url(/assets/images/icons/ic_arrow_a_gray_10x11.gif) 100% .2em no-repeat;}


/*DASHBOARD - INBOX - START */

#InboxDisplay {clear:both;width:100%;margin:0px; padding: 1px 1px 1px 1px; overflow: hidden;}
#InboxDisplay table {width:100%;border-collapse:collapse;border:0px solid #ddd;margin-right:5px;padding:0 0 5px;background:#FFF;vertical-align:top;}

#InboxDisplay tr td {border-bottom: 1px dotted #dddddd; padding: 0.5em 0 0.5em 0;}
#InboxDisplay td {vertical-align:top; text-align:left; padding:.3em .3em; border-bottom: 1px dotted #e6e6e6;}

#InboxDisplay tr.InboxGroupHeader td {padding-top: 20px; border-bottom: 1px solid #c0c0c0; padding-bottom: 5px;}
#InboxDisplay tr.InboxGroupFooter td  {padding-top: 20px; border:none; padding-bottom: 5px;}
#InboxDisplay td.InboxOlderAcitivity  {text-align: right;}
#InboxDisplay td.InboxNewerAcitivity {text-align: left;}

#InboxDisplay  td.InboxNewerAcitivity  a {display: block; color: #000000; font-size: 14px; font-weight: 600; clear: both; padding: 0px 0px 0px 20px;  text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/spread-scroll-l.png) 0 50% no-repeat;}
#InboxDisplay  td.InboxOlderAcitivity  a {display: block; color: #000000; font-size: 14px; font-weight: 600; clear: both; padding: 0px 20px 0px 0px;  text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/spread-scroll-r.png) 100% 50% no-repeat;}

#InboxDisplay table.Activity tr.InboxGroupHeader h3 {float: left; font-size: 1.1em; font-weight: 600; white-space: nowrap;}
#InboxDisplay table.Activity tr.InboxGroupHeader span {float: right; color: #333333; white-space: nowrap;}
#InboxDisplay table.Tracker tr.InboxGroupHeader h3 {float: left; font-size: 1.1em; font-weight: 600; white-space: nowrap;}
#InboxDisplay table.Tracker tr.InboxGroupHeader span {float: right; font-size: 1.1em;  color:  #4E9258; font-weight: 600; white-space: nowrap;}

#InboxDisplay table.Finder tr.InboxGroupHeader h3 {float: left; font-size: 1.1em; font-weight: 600; white-space: nowrap;}
#InboxDisplay table.Finder tr.InboxGroupHeader span {float: right; color: #333333; white-space: nowrap;}
#InboxDisplay table.Finder td.InboxFindCell a {text-decoration: none;border-bottom: 1px dotted; margin-right: 1em;}
#InboxDisplay table.Finder td.InboxFindStatus {text-align: right; }

#InboxDisplay td.InboxTimeStamp {color: #666666; white-space: nowrap; padding-right: 0.5em;}
#InboxDisplay td.InboxMessage {width: 95%; text-align: left;}
#InboxDisplay td.InboxMessage a {text-decoration: none;border-bottom: 1px dotted;}

#InboxDisplay tr.InboxGroupLoading td {border: none;}
#InboxDisplay tr.InboxGroupLoading td span {display: block;  font-size: 11px; padding: 0px 0px 0px 18px;  text-decoration: none; background: transparent url(/assets/images/icons/ic_small_loading.gif) 0 50% no-repeat;}

#InboxDisplay td.InboxDayExpand a {display: block;  font-size: 11px; font-weight: 600; clear: both; padding: 0px 0px 0px 14px;  text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/ic_arrow_b_blue_7x4.gif) 0 50% no-repeat;}
#InboxDisplay td.InboxDayHide a {display: block;  font-size: 11px; font-weight: 600; clear: both; padding: 0px 0px 0px 14px;  text-transform: uppercase;  text-decoration: none; background: transparent url(/assets/images/icons/ic_arrow_t_blue_7x4.gif) 0 50% no-repeat;}
#InboxDisplay td.InboxDayStats    {text-align: right; font-size: 11px; color: #666666; white-space: nowrap;}
#InboxDisplay td.InboxDayStats  a  {font-weight: 600;}

/* DASHBOARD - INBOX -  END */


/* DASHBOARD - SNAPSHOTS - START */

.SnapShot {position:relative;margin: 0 5px 10px; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x;padding: 15px;border:#DCDCDC solid 1px;-moz-border-radius:3px;}
.SnapShot h2{color: #545454;font-size: 1.0em;text-transform: uppercase;font-weight: 600;display: block;}
.SnapShot  h3{display: block; color: #545454;font-size: 1.0em;text-transform: uppercase;font-weight: 600; padding-right: 20px; background: transparent url(/assets/images/icons/ic_arrow_l-b_gray_13x13.gif) 100% 50% no-repeat; }
.SnapAction {clear: both; font-weight: 600; font-size: 1.2em; padding: 15px; padding-left: 40px; margin:0;  background: transparent url(/assets/images/icons/ic_daction_30x30.gif) 0 50% no-repeat;text-decoration: none;}
.SnapAction a { display: block; font-weight: 600;  text-decoration: none;}
.SnapAction p {margin: 0 !important;padding:0;}
.SnapAction a.Accd  { display: block; font-weight: 600;  text-decoration: none; color: #666666;}
.SnapShot  ul {list-style: none; margin: 0; margin-top: 10px; margin-bottom: 10px; padding: 0; /*overflow: hidden;*/}
.SnapShot  li {list-style: none;margin: 0;padding: 0;vertical-align: 100%;line-height: 1.0em;font-size: 12px; margin-bottom: 5px;}
.SnapShot li a {padding-left: 0px;/*display: block;*/border-bottom: 1px dotted #666666;/*height:10px;*/padding-top: 3px;padding-bottom: 8px;text-transform: capitalize;text-decoration: none;}
.SnapShot  h3 a {text-decoration: none; font-weight:600;color:3D6B88;}
.SnapShot p {margin:0 !important;padding:0 !important;}

.SnapShot a.Disabled {color: #000000;}
.SnapShot a.Enabled {font-weight: 600;}
.SnapShot div.TimeFilter {color: #333333; font-size: 11px;}
.SnapShot li a.Enabled span, .SnapShot li a.Disabled span {float:right;padding-left:10px;font-weight: 600;}

.SnapShot  h3.SnapShotOptions {padding-right:0;background:none;}
.SnapShot  h3.SnapShotOptions a {float:left;width:85%;padding-right:15%;background: transparent url(/assets/images/icons/ic_arrow_l-b_blue_13x13.gif) 100% 50% no-repeat;}
.SnapShot  h3.SnapShotOptions a.active {background: transparent url(/assets/images/icons/ic_arrow_r-t_blue_13x13.gif) 100% 50% no-repeat;}

.ListSnapShot {position:absolute;top:2.5em;right:15px;left:15px;float:left;padding:0;margin:0;z-index:10;}
.ListSnapShot ul {width:100%;border:1px solid #999;float:left;clear:both;overflow-y:auto;overflow-x:hidden;height:auto;margin:0;padding:0;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.ListSnapShot li {white-space:nowrap;float:left;min-height:26px;height:auto;clear:both;margin:0;padding:0 5% 0;width:90%;border-bottom:1px dotted #f0f0f0; background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.ListSnapShot li a {padding-left:15px;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px .5em no-repeat;border:none;text-transform:none;font-size:1em;color:#3d6b88;font-weight:600;}
.ListSnapShot li a span {background:none;margin:0; padding:0;border-bottom:1px dotted #3d6b88;text-transform:none;font-size:1em;}
.ListSnapShot li a:hover {color:#000;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px .5em no-repeat;}
.ListSnapShot li a:hover span {background:none;}

.SnapShot li a span.left, .SnapShot li a.Enabled span.left, .SnapShot li a.Enabled span.left {float:left;padding:0;}
.SnapShot li a span.right, .SnapShot li a.Enabled span.right, .SnapShot li a.Enabled span.right {float:right;margin:0;padding:0;text-align:right;}

.SnapShot li a {/*overflow:hidden;*/display:block;min-height:10px;}
* html .SnapShot li a {height:1%;}

.SnapShot .win {position:absolute;width:540px;height:600px;top:-2px;right:100%;margin:0 15px 0 0;background:#fff;z-index:200;}

.SnapShot .win .LoaderIndicator {position:absolute;top:35%;}

.SnapShot .win .corner-4.read {height:460px;}
.SnapShot .win .corner-4.send {height:130px;}

.SnapShot .win .head {position:relative;width:100%;height:35px;float:left;background:transparent url(/assets/images/misc/bg_win_head.gif) 0 100% repeat-x;margin:0;padding:0;border-bottom:1px solid #bbbbbb;}
.SnapShot .win .head h4 {float:left;height:35px;font-size:1.2em;font-weight:normal;line-height:35px;margin:0;padding:0 10px;border:0;border-right:1px solid #bbbbbb;}
.SnapShot .win .button-close {float:right;margin:8px 10px;width:18px;height:18px;}
.SnapShot .win .inner10 {margin:10px;}
.SnapShot .win .stat {float:left;width:100%;margin:0;padding-bottom:8px;/*border-bottom:1px solid #bbbbbb;*/font-size:.85em;}
.SnapShot .win .stat a {text-decoration:none;}
.SnapShot .win .stat .connect-direction {float:left; width:70%;}
.SnapShot .win .stat .connect-direction img {width:18px;height:18px;margin:0 5px;vertical-align:middle;}
.SnapShot .win .stat .connect-direction span {display:inline;float:left;}
.SnapShot .win .stat .connect-direction span.status {margin:0 5px;float:left;}
.SnapShot .win .stat .connect-direction span.status ins {dispaly:inline;float:left;width:auto;min-width:14px;height:auto;margin:0 5px 0 0;padding:2px;background:#000;text-align:center;color:#fff;}
.SnapShot .win .stat .connect-direction span.status .login {float:left;width:11px;height:11px;margin:3px 5px 0 0;background:transparent url(/assets/images/icons/ic_login_logoff_11.gif) no-repeat;}
.SnapShot .win .stat .connect-direction span.status .logoff {float:left;width:11px;height:11px;margin:3px 5px 0 0;background:transparent url(/assets/images/icons/ic_login_logoff_11.gif) 0 -11px no-repeat;}

.SnapShot .win .connect-direction .icon-con-dir {position:relative;}
.SnapShot .win .connect-direction .icon-con-dir span.ballon {z-index:20;position:absolute; left:3px;bottom:20px;min-width:15em;padding:5px 5px 8px;font-size:.9em;color:#fff;background:#696969 url(/assets/images/misc/bg_ballon_small.gif)0 100% no-repeat;display:none;}
.SnapShot .win .connect-direction a:hover.icon-con-dir span.ballon {display:block;}

.SnapShot .win .stat .date {float:right; position:relative; width:25%;height:22px;margin:0;padding:0;text-align:right;}
.SnapShot .win .content {position:relative;overflow:hidden;}

.SnapShot .win .content .grid2col {width:100%;margin:0;padding:0;}
.SnapShot .win .content .grid2col .left {float:left;width:92%;margin:0;padding:0;}
.SnapShot .win .content .grid2col .right {float:right;width:20px;margin:0:padding:0;}

.SnapShot .win .stat .date ul.right{float:right;right:0;margin:0;padding:0;list-style:none;}
.SnapShot .win .stat .date ul.right li {position:relative;float:left;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow {z-index:25;right:0px;/*width:11em;*/}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow .content {/*width:11em;*/float:left;background:#fff;}

.SnapShot .win .stat .date ul.right .PopUpBlockShadow ul {list-style:none;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li {float:left;clear:both;white-space:nowrap;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li a {text-decoration:none;color:#000;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li a:hover {color:#BF3030;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li.disabled a {color:#999;cursor:default;}



.SnapShot .win .content ul {list-style:none;width:485px;background:#fff;float:left;margin:0;}
.SnapShot .win .content ul li {width:100%;}
.SnapShot .win .content ul li div {width:100%;border-bottom:1px solid #dddddd;}
.SnapShot .win .content h5 {font-family:Verdana,Arial,Trebuchet MS,Helvetica,sans-serif;font-size:1em;font-weight:600;color:#3d6b88;margin-bottom:1em;}
.SnapShot .win .content h5 span {margin-left:1em;font-size:.9em;font-weight:normal;color:#666;}
.SnapShot .win .content p {margin-bottom:1em !important;line-height:1.3em;}
.SnapShot .win .content p a {display:inline;border:none;text-decoration:underline;}
.SnapShot .win .content p.notes {font-size:.8em;color:#666;}
.SnapShot .win .content p.notes span {font-weight:.9em;color:#000;}

.SnapShot .win textarea.message-txt {width:96%;padding:2%;font-family:Arial,Trebuchet MS,Helvetica,sans-serif;font-size:.9em;}
.SnapShot .win form {width:100%;overflow:hidden;clear:both;}

.SnapShot .connect-type {font-size:.85em;}
.SnapShot .roster-name{font-size:.85em;font-weight:600;}
.SnapShot.connections a.Disabled span {font-weight:normal;}
.SnapShot.connections {padding:0;}
.SnapShot.connections .inner15 {margin:15px;}
.SnapShot.connections .inner5_15{margin:5px 15px;}
.SnapShot span ins {padding:1px 3px;display:inline;background:#353535;margin:0 2px;color;text-align:center;text-decoration:none;color:#fff;position:relative;}
.SnapShot span span.login {position:relative;width:11px;height:11px;padding:0;background:transparent url(/assets/images/icons/ic_login_logoff_11.gif) 100% 0 no-repeat;}
.SnapShot span span.logoff {position:relative;width:11px;height:11px;padding:0;background:transparent url(/assets/images/icons/ic_login_logoff_11.gif) 100% -11px no-repeat;}
.SnapShot span span.login span.user-stat,
.SnapShot span span.logoff span.user-stat {display:none;width:65px;height:25px;z-index:10;position:absolute;top:-27px;left:6px;background:transparent url(/assets/images/icons/ic_ballon_availability.gif) no-repeat;font-weight:normal;font-size:10px;color:#fff;text-align:center;margin:0;padding:5px 0 0;}
.SnapShot span span:hover.login span.user-stat,
.SnapShot span span:hover.logoff span.user-stat {display:block;}

.SnapShot span.login span.ballon, .SnapShot span.logoff span.ballon {z-index:20;position:absolute; left:5px;bottom:13px;min-width:4em;padding:5px 5px 8px;font-weight:normal;font-size:.9em;color:#fff;background:#696969 url(/assets/images/misc/bg_ballon_small.gif)0 100% no-repeat;display:none;}
.SnapShot span:hover.login span.ballon, .SnapShot span:hover.logoff span.ballon {display:block;}

.SnapShot .win .win-footer {margin:0;padding:0;clear:both;width:100%;float:left;/*overflow:hidden;*/}
.SnapShot .win .win-footer .inner10 {float:left;width:520px;margin:10px;}
.SnapShot .win .win-footer .mode-send {float:left;width:45%;}
.SnapShot .win .win-footer .mode-send ul {list-style:none;margin:0;padding:0;}
.SnapShot .win .win-footer .mode-send ul li {margin:0;padding:0;position:relative;float:left;}
.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow {z-index:25;left:-10px;border:none;}
.SnapShot .win .win-footer .PopUpBlockShadow .content {width:11em;float:left;clear;both;margin:0;padding:5px;background:#f7f7f7;}


.SnapShot .win .win-footer .win-search {float:right;width:45%;padding:0;margin:0;text-align:right;}
.SnapShot .win .win-footer .win-search form, .SnapShot .win .win-footer .win-search fieldset {margin:0;padding:0;border:none;}
.SnapShot .win .win-footer .win-search .InputSearch {vertical-align:top;height:16px;border:1px solid #999999;margin:0 1px 0 0;padding:2px;}
.SnapShot .win .win-footer .win-search .GoSearch {width:20px;height:22px;margin:0;}


.SnapShot .Pager {width:100%;border-top:1px solid #a7a7a7;position:relative;overflow:hidden;}
.SnapShot .Pager .inner5_15 {margin:5 15px;overflow:hidden;}
.SnapShot .Pager .button {width:15px; height:18px;margin-right:5px;background:transparent url(/assets/images/icons/ic_roster_page_button.gif) no-repeat;}
.SnapShot .Pager .button.prev {float:left;width:15px;margin-right:5px;background-position:0 -18px;}
.SnapShot .Pager .button.next {float:right;width:15px;margin:0;background-position:0 0;}
.SnapShot .Pager .button.prev.disabled {background-position: 0 -54px;}
.SnapShot .Pager .button.next.disabled {background-position: 0 -36px;}
.SnapShot .Pager .range {display:block;float:left;width:110px;margin:0 auto;text-align:center;}/*text-align:center;border:1px solid red;}*/

/* BUTTON SUBMIT */

.SnapShot .win div.FormSubmitButton {position:relative;float:left;height:22px;background:url(/assets/images/icons/ic_button_22_g.gif) 0 -22px no-repeat;padding:0 0 0 3px;text-decoration:none;font-size:1.1em;border:none;margin:0 10px 0px 0px}
.SnapShot .win div.FormSubmitButton span {float:left;width:auto;height:21px;margin:0;padding:1px 5px 0px 0px;background:url(/assets/images/icons/ic_button_22_g.gif) 100% 0 no-repeat;white-space:nowrap;}
.SnapShot .win div.FormSubmitButton span input {background:none;border:none;font-family: 'Arial', Halvetica;color: #000000;font-weight: normal;font-size: 13px;text-align: center;letter-spacing: 0.015em;text-transform: uppercase;text-decoration: none;font-weight: 200;padding: 0.025em ; }
.SnapShot .win div.FormSubmitButton.disabled {background:url(/assets/images/icons/ic_button_22_g.gif) 0 -66px no-repeat;}
.SnapShot .win div.FormSubmitButton.disabled span {background:url(/assets/images/icons/ic_button_22_g.gif) 100% -44px no-repeat;}
.SnapShot .win div.FormSubmitButton.disabled span input {color:#999;}


/* CHAR COUNTER*/
.char-counter {float:right;}
.char-counter span.button-18 {float:left;height:18px;background:url(/assets/images/icons/ic_button_18.gif) 0 -18px no-repeat;overflow:hidden;margin:0;padding:0 0 0 2px;text-decoration:none;font-size:12px;color:#000;line-height:18px;}
.char-counter span.button-18 span {float:left;width:auto;height:18px;margin:0;padding:0 10px 0 8px;background:url(/assets/images/icons/ic_button_18.gif) 100% 0 no-repeat;white-space:nowrap;}

/* WIN PAGER */
.Pagers-v {width:100%;height:300px;position:relative;margin:10px 0 0;padding:0;/*background:#fff url(/assets/images/misc/bg_win_scroll_v.gif) 100% 0 repeat-y;*/overflow:hidden;}
.Pagers-v .navigation {position:absolute;top:0;right:0;width:19px;height:100%;height:300px;background:#d7d7d7;}
.Pagers-v .navigation a {dispaly:block;width:19px;height:24px;background:#fff;}
.Pagers-v .navigation a.b-home {position:absolute;top:0;left:0;background:#fff;}
.Pagers-v .navigation a.b-prev {position:absolute;top:24px;left:0;background:#fff;}
.Pagers-v .navigation a.b-next {position:absolute;bottom:24px;left:0;background:#fff;}
.Pagers-v .navigation a.b-end {position:absolute;bottom:0;left:0;background:#fff;}
.Pagers-v .navigation a.b-home span{display:block;margin:0;width:19px; height:21px;background:#fff url(/assets/images/icons/ic_pager_vertical.gif) 0 0 no-repeat;}
.Pagers-v .navigation a.b-prev span{display:block;margin:0;width:19px; height:21px;background:#fff url(/assets/images/icons/ic_pager_vertical.gif) 0 -21px no-repeat;}
.Pagers-v .navigation a.b-next span{display:block;margin:2px 0 0;width:19px; height:21px;background:#fff url(/assets/images/icons/ic_pager_vertical.gif) 0 -42px no-repeat;}
.Pagers-v .navigation a.b-end span{display:block;margin:2px 0 0;width:19px; height:21px;background:#fff url(/assets/images/icons/ic_pager_vertical.gif) 0 -63px no-repeat;}

/* SCROLLBAR*/

#scrollbar_container {position:relative;width:100%;} 
#scrollbar_track {position:absolute;top:48px;right:0;height:202px;width:19px;background-color:transparent;cursor:move;} 
#scrollbar_handle {width:17px;border:1px solid #ababab;background:#fafafa url(/assets/images/misc/bg_hadle_17.gif) repeat-y;cursor:move;-moz-border-radius: 3px;webkit-border-radius: 3px;opacity:0.9;-moz-opacity:0.9;}
#scrollbar_content {overflow:hidden;width:485px;height:300px;} 


/* DASHBOARD - SNAPSHOTS -  END */

/* SUB MENU */

.SubNavigationLeft {position:absolute;top:0;left:100%;float:left;padding:0;margin:0;}
.SubNavigationLeft ul {border:1px solid #999;float:left;clear:both;overflow-y:auto;overflow-x:hidden;height:auto;margin:0 0 0 5px;padding:0;min-width:15em;width:auto;/*min-width:0;*/max-height:10em;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.SubNavigationLeft {display:none;}
.ExpandChild:hover .SubNavigationLeft {display:block;}


#InboxConsole div.ConsoleSwitch {position:relative;}
#InboxConsole div.ConsoleSwitch.ExpandChild a.On {background: transparent url(/assets/images/icons/ic_arrow2_u_gray_10x11.gif) 100% 50% no-repeat;}

.PopDownOptions {float:left;clear:both;width:auto !important;height:auto;margin:0;padding:0;background:#fff;border:1px solid #999; border-top:none;}
.PopDownOptions li {white-space:nowrap;min-height:26px;height:auto;width: auto;margin:0;padding:0 5px;border-bottom:1px dotted #f0f0f0;}
.PopDownOptions li:hover li a, .PopDownOptions li a {height:auto;background: transparent url(/assets/images/icons/ic_arrow_r_gray_6x10.gif) 0 4px no-repeat;margin:0;padding:2px 0px 0 15px;/*width:90%;*/text-decoration:none;color:#3d6b88;font-weight:600;}
.PopDownOptions li a:hover {background:transparent url(/assets/images/icons/ic_arrow_r_black_6x10.gif) 0px 4px no-repeat;color:#000;}
.PopDownOptions li:hover {background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.PopDownOptions li a.active {background:transparent url(/assets/images/icons/ic_arrow_r_black_6x10.gif) 0px 4px no-repeat;color:#000;}
.PopDownOptions li a.active span {border:none;}
#SelItemsMode .PopDownOptions {position:absolute;z-index:100;top:25px;left:10px;margin-right:10px; min-width:10em;}
.PopDownOptions li a span, .PopDownOptions li:hover li a span {border-bottom:1px dotted #3d6b88;}
.PopDownOptions li:hover a {color:#000;width:600;}
.PopDownOptions li:hover a span, .PopDownOptions li a:hover span, .PopDownOptions li:hover a:hover span {border:none;}
.PopDownOptions li li {background: url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
.PopDownOptions li:hover li a, .PopDownOptions li li a {background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0px 4px no-repeat;}
.PopDownOptions li:hover li a:hover, .PopDownOptions li li a:hover {color:#000;background: transparent url(/assets/images/icons/ic_arrow-l_level2.gif) 0 4px no-repeat;}


#GoToPage .PopDownOptions, 
#PagersShowRows .PopDownOptions,
.ListOptions .PopDownOptions {float:left;clear:both;/*overflow:hidden;*/height:auto;margin:0;padding:5px 0;width:10em;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;border:1px solid #999; border-top:none;}
.ListOptions .PopDownOptions {border:1px solid #999;}
#InboxConsole .PopDownOptions li,
#GoToPage .PopDownOptions li, 
#PagersShowRows .PopDownOptions li,
.ListOptions .PopDownOptions li {min-height:0;line-height:1.2em;margin:0;padding:0;width:100%;height:1.2em;background:none;}
* html .ListOptions .PopDownOptions li {width:5em;}
#InboxConsole .PopDownOptions li a, 
#GoToPage .PopDownOptions li a, 
#PagersShowRows .PopDownOptions li a,
.ListOptions .PopDownOptions li a {float:left;background:none;margin:0;padding:0 5%;width:90%;background:none;text-decoration:none;color:#000;font-weight:normal;}
#InboxConsole .PopDownOptions li a:hover, 
#GoToPage .PopDownOptions li a:hover, 
#PagersShowRows .PopDownOptions li a:hover,
.ListOptions .PopDownOptions li a:hover {background:#000;color:#FFF;font-weight:normal;}
#InboxConsole .PopDownOptions li a span {border:none;padding-right:15px;}

#GoToPage .PopDownOptions {position:absolute;z-index:10;top:22px;right:0;min-width:2.5em;width:2.5em;}

#PagersShowRows .PopDownOptions {position:absolute;right:0;top:22px;min-width:3em;width:3em;}
* html #PagersShowRows .PopDownOptions,
* html #GoToPage .PopDownOptions {width:3em !important;}

#PagersShowRows .PopDownOptions li a {background: none;}
*+html #GoToPage .PopDownControl, *+html #PagersShowRows .PopDownControl {min-width:2em;width:2em;}

#InboxConsole .PopDownOptions {padding:5px 0;border:1px solid #dddddd;position:absolute;z-index:10;top:51px;right:0px;min-width:6em;text-align:right;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;}
#InboxConsole .PopDownOptions li {border:none;}
#InboxConsole .PopDownOptions li a {padding:2px 5%;}


/* TOPIC  STYLE */
.PostWrap {clear: both; padding: 0.5em; margin:0; margin-left: 10px; margin-bottom: 10px;}
.Flag1 {border: 4px solid #dddddd;}
.Flag2 {border: 4px solid #9999FF;}
.PostHeader{clear: both; background: #F2F2F2; padding: 5px;    font-size: 1.1em;    line-height: 1.5em;    border: 5px solid #ececec;}
.PostHeader ul, li{ margin: 0; list-style-type: none; padding: 3px;}
.PostHeader img{border: 1px solid #c0c0c0;padding: 5px;margin: 0;}
.PostUserAvator {float: left;padding: 2px;margin-right: 1em;border: 1px solid #c0c0c0;}
.PostUserName {font-size: 1.4em;color: #000000;}
.PostUserName a {font-weight:600;color:#000000; text-decoration: none;letter-spacing:-.01em;margin-right:10px;padding: 0px 25px 0 0px; background:transparent url(/assets/images/icons/ic_arrow_r-b_blue_13x13.gif) 100% 50% no-repeat;}
.PostUserGroup {font-weight: 600;}
.PostUserGroup  a {font-size:1.15em;font-weight:600;margin:0; padding: 5px 10px 0 0;text-decoration:none; background:transparent url(/assets/images/icons/ic_marker_b.gif) 100% 80% no-repeat; }
.PostUserRank {font-weight: 600;}
.PostUserRank a {font-size:1.15em;font-weight:600;margin:0; padding: 5px 10px 0 0;text-decoration:none; background:transparent url(/assets/images/icons/ic_marker_b.gif) 100% 80% no-repeat; }
.PostSubject{padding-left: 5px;padding-top: 1px;margin-bottom: 5px;font-weight: 600;font-size: 0.8em; border-bottom: 1px dotted #dddddd;}
.PostSubject a{border-bottom: 1px dotted;}
.PostBody { font-size: 1.1em; line-height: 1.6em; padding: 0.5em;}
.PostBody a {text-decoration: underline;}
.Clarification {clear: both;position: relative;clear: both;border: 1px dotted #cccccc;margin: 1em 0em 1em 0em;padding: 1em;}
.Clarification h4 {position: absolute;top: -10px;left: 15px;background-color: #ffffff;padding-left: 5px; padding-right: 5px;font-weight: normal;font-style: italic;font  : "Arial", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;color: #4AA02C;}
.PostBody span.PostSignature {    clear: both;    display: block;    font-size: 1em;    color: #666666;    margin: 1em 1em 1em 0em;    border-top: 1px solid #cccccc;}
.PostBodyInlineImage {  clear: both;  margin: 0em 0em 1em 0em;  padding: 1em;  display: block;  border: 1px solid #cccccc;  overflow: hidden;}
a.PostBodyInlineImage img{  display: block;  max-width: 850px;}
.PostAttributes {clear: both;    position: relative;    clear: both;    border: 4px solid #e6e6e6;    margin: 1em 0em 1em 0em;    padding: 1em;}
.PostAttributes h4 {    background-color: #e6e6e6;    padding: 4px;    font-weight: 600;    font-size: 11px;    text-transform: uppercase;    font: "Arial", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;    color: #000000;}
.PostAttachments {    clear: both;    position: relative;    clear: both;    border: 1px dotted #cccccc;    margin: 1em 0em 1em 0em;    padding: 1em;}
.PostAttachments h4 {    position: absolute;    top: -10px;    left: 15px;    background-color: #ffffff;    padding-left: 5px;    padding-right: 5px;    font-weight: normal;    font  : "Arial", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;    color: #666;}
.PostAttachments  ul, li{    margin: 0;    list-style-type: none;    padding: 3px;}
.PostAttachments  a{    background-image: url(/assets/images/icons/attachment_clip.gif);    background-repeat: no-repeat;    background-position: 0 0%;    padding-left: 25px;    color: #3333CC;    background-color: transparent;    font-weight: normal;    text-decoration: underline;    letter-spacing: 0px;}
.PostQuoteOutline {    display: block;    width: 100%;    margin: 0;    margin-top: 1em;    margin-bottom: 1em;    border: 1px dotted #dddddd;    border-left: 8px solid #dddddd;    color: #999999;    font-size: 1.0em;    text-align: left;    padding: 0;  }
.PostQuoteInline {    display: block;    margin: 0px;    margin-left: 5px;    margin-right: 30px;    margin-bottom: 5px;    border: 1px dotted #dddddd;    border-left: 8px solid #dddddd;    color: #999999;    font-size: 1.0em;    text-align: left;    padding: 0;  }
a.PostQuoteSource{    display: block;    text-decoration: none;    border: none;    padding: 0.5em;    margin-bottom: 5px;    font-weight: normal;    font-size: 0.8em;    background: #dddddd;  }
.PostQuoteText {   display: block;   padding: 10px;}
.PostFooter {background: url(/assets/images/icons/message-header-arrow.gif) 35px 0px no-repeat;padding-left: 2px;padding-top: 1px;margin-top: 5px;margin:0;color: #000000;}
.PostFooter a{    display: block;    color: #c0c0c0;    text-transform: uppercase;    text-decoration: none;    font-size: 0.8em;}

.PostTools {clear: both;background: #F2F2F2;padding: 8px;margin-bottom: 20px;border: 5px solid #ececec;}
.PostTools  ul, li{margin: 0;list-style-type: none;padding: 3px;}
.PostTools a  {float:left; text-transform: uppercase; margin-right:8px;cursor:pointer; height:16px;background:url(/assets/images/misc/button_16.png) 0 -16px no-repeat;overflow:hidden;padding: 0 0 0 5px;text-decoration:none;font-size:11px;color:#000;}
.PostTools  a span {float:left;width:auto;height:16px;margin:0;padding:0 10px 0px 5px;background:url(/assets/images/misc/button_16.png) 100% 0 no-repeat;white-space:no-wrap;}
.PostTools a:hover {color:#BF3030;}
.PostTools  a.Current {float:left; font-weight: 600; text-transform: uppercase; margin-right:8px;cursor:pointer; height:16px;background:url(/assets/images/misc/button_16.png) 0 -16px no-repeat;overflow:hidden;padding:0  0 0 5px;text-decoration:none;font-size:11px;color:#00000;}
.PostTools  a.Current span {float:left;width:auto;height:16px;margin:0;padding:0 10px 0 5px;background:url(/assets/images/misc/button_16.png) 100% 0 no-repeat;white-space:no-wrap;}
.PostToolsForm {clear: both; margin-top: 15px; margin-left: 0px; padding: 20px; border: 4px solid #dddddd; background: #ffffff;}
/* END of TOPIC */


/* PAGER  STYLE */
#PagerSection {clear: both; padding:0; margin: 0; height: 35px; margin-left: 10px;}
.StandardPager {float: left; margin: 0;}
.StandardPager span {   display: block;   float: left;   font-family: 'arial',  sans-serif, helvetica;   font-weight: normal;   margin: 0;   margin-right: 4px;   margin-top: 6px;   padding-right: 4px;   text-decoration: none;}
.StandardPager a {   display: block;   float: left;   font-family: 'arial',  sans-serif, helvetica;   margin: 0;   margin-left: 4px;   margin-top: 4px;   border: 1px solid #CCCCCC;   padding: 2px;   padding-left: 4px;   padding-right: 4px;   background: #EEEEEE;   text-decoration: none;}
.StandardPager a:hover {   display: block;   float: left;   font-family: 'arial',  sans-serif, helvetica;   margin: 0;   margin-left: 4px;   margin-top: 4px;   border: 1px solid #ff0000;   padding: 2px;   padding-left: 4px;   padding-right: 4px;   background: #EEEEEE;   text-decoration: none; }
.StandardPagerPages {   float: right;   margin: 0;}
.StandardPagerPages span {   display: block;   float: left;   font-family: 'arial',  sans-serif, helvetica;   font-weight: normal;   margin: 0;   margin-left: 4px;   margin-top: 4px;   border: 1px solid #FF0000;   padding: 2px;   padding-left: 4px;   padding-right: 4px;   background: #FFB299;   text-decoration: none; }
.StandardPagerPages a {   display: block;   float: left;   font-family: 'arial',  sans-serif, helvetica;   margin: 0;   margin-left: 4px;   margin-top: 4px;   border: 1px solid #CCCCCC;   padding: 2px;   padding-left: 4px;   padding-right: 4px;   background: #EEEEEE;   text-decoration: none; }
.StandardPagerPages a:hover {   display: block;   float: left;   font-family: 'arial',  sans-serif, helvetica;   margin: 0;   margin-left: 4px;   margin-top: 4px;   border: 1px solid #ff0000;   padding: 2px;   padding-left: 4px;   padding-right: 4px;   background: #EEEEEE;   text-decoration: none; }
/* END of PAGER */

/* LOADING PROGRESS INDICATOR */
.LoaderIndicator {width:100%;height:80px;margin:0;padding:25px 0 0;}
.LoaderIndicator p {text-align: center !important; font-weight: 600;}
.LoaderIndicator p img {width: 48px;height: 48px;margin: 0 auto;display: block;}
/* END LOADING PROGRESS INDICATOR */

/* STYLE FOR UPLOADER FRQ */
div.AttachmentUploader { clear: both; padding: 0.5em; font-size: 1em;}
div.AttachmentUploader input.FileInput{ border: 1px solid #c0c0c0; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; font-family: Arial, Helvetica, sans-serif;margin: 2px;padding: 2px;font-weight: normal;width: 80%px;/*background: url(/assets/images/misc/bg_input_standard.gif);*/}
table.AttachmentsPost { width: 100%; margin: 0; margin-top: 10px; vertical-align: top; border-collapse : collapse; border: 1px dotted #cccccc; background: #ffffff;}
#tableAttachmentsPost table  th{ border: 1px solid #eeeeee; /*background: url(/assets/images/misc/bg_input_standard.gif);*/}
#tableAttachmentsPost table.AttachmentsPost tr, td, th { border-collapse : collapse; padding : 5px 10px; text-align: left; border: none; padding: 0; margin: 0;}
#tableAttachmentsPost table.AttachmentsPost,td,th{ padding : 5px 10px; text-align: left;}
.AttachmentsPost  th.StatsFiles span{ white-space: nowrap; padding: 0.5em; display: block; color: #000000;}
.AttachmentsPost  th.StatSize span{ white-space: nowrap; padding: 0.5em; display: block; color: #000000;}
.AttachmentsPost  th.StatsQuota span{ white-space: nowrap; padding: 0.5em; display: block; color: #000000;}
.AttachmentsPost td.Size  { font-weight: 600; color: #7fa8be; text-transform: uppercase; white-space: nowrap;padding:0 10px;}
.AttachmentsPost  span.AttachmentUploading {display: block; padding: 2px; margin: 2px; text-align: right; color: #ffffff; background: #3d6b88;}
.AttachmentsPost td.File a  {background-image: url(/assets/images/icons/attachment_clip.gif);background-repeat: no-repeat; background-position: 0 0%; padding-left: 25px;background-color: transparent;font-weight: normal;text-decoration: underline;}
.AttachmentsPost td.Tools a  {background:  url(/assets/images/misc/bg_button_standard.gif);color: #000;margin: 0;margin-left: 2px;padding: 3px;font-size: 0.9em;text-decoration: none;text-transform: uppercase;border: 1px solid #c0c0c0;border-right: 1px solid #999999;border-bottom: 1px solid #666666;}
.AttachmentsPost  td.Tools a:hover { border: 1px solid #ff0000; background: #ffffff;}
div.InlineForm .AttachmentsPost div.FormSubmitButton {margin:0;}
/* END STYLE FOR UPLOADER  FRQ */


#PageOptions ul.ListOptions {float:left;width:79%;list-style:none;margin:0;}
#PageOptions ul.ListOptions li {float:left;margin:0 0 2px;padding:0;}
#PageOptions ul.ListOptions .last {margin:0 5px 2px 0;}
* html #PageOptions ul.ListOptions li.last {float:left !important;}
#PageOptions .ListOptions .select span {font-weight:600;}
.ListOptions a.ButtonSmall22 {float:left;height:22px;background:url(/assets/images/misc/button_22-2.png) 0 0 no-repeat;overflow:hidden;margin:0;padding:0 0 0 5px;text-decoration:none;font-size:12px;color:#000;line-height:22px;border-right:1px solid #c0c0c0;}
.ListOptions a:hover.ButtonSmall22 {color:#BF3030;}
.ListOptions .disabled a.ButtonSmall22 {float:left;cursor:default;height:22px;background:url(/assets/images/misc/button_22-2-disabled.png) 0 0 no-repeat;overflow:hidden;margin:0;padding:0 0 0 5px;text-decoration:none;font-size:12px;color:#999;line-height:22px;border-right:1px solid #DDD;}
.ListOptions a.ButtonSmall22 span {float:left;width:auto;height:22px;margin:0;padding:0 10px 0 5px;background:url(/assets/images/misc/button_22-2.png) 0 0 no-repeat;white-space:nowrap;}
.ListOptions .disabled a.ButtonSmall22 span {float:left;width:auto;height:22px;margin:0;padding:0 10px 0 5px;background:url(/assets/images/misc/button_22-2-disabled.png) 0 0 no-repeat;white-space:nowrap;}

.ListOptions .first a.ButtonSmall22 {background:url(/assets/images/misc/button_22-2.png) 0 -22px no-repeat;}
.ListOptions .last a.ButtonSmall22 {background:none;padding:0;border-right:none;}
.ListOptions .last a.ButtonSmall22 span {background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;}
.ListOptions .first.last a.ButtonSmall22 {background:url(/assets/images/misc/button_22-2.png) 0 -22px no-repeat;padding:0 0 0 5px;border:none;}
.ListOptions .first.last a.ButtonSmall22 span {background:url(/assets/images/misc/button_22-2.png) 100% 0 no-repeat;}

.ListOptions .disabled.first a.ButtonSmall22, .ListOptions .first.disabled a.ButtonSmall22 {background:url(/assets/images/misc/button_22-2-disabled.png) 0 -22px no-repeat;}
.ListOptions .disabled.last a.ButtonSmall22, .ListOptions .last.disabled a.ButtonSmall22 {background:none;padding:0;border-right:none;}
.ListOptions .disabled.last a.ButtonSmall22 span, .ListOptions .last.disabled a.ButtonSmall22 span {background:url(/assets/images/misc/button_22-2-disabled.png) 100% 0 no-repeat;}
.ListOptions .disabled.first.last a.ButtonSmall22, .ListOptions .first.last.disabled a.ButtonSmall22 {background:url(/assets/images/misc/button_22-2-disabled.png) 0 -22px no-repeat;padding:0 0 0 5px;border:none;}
.ListOptions .disabled.first.last a.ButtonSmall22 span, .ListOptions .first.last.disabled a.ButtonSmall22 span {background:url(/assets/images/misc/button_22-2-disabled.png) 100% 0 no-repeat;}

#PageOptions .ListOptions .list {margin:0 5px 0 0;position:relative;}
.ListOptions .list a.ButtonSmall22 {background:url(/assets/images/misc/button_22-3_list.png) 0 -22px no-repeat;border:none;}
.ListOptions .list a.ButtonSmall22 span {background:url(/assets/images/misc/button_22-3_list.png) 100% 0 no-repeat;padding-right:20px;}
.ListOptions .list.active a.ButtonSmall22 {color:#FFF;background:url(/assets/images/misc/button_22-3_list.png) 0 -66px no-repeat;}
.ListOptions .list.active a.ButtonSmall22 span {background:url(/assets/images/misc/button_22-3_list.png) 100% -44px no-repeat;}

ul.BottomPager {float:right; width: 19%; height:30px; margin:0;padding:0;list-style:none;}
ul.BottomPager li {display:inline; float: right; list-style:none;margin:0 2px 0 0;padding:0; }
ul.BottomPager li span {line-height: 1.2em; padding: 5px;}

#PageOptions .ListOptions .PopDownOptions {position:absolute;bottom:22px;right:0;}
#PageOptions .ListOptions .PopDownOptions li {float:left;margin:0;padding:0;}
#PageOptions .ListOptions .PopDownOptions li a {float:left;width:96%;margin:0;padding:0 2%;}

/* POPUP LIST WITH SHADOW */

.PopUpBlockShadow {position:relative;margin:20px 0 0;padding:0 0 0 10px;background: transparent url(/assets/images/misc/bg_list_up_l.png) repeat-y;}
.PopUpBlockShadow.t22 {position:absolute;right:-10px;bottom:100%;}
.PopUpBlockShadow.d22 {position:absolute;right:-10px;top:0;}
.PopUpBlockShadow.sel{position:absolute;right:0px;}
.PopUpBlockShadow .content_wrapper {float:left;clear:both;margin:0;padding:0 10px 0 0;background: transparent url(/assets/images/misc/bg_list_up_r.png) 100% 0 repeat-y;}
.PopUpBlockShadow .content {float:left;clear;both;margin:0;padding:0;background:#f7f7f7;}
.PopUpBlockShadow .head {position:absolute;top:-15px;left:20px;right:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_u_middle.png) repeat-x;}
.PopUpBlockShadow .head .left {position:absolute;left:-20px;width:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_u_l.png) no-repeat;}
.PopUpBlockShadow .head .right {position:absolute;right:-20px;width:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_u_r.png) no-repeat;}
.PopUpBlockShadow .footer {position:absolute;bottom:-15px;left:20px;right:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_d_middle.png) repeat-x;}
.PopUpBlockShadow .footer .left {position:absolute;left:-20px;width:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_d_l.png) no-repeat;}
.PopUpBlockShadow .footer .right {position:absolute;right:-20px;width:20px;height:15px;background:transparent url(/assets/images/misc/bg_list_up_d_r.png) no-repeat;}
.PopUpBlockShadow ul {list-style:none;}
.PopUpBlockShadow li {display:block;clear:both;white-space:nowrap;}
.PopUpBlockShadow li a {text-decoration:none;color:#000;}
.PopUpBlockShadow li a:hover {color:#BF3030;}
.PopUpBlockShadow li.disabled a {color:#999;cursor:default;}

.SnapShot .win li {list-style: none;margin: 0;padding: 0;vertical-align: baseline;line-height: auto;font-size: 12px; margin-bottom: 2px;}
.SnapShot .win li a {padding-left: 0px;border: none;padding: 3px 5px;text-transform: capitalize;text-decoration: none;background:none;}

.SnapShot .win .stat .date ul.right .PopUpBlockShadow ul {list-style:none;width:auto !important;min-width:7.5em;background:none;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li {float:none;display:block;overflow:hidden;clear:both;white-space:nowrap;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li a {text-align:left;color:#000;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li a:hover {background:#333333;color:#fff;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li.active a {background:#b0b0b0;color:#f0f0f0;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li.active a:hover {background:#333333;color:#fff;}
.SnapShot .win .stat .date ul.right .PopUpBlockShadow li.disabled a {color:#999;cursor:default;}

.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow {z-index:25;top:2px;left:-10px;border:none;}
.SnapShot .win .win-footer .PopUpBlockShadow .content {float:left;background:#f7f7f7;}

.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow ul {list-style:none;width:auto !important;min-width:15em;background:none;}
.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow li {float:none;display:block;overflow:hidden;clear:both;white-space:nowrap;}
.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow li a {text-align:left;color:#000;}
.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow li a:hover {background:#999;color:#fff;}
.SnapShot .win .win-footer .mode-send ul li.active .PopUpBlockShadow li a {background:#b0b0b0;color:#f0f0f0;}
.SnapShot .win .win-footer .mode-send ul li.active .PopUpBlockShadow li a:hover {background:#333333;color:#fff;}
.SnapShot .win .win-footer .mode-send ul li .PopUpBlockShadow li.disabled a {color:#999;cursor:default;}

/* CORENER BG: white; OUT: gray; no border */
.corner-4{position:relative;margin:0 0 5px 0;background:#ededed;border:1px solid #e0e0e0;}
.corner-4 ins{background:transparent url(/assets/images/misc/corner_4.gif) no-repeat scroll 0 0;display:block;width:4px;height:4px;overflow:hidden;position:absolute;}
.corner-w-w{background:#ffffff;border:1px solid #e0e0e0;}
.corner-w-w ins{background:url(/assets/images/misc/corner_4_w_w.gif) no-repeat scroll 0 0;}
.corner-w-w-h{background:#ffffff;border:1px solid #e0e0e0;}
.corner-w-w-h ins{background:url(/assets/images/misc/corner_4_w_w_h.gif) no-repeat scroll 0 0;}
.corner-4 .lt{background-position:-4px -4px;left:-1px;top:-1px;}
.corner-4 .rt{background-position:0 -4px;right:-1px;top:-1px;}
.corner-4 .lb{background-position:-4px 0;bottom:-1px;left:-1px;}
.corner-4 .rb{bottom:-1px;right:-1px;}
.corner-4 .rt { _right: expression(1 == this.parentNode.clientWidth % 2 ? '-2px' : '0px');}
.corner-4 .lb { _bottom: expression(1 == this.parentNode.clientHeight % 2 ? '-2px' : '-1px');}
.corner-4 .rb { _bottom: expression(1 == this.parentNode.clientHeight % 2 ? '-2px' : '-1px');
_right: expression(1 == this.parentNode.clientWidth % 2 ? '-2px' : '0px');}
.corner-4 .arrow-right {position:absolute;top:45px;right:-9px;z-index:10;width:9px;height:18px;overflow:hidden;background:transparent url(/assets/images/misc/win_arrow_right.gif) no-repeat;}


/* BUTTON LIST height 22px */

li a.button-22.up,.first.last a.button-22.up {background:url(/assets/images/icons/ic_button_22.gif) 0 -110px no-repeat;padding:0 0 0 3px;border:none;}
li a:hover.button-22.up {color:#bf3030;}
li a.button-22.up span, .first.last a.button-22.up span{padding:0 15px 0 8px;line-height:22px;background:url(/assets/images/icons/ic_button_22.gif) 100% -88px no-repeat;}
.disabled a.button-22.up, .first.last.disabled a.button-22.up{background:url(/assets/images/icons/ic_button_22.gif) 0 -154px no-repeat;}
.disabled a.button-22.up span, .first.last.disabled a.button-22.up span {background-position:100% -132px;}
li a.button-22.up span input, a.button-22.down span input{margin:5px 0 0;}
* html a.button-22.up span input, * html a.button-22.down span input{margin:0;}

li a.button-22.down,.first.last a.button-22.down {background:url(/assets/images/icons/ic_button_22.gif) 0 -198px no-repeat;padding:0 0 0 3px;border:none;}
li a:hover.button-22.down {color:#bf3030;}
li a.button-22.down span, .first.last a.button-22.down span{padding:0 15px 0 8px;line-heigh:22px;background:url(/assets/images/icons/ic_button_22.gif) 100% -176px no-repeat;}
.disabled a.button-22.down, .first.last.disabled a.button-22.down{background-position: 0 -242px;}
.disabled a.button-22.down span, .first.last.disabled a.button-22.down span{background-position: 100% -220px;}


/* BUTTON height 22px */
a.button-22 {float:left;height:22px;background:url(/assets/images/icons/ic_button_22.gif) 0 0 no-repeat;overflow:hidden;margin:0;padding:0 0 0 3px;text-decoration:none;font-size:12px;color:#000;line-height:22px;border-right:1px solid #c0c0c0;}
a:hover.button-22 {color:#bf3030;}
.disabled a.button-22 {float:left;cursor:default;height:22px;background:none;overflow:hidden;margin:0;padding:0;text-decoration:none;font-size:12px;color:#999;line-height:18px;border-right:1px solid #DDD;}
a.button-22 span {float:left;width:auto;height:22px;line-height:22px;margin:0;padding:0 10px 0 8px;background:url(/assets/images/icons/ic_button_22.gif) 0 0 no-repeat;white-space:nowrap;}
.disabled a.button-22 span {float:left;width:auto;height:22px;margin:0;padding:0 10px 0 10px;background-position:0 -44px;white-space:nowrap;}


a.button-17.list span {background:url(/assets/images/icons/ic_button_17_sel.gif) 100% -34px no-repeat;}
a.button-17 {float:left;height:17px;background:url(/assets/images/icons/ic_button_17_sel.gif) 0 0 no-repeat;overflow:hidden;margin:0;padding:0 0 0 2px;text-decoration:none;font-size:12px;color:#000;line-height:17px;}
a:hover.button-17 {color:#bf3030;}
.disabled a.button-17 {float:left;cursor:default;height:17px;background:none;overflow:hidden;margin:0;padding:0;text-decoration:none;font-size:12px;color:#999;line-height:18px;}
a.button-17 span {float:left;width:auto;height:17px;line-height:17px;margin:0;padding:0 15px 0 3px;background:url(/assets/images/icons/ic_button_17_sel.gif) 100% -17px no-repeat;white-space:nowrap;}
.disabled a.button-17 span {float:left;width:auto;height:17px;margin:0;padding:0 10px 0 10px;background-position:0 -44px;white-space:nowrap;}


.disabled.first a.button-22, .first.disabled a.button-22 {background-position:0 -66px;}
.disabled.first a.button-22 span, .first.disabled a.button-22 span {background-position:0 -44px;}
.disabled.last a.button-22, .last.disabled a.button-22 {background:none;padding:0;border-right:none;}
.disabled.last a.button-22 span, .last.disabled a.button-22 span {background-position:100% -44px;}
.disabled.first.last a.button-22, .first.last.disabled a.button-22 {background-position:0 -66px;padding:0 0 0 3px;border:none;}
.disabled.first.last a.button-22 span, .first.last.disabled a.button-22 span {background-position:100% -44px;}

.first a.button-22 {background-position: 0% -22px;}
.first a.button-22 span{background-position: 0 0;}
.last a.button-22 {background:none;padding:0;border-right:none;}
.last a.button-22 span {background-position: 100% 0;}
.first.last a.button-22 {background:url(/assets/images/icons/ic_button_22.gif) 0 -22px no-repeat;padding:0 0 0 2px;border:none;}
.first.last a.button-22 span {background:url(/assets/images/icons/ic_button_22.gif) 100% 0 no-repeat;}

/* LANDING MIXER */
#Mixer {position:relative;width:948px; text-align: center;  margin: 0 10px auto; background:#e6e6e6; overflow:hidden;clear:both; border:#DCDCDC solid 1px;-moz-border-radius:3px; }
#Mixer ul {position:relative;width:935px;margin:0 auto;padding: 5px 0;list-style:none;overflow:hidden;}
#Mixer li {position:relative; float:left; text-align:left; margin:4px; padding:0; width: 108px; height:172px; overflow:hidden;}
#Mixer  a {position:absolute; left:0; top:0; z-index:3; overflow:hidden; display:table-cell; vertical-align: middle; width:100px; height:164px; color:#000; text-transform: uppercase; text-decoration:none;  border: 4px solid #636a73;}
#Mixer li a:hover {border: 4px solid #e52020;}
#Mixer li a:hover h1 {color:#ffffff;}
#Mixer h1.Book { display:table-cell; background: #636a73; width:106px; height:168px; padding: 0.35em; color:#ffffff; text-align:left; vertical-align:middle; font-size:0.9em; font-weight:600; text-decoration:none; text-transform: uppercase;}
#Mixer h1.Cover { display:table-cell; background: #fff; width:106px; height:168px; padding: 0.35em; color:#000000; text-align:left; vertical-align:middle; font-size:0.9em; font-weight:600; text-decoration:none; text-transform: uppercase;}

/* LANDING PROMOMIX */
#PROMOMIX {position:relative;width:948px; text-align: center;  margin: 0 10px auto; padding: 4px; pading-right: 0px; background:#e6e6e6; overflow:hidden;clear:both; border:#DCDCDC solid 1px;-moz-border-radius:3px; }
#PROMOMIX ul {position:relative;width:935px;margin:0 auto;padding: 5px 0;list-style:none;overflow:hidden;}

#PROMOMIX li {position:relative; float:left; text-align:left; margin:4px; padding:0; width: 224px; height:222px; overflow:hidden;}

#PROMOMIX  a {position:absolute; left:0; top:0; z-index:3; overflow:hidden; display:table-cell; vertical-align: middle; width:216px; height:214px; color:#000; text-transform: uppercase; text-decoration:none;  border: 4px solid #636a73;}

#PROMOMIX li a:hover {border: 4px solid #e52020;}
#PROMOMIX li a:hover h1 {color:#ffffff;}

#PROMOMIX h1.Book { display:table-cell; background: #636a73; width: 224px; height:222px; padding: 0.35em; color:#ffffff; text-align:left; vertical-align:middle; font-size:1.7em; line-height: 1.2em; font-weight:600; text-decoration:none; text-transform: uppercase;}
#PROMOMIX h1.Cover { display:table-cell; background: #fff; width:216px; height:214px;  padding: 0.35em; color:#000000; text-align:left; vertical-align:middle; font-size:0.9em; font-weight:600; text-decoration:none; text-transform: uppercase;}

.DNavigation {float:left;clear:both;margin:30px 0 10px 20px !important;padding:0 !important;}
.DNavigation ul {list-style:none;margin:0;padding:0;}
.DNavigation ul li {float:left; list-style:none; margin: 0 50px 0 0;padding:0;}
.DNavigation ul li a {text-transform:uppercase;font-weight:600;text-decoration:none;color:#000;font-size:.9em;padding:0; padding-right: 20px; background: url(/assets/images/icons/ic_arrow1_rb_black_16x16.gif) 100% 50% no-repeat;}
.DNavigation ul li a:hover {color:#ff0000;}
.DNavigation ul li a.Selected {color:#ff0000; background: url(/assets/images/icons/ic_arrow1_lt_black_16x16.gif) 100% 50% no-repeat;}

table.description {width:100%;border:0;margin:0 0 20px;border-collapse:collapse;color:#000000;}
table.description th {width:9em;padding:.2em 10px .2em 0;font-size:.85em;border-bottom:1px solid #e0e0e0;font-weight:normal; text-align:right;}
table.description td {padding:.2em 10px .2em 0;font-size:.95em;border-bottom:1px solid #e0e0e0;}
table.description tr.last th, table.description tr.last td {border:none;}

table.pricelist {width:100%;border:none;margin:0;border-collapse:collapse;color:#000;}
table.pricelist th {width:7em;padding:.2em 10px .2em;font-size:.95em;border:none;background:transparent;text-align:left;font-weight:600;vertical-align:top; text-align: right;}

table.pricelist th.remark {vertical-align:bottom;}
table.pricelist td {padding:.2em 4px .2em;font-size:.85em;border:none;background:transparent;text-align:left;}
table.pricelist tr.InfoPrice {font-weight: 600; color:#000000;}
table.pricelist tr.SalePrice {color:#f00000;}
table.pricelist tr.last td {border:none;}

.rec3 {border:1px solid #e0e0e0;-moz-border-radius:3px;background-color:#fcfcfc;padding:10px 0;}
.quantity {position:relative;}
.quantity .PopDown {position:absolute;z-index:10;top:17px;float:left;clear:both;/*overflow:hidden;*/height:auto;margin:0;padding:0;width:2.1em;list-style:none;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;border:1px solid #dddddd; border-top:none;}
.quantity .PopDown li {height:auto;display:block;clear:both;margin:0 !important;padding:0 !important;width:100%;background:none;}
.quantity .PopDown li a {float:left;height:auto !important;background:none;margin:0;padding:0 .5em 0 .5em;width:1.1em;background:none;text-decoration:none;color:#000;/*text-align:center;*/}
.quantity .PopDown li a:hover {background:#707070;color:#FFF;}
.quantity .button-17 {margin-right:5px;}
.remark {border:1px solid #e0e0e0;-moz-border-radius:3px;background:#fff;padding:5px;}
.remark textarea {border:0;width:100%;margin:0;padding:0;background:#fff;font-family:Arial,Trebuchet MS,Helvetica,sans-serif;font-size:1em;}

#DisplayGrid {float:left;clear:both;width:945px;margin:25px 1% 45px; padding: 1px 1px 1px 1px;}
#DisplayGrid .RowCell {float: left; display: block; width: 210px; height: 485px; overflow: hidden; border: 4px solid #636a73; padding: 5px; margin: 4px; text-decoration: none;}
#DisplayGrid .RowCell:hover {border: 4px solid #ff0000; }
#DisplayGrid .RowCell img {border: 0px;  width: 200px; height: 200px;}
#DisplayGrid .RowSum {display: block; clear:  both; height: 35px; overflow: hidden; color: #000000; font-size: 11px;  padding: 2px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #636a73;}
#DisplayGrid .RowSpecs {display: block; clear: both; border: none; margin: 0; padding:0;}
#DisplayGrid .RowPrice {display: block; clear: both; border:1px solid #e0e0e0;-moz-border-radius:3px;background-color:#fcfcfc;padding:10px 0;}

#DisplayThumbnail {float:left;clear:both;width:945px;margin:25px 1% 45px; padding: 1px 1px 1px 1px;}
#DisplayThumbnail .RowCell {float: left; display: block; width: 210px; height: 310px; overflow: hidden; border: 4px solid #636a73; padding: 5px; margin: 4px; text-decoration: none;}
#DisplayThumbnail .RowCell:hover {border: 4px solid #ff0000; }
#DisplayThumbnail .RowCell img {border: 0px; width: 200px; height: 200px;}
#DisplayThumbnail .RowSum {display: block; clear:  both; height: 35px; overflow: hidden; color: #000000; font-size: 11px;  padding: 2px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #636a73;}
#DisplayThumbnail .RowSpecs {display: none; clear: both; border: none; margin: 0; padding:0;}
#DisplayThumbnail .RowPrice {display: block; clear: both; border:1px solid #e0e0e0;-moz-border-radius:3px;background-color:#fcfcfc;padding:10px 0;}


.SpreadTitle { margin:0; margin-left: 10px; height: 100px; text-align: center; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x; border: 0px solid #dddddd;}
.SpreadTitle {text-align:left;}
.SpreadTitle h1 {font-size: 1.6em; font-weight:normal;color:#000;padding:20px 20px 4px; text-transform: uppercase;}
.SpreadTitle h2 {font-weight:normal;color:#000;padding:0 20px;text-transform:uppercase;font-size:1.3em;}



#DisplayExpanded {clear: both; margin:0; margin-left: 10px;  text-align: left; padding-left: 10px;  background:#fff; border: 1px solid #dddddd; border-top: none;}
#DisplayExpanded table  { width: 100%; background-color: #FFF; border-collapse : collapse;}
#DisplayExpanded  table td { border: none; line-height: 1.3em; vertical-align: top; border: none; color: #000000; vertical-align: top; text-align: left; padding: 0px 2px 8px 12px;}
#DisplayExpanded  tr.AttributionTop th { font-size: 14px; text-decoration: none; white-space:nowrap; text-align: left; text-transform: uppercase; margin: 0; padding: 4px; font-weight:normal; color:  #000000;}
#DisplayExpanded table  td.Attribute{ white-space:nowrap; text-align: right; font-weight: 600;}
#DisplayExpanded table  td.Designation{ width: 90%; text-align: left; }

#DisplayExpanded tr.AttributionTop td {color: #000;margin: 0;}
#DisplayExpanded  tr.AttributionBottom td {border: none;}

#DisplayExpanded h1 { font-size:  1.2em; color: #000;  display: block;  line-height: 1.6em; color: #fff;}
#DisplayExpanded h2 { font-size: 1.1em;  color: #000; display: block; border: none; ine-height: 1.6em; color: #fff;}
#DisplayExpanded h4 { font-size: 12px; padding: 15px 15px 5px 5px; color: #000000; text-transform: uppercase; display: block; border-bottom: 1px solid #dddddd;;}
#DisplayExpanded p {font-size: 1.1em; line-height: 1.5em; color: #fff;}
#DisplayExpanded .ExpandedLeft { float: left; width: 450px; padding:0; margin:0;}

/*
#DisplayExpanded .ExpandedRight { float: right; width: 395px; border: 4px solid #636a73; background: #636a73; padding: 1.2em; margin: 15px; margin-top: 4%;}
*/
#DisplayExpanded .ExpandedBottom {clear: both;  border-top: 1px solid #dddddd; padding: 10px 0;}

#Mixer3 {position:relative;width:948px; text-align: center;  margin: 0 10px auto; background:#e6e6e6; overflow:hidden;clear:both; border:#DCDCDC solid 1px;-moz-border-radius:3px; }
#Mixer3 ul {position:relative;width:935px;margin:0 auto;padding: 5px 0;list-style:none;overflow:hidden;}
#Mixer3 li {position:relative; float:left; text-align:left; margin:4px; padding:0; width: 108px; height:172px; overflow:hidden;}
#Mixer3  a {position:absolute; left:0; top:0; z-index:3; overflow:hidden; display:table-cell; vertical-align: middle; width:100px; height:164px; color:#000; text-transform: uppercase; text-decoration:none;  border: 4px solid #636a73;}
#Mixer3 li a:hover {border: 4px solid #e52020;}
#Mixer3 li a:hover h1 {color:#ffffff;}
#Mixer3 h1.Book { display:table-cell; background: #636a73; width:106px; height:168px; padding: 0.35em; color:#ffffff; text-align:left; vertical-align:middle; font-size:0.9em; font-weight:600; text-decoration:none; text-transform: uppercase;}
#Mixer3 h1.Cover { display:table-cell; background: #fff; width:106px; height:168px; padding: 0.35em; color:#000000; text-align:left; vertical-align:middle; font-size:0.9em; font-weight:600; text-decoration:none; text-transform: uppercase;}


/* VIEW MODE SCREEN */

.SpreadTitle { margin:0; margin-left: 10px; height: 100px; text-align: center; background:  url(/assets/images/misc/bg_gradient_f.gif) repeat-x; border: 0px solid #dddddd;}
.SpreadTitle {text-align:left;}
.SpreadTitle h1 {font-size: 1.6em; font-weight:normal;color:#000;padding:20px 20px 4px; text-transform: uppercase;}
.SpreadTitle h2 {font-weight:normal;color:#000;padding:0 20px;text-transform:uppercase;font-size:1.3em;}


#ToolsSection {clear:both; border: none;height: 35px;position: relative;z-index: 10; margin:20px 15px 0px 20px !important;padding:0 !important;}
#ToolsSection p {display: block; width: 1.5em; clear: both;}
#ToolsSection .StandardTools a.Active {border: 1px solid #7fa8be;background: none; }
#ToolsSection .StandardTools a.Selected {border: 1px solid #c4c4c4;background: #7fa8be; color: #FFF;}
#ToolsSection  .StandardToolsExtended a.Selected {border: 1px solid #c4c4c4;background: #7fa8be; color: #FFF;}

#ToolsSection .StandardTools {float: left;margin: 0;list-style: none;margin: 0;padding: 0;}
#ToolsSection .StandardTools li {display: inline;float: left;list-style: none;margin: 0;padding: 0;position: relative;}
#ToolsSection .StandardTools span {display: block;float: left;font-weight: normal;margin: 0;margin-right: 4px;margin-top: 6px;padding-right: 4px;  text-transform:uppercase;font-weight:600;text-decoration:none;color:#000;font-size:.9em;}
#ToolsSection .StandardTools a {position:relative;float: left;padding: 2px 5px 2px 5px;margin: 4px 0 0 4px;background:#636a73;color: #FFF;font-size: 1.0em;text-transform: uppercase;text-decoration: none;white-space: nowrap;letter-spacing: 0.05em;border: 1px solid #c4c4c4;}
#ToolsSection .StandardTools a:hover {border: 1px solid #c4c4c4;background: #7fa8be; color: #FFF;}
#ToolsSection .StandardToolsExtended {float: right;list-style: none;margin: 0;padding: 0;}
#ToolsSection .StandardToolsExtended li {display: inline;float: left;list-style: none;margin: 0;padding: 0;/*position: relative;*/}
#ToolsSection .StandardToolsExtended span {float: left;font-weight: normal;margin: 6px 4px 0 0;padding-right: 4px; text-transform:uppercase;font-weight:600;text-decoration:none;color:#000;font-size:.9em;}
#ToolsSection .StandardToolsExtended a {position:relative;float: left;padding: 2px 5px 2px 5px;margin: 4px 0 0 4px;background:#636a73;color: #FFF;font-size: 12px;text-transform: uppercase;text-decoration: none;white-space: nowrap;letter-spacing: 0.05em;border: 1px solid #c4c4c4;}
#ToolsSection .StandardToolsExtended  a:hover {border: 1px solid #c4c4c4;background: #7fa8be; color: #FFF;}

#ToolsSection a.Icon {float: left; padding: 3px 5px 3px 5px;margin: 4px 0 0 4px;background:none;color: #FFF;font-size: 12px;text-transform: uppercase;text-decoration: none;white-space: nowrap;letter-spacing: 0.05em;border: 1px solid #c4c4c4;}
#ToolsSection a:hover.Icon {border: 1px solid #7fa8be;background:none;}

/* PAGERS SECTION */
#PagerSection {clear: both;position: relative;padding:0;margin: 0;height: 35px;padding: 0;margin-top: 20px;font-size: 1.0em; font-weight: 600;}
.StandardPager {float: left;margin: 0;}
.StandardPager span {display: block;float: left;font-weight: 600;margin: 6px 4px 0 0;padding-right: 4px;text-decoration: none; text-transform: uppercase;}
.StandardPager a {float: left;margin: 4px 0 0 4px;border: 1px solid #c4c4c4;background: #636a73;color: #fff;font-size: 12px;text-decoration: none;padding: 2px 4px;}
.StandardPager a:hover {border: 1px solid #c4c4c4;background: #B87884;}

.StandardPager a.prev span, .StandardPager a.next span {display:none;}
.StandardPager a.prev {padding:5px;width:10px;height:10px;background:#636a73 url(/assets/images/icons/ic_arrow-left_white_5x9.gif) 50% 50% no-repeat;}
.StandardPager a:hover.prev {background:#7fa8be url(/assets/images/icons/ic_arrow-left_white_5x9.gif) 50% 50% no-repeat;}
.StandardPager a.next {padding:5px; width:10px;height:10px;background:#636a73 url(/assets/images/icons/ic_arrow-right_white_5x9.gif) 50% 50% no-repeat;}
.StandardPager a:hover.next {background:#7fa8be url(/assets/images/icons/ic_arrow-right_white_5x9.gif) 50% 50% no-repeat;}

.StandardPagerPages {float: right;margin: 0;}
.StandardPagerPages span {float: left;font-weight: normal;font-size: 12px;margin: 0;margin-left: 4px;margin-top: 4px;border: 1px solid #c4c4c4;background: #7fa8be;color: #ffffff;padding: 2px 4px;text-decoration: none;text-transform: uppercase;}
.StandardPagerPages a {float: left;margin: 4px 0 0 4px;border: 1px solid #c4c4c4;background: #636a73;color: #fff;font-size: 1em;text-decoration: none;text-transform: normal;padding: 2px 6px 2px 6px; text-transform: uppercase;}
.StandardPagerPages a:hover {border: 1px solid #c4c4c4;background: #7fa8be; padding: 2px 6px 2px 6px;}

table.description {width:100%;border:0;margin:0 0 20px;border-collapse:collapse;color:#000000;}
table.description th {width:9em; white-space: nowrap; padding:.2em 10px .2em 0;font-size:.85em;border-bottom:1px solid #e0e0e0;font-weight:normal; text-align:right;}
table.description td {width:9em; white-space: nowrap; overflow: hidden; padding:.2em 10px .2em 0;font-size:.95em;border-bottom:1px solid #e0e0e0;}
table.description tr.last th, table.description tr.last td {border:none;}

table.pricelist {width:100%;border:none;margin:0;border-collapse:collapse;color:#000;}
table.pricelist th {width:7em;padding:.2em 10px .2em;font-size:.95em;border:none;background:transparent;text-align:left;font-weight:600;vertical-align:top; text-align: right;}

table.pricelist th.remark {vertical-align:bottom;}
table.pricelist td {padding:.2em 4px .2em;font-size:.85em;border:none;background:transparent;text-align:left;}
table.pricelist tr.InfoPrice {font-weight: 600; color:#000000;}
table.pricelist tr.SalePrice {color:#f00000;}
table.pricelist tr.last td {border:none;}

.rec3 {border:1px solid #e0e0e0;-moz-border-radius:3px;background-color:#fcfcfc;padding:10px 0;}
.quantity {position:relative;}
.quantity .PopDown {position:absolute;z-index:10;top:17px;float:left;clear:both;/*overflow:hidden;*/height:auto;margin:0;padding:0;width:2.1em;list-style:none;background:#fff url(/assets/images/misc/bg_edit_panel.gif) 0 100% repeat-x;border:1px solid #dddddd; border-top:none;}
.quantity .PopDown li {height:auto;display:block;clear:both;margin:0 !important;padding:0 !important;width:100%;background:none;}
.quantity .PopDown li a {float:left;height:auto !important;background:none;margin:0;padding:0 .5em 0 .5em;width:1.1em;background:none;text-decoration:none;color:#000;/*text-align:center;*/}
.quantity .PopDown li a:hover {background:#707070;color:#FFF;}
.quantity .button-17 {margin-right:5px;}
.remark {border:1px solid #e0e0e0;-moz-border-radius:3px;background:#fff;padding:5px;}
.remark textarea {border:0;width:100%;margin:0;padding:0;background:#fff;font-family:Arial,Trebuchet MS,Helvetica,sans-serif;font-size:1em;}

#DisplayGrid {float:left;clear:both;width:945px;margin:25px 1% 45px; padding: 1px 1px 1px 1px;}
#DisplayGrid .RowCell {float: left; display: block; width: 210px; height: 488px; overflow: hidden; border: 4px solid #636a73; padding: 5px; margin: 4px; text-decoration: none;}
#DisplayGrid .RowCell:hover {border: 4px solid #7fa8be; }
#DisplayGrid .RowCell img {border: 0px;  width: 200px; height: 200px;}
#DisplayGrid .RowCN {display: none; clear:  both; text-align: center; height: 35px; overflow: hidden; color: #000000; font-size: 11px;  padding: 2px; font-weight: 600; text-transform: uppercase; }
#DisplayGrid .RowSum {display: block; clear:  both; height: 32px; overflow: hidden; color: #000000; font-size: 0.9em;  padding: 2px; font-weight: 600; text-transform: none; border-bottom: 0px solid #636a73; margin-left: 1em; margin-bottom: 4px;}
#DisplayGrid  .RowDesc {display: none;  float: left; position:relative;  width: 200px;  background-color: #636a73; color: #fff; margin: 1em; margin-left: 0; padding: 1em; overflow: hidden;}
#DisplayGrid  .RowDesc p {color: #fff; display: block; margin: 0;  height: 144px; line-height: 16px; padding: 0px;  overflow: hidden; text-overflow: ellipsis;}
#DisplayGrid .RowSpecs {display: block; clear: both; border: none; margin: 0; padding:0;}
#DisplayGrid  .spec {margin-bottom: 0; font-size: 12px; }
#DisplayGrid  .spec .last {border-bottom:1px solid #e0e0e0;}
#DisplayGrid  .stock {margin-bottom: 0; font-size: 12px;}
#DisplayGrid .RowPrice {display: block; clear: both; border:1px solid #e0e0e0;-moz-border-radius:3px;background-color:#fcfcfc;padding:10px 0;}

#DisplayThumbnail {float:left;clear:both;width:945px;margin:25px 1% 45px; padding: 1px 1px 1px 1px;}
#DisplayThumbnail .RowCell {float: left; display: block; width: 136px; height: 161px; overflow: hidden; border: 1px solid #636a73; padding: 5px; margin: 4px; text-decoration: none;}
#DisplayThumbnail .RowCell:hover {border: 1px solid #7fa8be; }
#DisplayThumbnail .RowCell img {border: 0px; width: 124px; height: 124px;}
#DisplayThumbnail .RowCN {display: block; clear:  both; text-align: center; height: 17px; overflow: hidden; color: #000000; font-size: 11px;  padding: 2px; font-weight: 600; text-transform: uppercase; }
#DisplayThumbnail .RowSum {display: none; clear:  both; height: 35px; overflow: hidden; color: #000000; font-size: 11px;  padding: 2px; font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #636a73;}
#DisplayThumbnail .RowDesc {display: none;  float: left; position:relative;  width: 200px;  background-color: #636a73; color: #fff; margin: 1em; margin-left: 0; padding: 1em; overflow: hidden;}
#DisplayThumbnail .RowDesc p {color: #fff; display: block; margin: 0;  height: 144px; line-height: 16px; padding: 0px;  overflow: hidden; text-overflow: ellipsis;}
#DisplayThumbnail .RowSpecs {display: block; clear: both; border: none; margin: 0; padding:0;}
#DisplayThumbnail .spec { display: block; font-size: 12px;}
#DisplayThumbnail.spec .last {border-bottom:1px solid #e0e0e0;}
#DisplayThumbnail.stock {display: none; font-size: 12px; }
#DisplayThumbnail .RowPrice {display: none; clear: both; border:1px solid #e0e0e0;-moz-border-radius:3px;background-color:#fcfcfc;padding:10px 0;}


#DisplayGallery {float:left;clear:both;width:945px;margin:25px 1% 45px; padding: 1px 1px 1px 1px;}
#DisplayGallery .RowCell {float: left; display: block; clear: both; width: 920px; height: 220px; overflow: hidden; border:  4px solid #636a73; padding: 5px; margin: 4px; text-decoration: none;}
#DisplayGallery .RowCell:hover {border: 4px solid #7fa8be; }
#DisplayGallery .RowCell img {border: 0px;  width: 200px; height: 200px; float: left;}
#DisplayGallery .RowCN {display: none; clear:  both; text-align: center; height: 17px; overflow: hidden; color: #000000; font-size: 11px;  padding: 2px; font-weight: 600; text-transform: uppercase; }
#DisplayGallery .RowSum {display: block; color: #000000; font-size: 1em;  padding: 2px; font-weight: 600; text-transform: none; border-bottom: none;}
#DisplayGallery .RowDesc {display: block;  float: left; position:relative;  width: 200px;  background-color: #636a73; color: #fff; margin: 1em; margin-left: 0; padding: 1em; overflow: hidden;}
#DisplayGallery .RowDesc p {color: #fff; display: block; margin: 0;  height: 144px; line-height: 16px; padding: 0px;  overflow: hidden; text-overflow: ellipsis;}
#DisplayGallery .RowSpecs {display: block; float: left; border: none; margin-left: 1em; padding-top: 6px;}
#DisplayGallery .spec { width: 260px; margin-bottom: 0; font-size: 12px;}
#DisplayGallery .spec .last {border-bottom:1px solid #e0e0e0;}
#DisplayGallery .stock {width: 260px; font-size: 12px;}
#DisplayGallery .RowPrice {display: block; width: 185px; float: right; border:1px solid #e0e0e0;-moz-border-radius:3px;background-color:#fcfcfc;padding:10px 0; margin: 5px; margin-top: 10px;}

#DisplayList {float:left;clear:both;width:945px;margin: 25px 1% 45px; padding: 1px 1px 1px 1px;}
#DisplayList .RowCell {float: left; display: block; clear: both; width: 930px; height: 128px; overflow: hidden; border:  1px solid #636a73;  padding: 5px; margin: 4px; text-decoration: none;}
#DisplayList .RowCell:hover {border: 1px solid #7fa8be; }
#DisplayList .RowCell img {border: 0px;  width: 124px; height: 124px; float: left;}
#DisplayList .RowCN {display: none; clear:  both; text-align: center; height: 17px; overflow: hidden; color: #000000; font-size: 11px;  padding: 2px; font-weight: 600; text-transform: uppercase; }
#DisplayList .RowSum {display: block; color: #000000; font-size: 1em;  padding: 2px; font-weight: 600; text-transform: none; border-bottom: none;}
#DisplayList .RowDesc {display: none;  float: left; position:relative;  width: 200px;  background-color: #636a73; color: #fff; margin: 1em; margin-left: 0; padding: 1em; overflow: hidden;}
#DisplayList .RowDesc p {color: #fff; display: block; margin: 0;  height: 115px; line-height: 16px; padding: 0px;  overflow: hidden; text-overflow: ellipsis;}
#DisplayList .RowSpecs {display: block; float: left; border: none; margin-left: 0px; padding-top: 6px;}
#DisplayList  .spec {float: left; width: 320px;}
#DisplayList  .stock {float: left; width: 250px;}
#DisplayList .RowPrice {display: block; width: 220px; float: right; border: none; background-color:none;padding:10px 0;}

/* END VIEW MODE SCREEN */

/* BALLON STYLE */

#ToolsSection a span.ballon {display:none !important;z-index:20;position:absolute; left:0;bottom:100%;height:20px !important;line-height:20px !important;margin:0 0 1px;padding:0 3px 2px;font-size:.9em !important;font-weight:normal;text-transform:none;color:#fff;background:#696969 url(/assets/images/misc/bg_ballon_small.gif)0 100% no-repeat;}
#ToolsSection a:hover span.ballon {display:block !important;}

span span.ballon {display:none;z-index:20;position:absolute; right:-5px;bottom:13px;min-width:4em;padding:5px 5px 8px;font-weight:normal;font-size:.9em;color:#fff;background:#696969 url(/assets/images/misc/bg_ballon_small_r.gif) 100% 100% no-repeat;}
span:hover span.ballon {display:block;}

/* END BALLON STYLE */


/* LIGHTBOX STYLE START */
#lightbox {position: absolute;left: 0; width: 100%;z-index: 600;text-align:center;line-height:0;}
#lightbox img {width: auto; height: auto;}
#lightbox a img{border:none;}

#outerImageContainer{position:relative; background-color:#f0f0f0; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/assets/images/icons/ic_arrow_left_black.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/assets/images/icons/ic_arrow_right_black.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #f0f0f0; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%    ; }

#imageData {padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }
#imageData #bottomNavClose{ width: 69px; float: right;  padding-bottom: 0.7em; outline: none;}

#imageDataContainer1{background-color: #f0f0f0; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData1 {padding:10px 10px 0; color: #666; }
#imageData1 #imageDetails1{ width: 70%; float: left; text-align: left; } 
#imageData1 #caption1{margin:0;padding:0;font-size: 150%;font-weight: 600;letter-spacing: 0.05em;color:#000;}
#imageData1 #bottomNavClose1{ width: 69px; float:right; padding: 0; outline: none;}

#overlay{position: absolute; top: 0; left: 0; z-index: 600; width: 100%; height: 500px; background-color: #000; }
/* LIGHTBOX STYLE END */

#OutlineForm {margin: 10px 0px 0px 10px; padding: 0px;border:none; clear: both;}
#OutlineForm .FormInputMultiCheck {border: none;}
#OutlineForm .FormInputMultiCheck li {padding: 4px;}
#OutlineForm .FormInputMultiCheck label {text-transform: none; font-size: 1.1em; padding: 4px; }
#OutlineForm .FormInputMultiCheck .Checked {font-weight: 600;}
.OutlineFormHeader {margin: 0; background: #F2F2F2; padding: 5px;border:#DCDCDC solid 1px;}
.OutlineFormHeader h2 {clear: both; font-weight: 600; font-size: 1.1em; padding: 2px; padding-left: 18px; margin:0;  background: transparent url(/assets/images/icons/ic_arrow_r-b_gray_13x13.gif) 0 50% no-repeat;text-decoration: none;}
.OutlineFormHeader h2 a {  font-weight: 600; padding: 2px; padding-right: 18px; margin:0;  background: transparent url(/assets/images/icons/ic_arrow_l-t_blue_13x13.gif) 100% 50% no-repeat;text-decoration: none;}

/* Display Switch mode*/

.DisplaySwitch {float: left; width:135px;text-align:right;}
.DisplaySwitch a {float:left;width:25px;height:21px;overflow:hidden;position:relative;z-index:1;margin-right:-1px;text-align:right;}
.DisplaySwitch a span {display:none;}
.DisplaySwitch .select a {z-index:10;}
#opt1 {background:transparent url(/assets/images/misc/bg_b_opt1.png) 0 0 no-repeat;}
#opt1:hover {background:transparent url(/assets/images/misc/bg_b_opt1.png) 0 100% no-repeat;z-index:2;}
.select #opt1 {background:transparent url(/assets/images/misc/bg_b_opt1.png) 0 100% no-repeat;z-index:10;}
#opt2 {background:transparent url(/assets/images/misc/bg_b_opt2.png) 0 0 no-repeat;}
#opt2:hover {background:transparent url(/assets/images/misc/bg_b_opt2.png) 0 100% no-repeat;z-index:2;}
.select #opt2 {background:transparent url(/assets/images/misc/bg_b_opt2.png) 0 100% no-repeat;z-index:10;}
#opt3 {background:transparent url(assets/images/misc/bg_b_opt3.png) 0 0 no-repeat;}
#opt3:hover {background:transparent url(assets/images/misc/bg_b_opt3.png) 0 100% no-repeat;z-index:2;}
.select #opt3 {background:transparent url(/assets/images/misc/bg_b_opt3.png) 0 100% no-repeat;z-index:10;}

#ListDisplay.Opt1 tr.Expand {display: none;}
#ListDisplay.Opt2 tr.Expand {display: normal;}

#ListDisplay.Opt1 tr.Title td {border-bottom: 1px solid #dddddd;}
#ListDisplay.Opt2 tr.Title td {border-bottom: none;}

#ListDisplay tr.Expand td {white-space: normal !important; text-align:left; vertical-align:text-top; padding:.3em .3em;  background: #fff;}
#ListDisplay tr.Expand a {border: none;}
#ListDisplay div.ArticleThumbnail {float: left; display: block; margin: 4px; height: 136px; width: 136px; border: 1px solid #dddddd;}
#ListDisplay div.ArticleThumbnail img {height: 136px; width: 136px; border: none;}

/* BUYER SPECIFICATION */
.WidgetManagerWrap #DisplayExpanded {margin:0; padding:0;border: 1px solid #dddddd;}
.WidgetManagerWrap #DisplayExpanded .ExpandedBottom {padding:10px;}
.WidgetManagerWrap #DisplayExpanded .ExpandedLeft { float: left; width: 390px; padding:0 10px; margin:0;}
.WidgetManagerWrap #DisplayExpanded .ExpandedRight { float: right; width: 390px;  padding: 0; margin: 0 10px 10px; }