/* 
========================================================================
HEADINGS AND BASIC FONT STYLES
========================================================================
*/
p,
td,
th,
select,
p { font-size: 1.05rem; margin: 0.65rem 0 0.15rem 0; padding: 0.15rem 0 0.15rem 0; padding-left: 0.1rem; line-height: 1.85rem; color: #036;}
.ft080 { font-size: 0.85rem;}
.ft090 { font-size: 0.95rem;}
.ft104 { font-size: 1.045rem;}
.ft110 { font-size: 1.15rem; line-height: 1.5rem;}
.ft120 { font-size: 1.25rem;}
.ft130 { font-size: 1.35rem;}
.ft120G { font-size: 1.25rem; color: #060;}
.ft120GB { font-size: 1.25rem; color: #060; font-weight: 600;}
.ft130GB { font-size: 1.35rem; color: #060; font-weight: 600;}
.ft110GB { font-size: 1.15rem; color: #060; font-weight: 600;}
.ftG { color: #060; }
.ftG110 { color: #060; font-size: 1.1rem; }
.ftGR110 { color: #6b6963; font-size: 1.1rem; }
.ftR { color: red; }
.ftC p::before { content: ''; display: inline-block; height: 0.5rem; width: 0.5rem; border-radius: 50%; background-color: #fff; margin-right: 0.5rem; border: 1px solid gray;}
.textR { text-align: right;}
.TL2 {font-size: 1.2rem; font-weight: 600; margin: 0.5rem 0 0.2rem 0; padding: 0.5rem 0 0.2rem 0; line-height: 1.5rem; }
h1, h2, h3, h4, h5, h6 { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; color: #036;}
h1 { font-size: 1.8rem; font-weight: 600; margin: 0.3rem 0 0.2rem 0; padding: 0.3rem 0 0.2rem 0; line-height: 2.1rem; color: #036;}
h2 { font-size: 1.35rem; font-weight: 600; margin: 0.5rem 0 0.2rem 0; padding: 0.5rem 0 0.2rem 0; line-height: 1.8rem; color: #036;}
h3 { font-size: 1.15rem; font-weight: 600; margin: 0.48rem 0 0.2rem 0; padding: 0.48rem 0 0.2rem 0; line-height: 1.5rem; color: #036;}
h4 { font-size: 1.08rem; font-weight: 600; margin: 0.65rem 0 0.65rem 0; padding: 0.15rem 0 0.15rem 0; line-height: 1.85rem;}
.h2shop { margin: 0.0em 0 0.2rem 0; padding: 0.0rem 0 0.2rem 0;color: #060;}
.h3shop { margin: 0.48rem 0 0rem 0; padding: 0.48rem 0 0rem 0;color: #060;}
.page_category h1 { padding: 0.6rem 0 0.5rem 0 !important; margin: 0.3rem 0 0.5rem 0 !important; border-bottom: 2px dotted #da3ab3;}
.infoH2 { padding: 0.6rem 0 0.5rem 0 !important; margin: 2.0rem 0 0.58em 0 !important; border-bottom: 2px dotted #da3ab3;}
.h2_light_extra                         { color: #aaa; font-weight: bold; }
h2.blockheader                          { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; font-size: 140%; color: #036; margin: 0; padding: 10px 0 15px 0; }
.Home h2.blockheader  { padding: 12px 0px 6px 1px !important;  margin: 15px 0px 8px 0px !important; border-bottom: 2px solid #da3ab3;}
.Spotlight h2.blockheader {padding: 12px 0px 6px 1px !important; margin: 15px 0px 8px 0px !important;border-bottom: 2px solid #da3ab3;}
.section_promotions h4                          { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; font-size: 140%; color: #036; margin: 0; padding: 10px 0 0px 0; }
.HomeIntro h3 { padding: 0rem 0 0.2rem 0; margin: 0.2rem 0 0.4rem 0;}
h5                                      { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; margin: 0px 0px 5px 0px; color: #000; text-transform: uppercase; padding: 2px 2px 2px 0px; text-align: left; }

.ftC p::before { content: ''; display: inline-block; height: 0.5rem; width: 0.5rem; border-radius: 50%; background-color: #fff; margin-right: 0.5rem; border: 1px solid gray;}
.ft90									{ font-size: 90%;}
.bt {    background-image: url("/images/ch/bullet.gif");    padding-left: 11px;    background-repeat: no-repeat;    background-position: left 5px;    padding-top: 0px;    padding-bottom: 2px;    margin: 0px;}
.gr { color: #060;}
.ft10 {    font-size: 85%;}
.ft11 {    font-size: 90%;}
.ft11D {    font-size: 90%;    font-weight: 400;    font-style: italic;    color: #060;}
.ft11G {    font-size: 90%;    color: #006600;}
.ft12G {    font-size: 100%;    color: #006600;}
.key {    width: 45%;    float: right;    padding: 1px 3px 3px 10px;    margin: 1px 0px 4px 25px;}
.key li {  }
.key2 { width: 100%; padding: 1px 3px 3px 3px; margin: 1px 0px 4px 0px;}
.key3 { border-top: solid 1px #888; border-bottom: solid 1px #888; margin: 2% 0 0 0;}
.key6 { border-top: solid 1px #888; border-bottom: solid 1px #888; margin: 4% 0 4% 0;}
.key3 p, .key6 p { margin: 12px 0 18px; font-weight: 501;}
.spotD {    padding: 5px 0px 5px 0px; margin: 16px 0px 5px 0px;    float: none;    border-bottom-width: 1px;    border-bottom-style: solid;    border-bottom-color: #66D303; clear: left;   width: 42%;}
.spotDl{	padding: 5px 0px 5px 0px;	font-size: 1.1rem; margin: 5px 0px 5px 0px;	float: none;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #66D303;	width: 65%;}
.spotSS { padding: 5px 0px 5px 0px; margin: 28px 0px 5px 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #66D303;}
.quicklinks { width: 100%; padding: 9px 0px;}
.quicklinks a { background-color: whitesmoke; padding: 5px 15px; font-weight: bold; color: #616144 !important; line-height: 1.8rem; margin: 2px 4px; display: inline-block; border: 1px solid #66D303; border-radius: 5px;}
pre                                     { color: #008800 }
iframe                                  { border: none; }
iframe body                             { padding: 5px 0 0 0 }
.strong                                 { font-weight: bold }
.floatright                             { float: right }
.SecHead {  padding: 12px 0px 6px 1px!important; margin: 15px 0px 8px 0px!important; border-bottom: 2px solid #da3ab3;}
.Spotlight .SecHead {margin: 2px 0px 8px 0px !important;}
.navHead {    color: #036;    padding: 12px 0px 6px 5px; font-weight: bold;    margin-top: 5px;    border-bottom: 2px solid #DA3AB3; font-size:108%; }
.navHead2 {    color: #003366;    padding: 12px 5px 6px 2px;  font-size: 95%;  font-weight: bold;    margin: 15px 0px 8px 0px;    border-bottom: 2px solid #da3ab3;}
.navHead3 { color: #036; padding: 12px 0px 6px 5px; font-weight: bold; margin-top: 25px; border-bottom: 2px solid #DA3AB3; font-size: 108%;}
.navHeadhome {    color: #036;  width: 40%;  padding: 12px 0px 6px 5px; font-weight: bold;    margin-top: 5px;    border-bottom: 2px solid #DA3AB3; font-size:105%; }
.navHeadQ {    color: #036;    padding: 12px 0px 8px 3px; margin: 5px 0px 15px 0px;    border-bottom: 2px solid #DA3AB3;}
.imageTop { padding: 0px; margin: 0.3rem 0px 1.2rem 0px; height: auto; }
.description .imageTop {  margin: 0.3rem 0 0.3rem 0;}
.imageTopH { padding: 2px; margin: 0.3rem 0px 1.2rem 0px; height: auto; } /*For Shop Home Page 'Slider Image' */
.imageBody { margin: 1% 0 1% 0; }
.imageLeft { float: left; padding: 0px; margin: 0.5rem 1.2rem 0.5rem 0;}
.imageRight { float: right; padding: 0px; margin: 0.5rem 0 0.5rem 1.5rem; }
.imageRight40 { float: right; padding: 0px; margin: 0.5rem 0 0.5rem 1.5rem; max-width: 40% !important;}
.imageRight50 { float: right; padding: 0px; margin: 0.5rem 0 0.5rem 1.5rem; max-width: 50% !important;}
.imageRightM { float: right; padding: 0px; margin: 0.5rem 0 0.5rem 1.5rem; }
.imageRightL { float: right; padding: 0px; margin: 0.5rem 0 0.5rem 1.5rem; }
.imageRightS { float: right; padding: 0px; margin: 0.5rem 0 0.5rem 1.5rem; }
.imageHome4 { height: auto; padding: 1% 2% 2% 0; box-sizing: border-box;}
.imageStrip3 { margin: 1% 4% 1% 0;}
.hExplore { margin: 2% 0 2% 0;}
img.RHessences { margin: 10px 0px; border-bottom: 1px solid #004777;}
.rightCol li {font-size:85%;}
#discover {    display: block;    max-width: 100%;    margin: 5px 0px 12px;    border-bottom: medium solid #DA3AB3;    padding: 3px 0px;}
#discover .bt {padding: 7px 0px 7px 11px; background-position: left 12px;}
.whatsnew {	margin: 5px 0 10px;	font-weight: 700;	color: #060;}
.h3Cat{ font-family: Segoe UI, Arial, Helvetica, Sans-Serif; font-size: 104%; margin: 20px 0 5px 0; padding: 0;font-weight: 600; color: #036; }
.Tel {    font-family: Verdana, Arial;    font-size: 115%;    font-weight: bold;    color: #004777;    margin-top: 6px;    margin-bottom: 2px;    padding-top: 7px;    padding-bottom: 2px;    text-decoration: none;}
.Tel a { font-size: 14px; text-decoration:none; }
#featuredproducts { margin: 16px 0 0 0; display: inline-block;}
.customerror { font-size: 110%; color: red; font-weight: bold;}

/* 
========================================================================
BREADCRUMBS
========================================================================
*/
.breadcrumbtrail                        { padding: 5px 17px 4px 0; display: block; font-weight: normal; text-decoration: none; margin: 0px 0 5px 0px; font-size: 0.9rem; }
.breadcrumbtrail span span              { font-weight: bold; color: #000; display: inline-block; padding: 0 0 5px 6px; }
.breadcrumbtrail span span a            { color: #666; padding: 0 17px 0 0; display: inline-block; font-weight: normal; margin: 0; background-image: url(Images/breadcrumb_back.png); background-position: right center; background-repeat: no-repeat; }
/* 
========================================================================
HYPERLINKS
========================================================================
*/
a:link,
a:visited                               { text-decoration: underline; color: #005689; outline: 0; }
a:hover                                 { text-decoration: none; color: #FF6600!important; }
a.link2,
span.link2 a                            { padding: 7px 15px; text-transform: uppercase; font-size: 95%; font-weight: bold; text-decoration: none; color: #fff; background-color: #888; margin: 10px 10px 10px 0px; border-radius: 3px; display: inline-block; }
a.link2:hover,
span.link2:hover a                      { background-color: #f90; }
a:visited.link2 { color: white;}
/* 
========================================================================
GENERAL
========================================================================
*/
.pad_shortformat                        { padding: 20px }
div.spacer                              { clear: both }
/* Invisible elements - when we need a control to render, but not show */
.invisible                              { visibility: hidden; display: block; width: 10px; height: 8px; }
/* By default disable all borders on images */
img                                     { border: none }
/* 
========================================================================
TABLES
========================================================================
*/
table                                   { border: none; background-color: transparent; border-collapse: separate; width: 100%; max-width: 100%; }
table tr td                             {  border-bottom: solid 1px #ddd; vertical-align: top; padding: 5px 10px 5px 5px; }
table tr.alt                            { }
table tr.headrow,
table thead tr                          { }
table tr.headrow th,
table thead tr th                       { border-bottom: 2px dotted #66D303; padding: 5px 10px 15px 5px; padding-right: 10px; color: #3c716f; text-transform: uppercase;font-size: 100%; font-weight: bold;}
.basket table tr.headrow th, table thead tr th { color: green;}
table td,
table th                                { padding: 3px }
table td strong                         { color: #000 }
table td.itemname                       { font-weight: bold; color: #036;    vertical-align: top;    min-width: 185px;    padding: 12px 0px 12px 0px; }
table td.select,
table th.select                         { text-align: right }
table.filled                            { border-collapse: collapse; margin-bottom: 10px; }
table.filled td                         { color: #036; vertical-align: middle; }
.attributes table.filled td              { color: #036; vertical-align: top; padding: 14px 15px 14px 0px; min-width: 185px; line-height: 1.5rem;}
table tr.totalsrow td                   { background-color: transparent }
table tr.totalsrow td.total             { background-color: transparent; color: #f00; font-weight: bold; }
.nowrap                                 { white-space: nowrap }
.orderdate.hide-for-small { font-size: 85%;}
.lastupdate.hide-for-small {  display: none !important;}
/* 
========================================================================
DETAILS VIEW / SECTIONS
========================================================================
*/
.Kartris-DetailsView                    { width: 100%; margin: 2rem 0; }
.Kartris-DetailsView-Data               { margin-bottom: 10px }
.Kartris-DetailsView-Data ul            { list-style-type: none; padding: 0; margin-left: 0;  }
.Kartris-DetailsView-Data ul li         { padding-top: 5px }
.Kartris-DetailsView-Name               { font-size: 90%; display: inline-block; color: #666; margin-bottom: 3px; width: 150px; font-weight: normal; vertical-align: top; padding-right: 10px; }
.Kartris-DetailsView-Value              { font-size: 90%; display: inline-block; width: 350px; max-width: 100%; vertical-align: top; color: #000; overflow: visible; }
.Kartris-DetailsView-Value label        { white-space: nowrap; max-width: 100%; }
/* 
========================================================================
FORM ELEMENTS
========================================================================
*/
form                                    { margin: 0; display: inline; padding: 0; }
textarea                                { min-height: 80px; max-width: 100%; }
select,
input                                   { width: 250px; max-width: 100%; }
input.longtext                          { width: 400px }
select.shorttext,
input.shorttext                         { width: 60px }
select:focus,
input:focus,
textarea:focus                          { color: #000; background-color: #fff; border: solid 1px #c00; }
.button                                 { font-family: Segoe UI, Arial, Helvetica, Sans-Serif; font-size: 16px; border: solid 1px #3c716f; background-color: #3c716f; color: white; font-weight: bold; padding: 10px 30px; margin: 5px 4px 5px 4px; width: auto; display: inline-block; border-radius: 6px!important; }
.button:focus,
.button:hover                           { background-color: #66d303; color: #fff; border: solid 1px #666; text-decoration: underline;}
.controls .button { background-color: #ddd; color: #111;}
.controls .button:hover { text-decoration: underline;}
.search .button { background-color: #017F01; padding: 15px 25px; font-size: 1.2rem;}
input.cancelbutton                      { background-color: #ddd; border-color: #bbb; color: #666; }
input.highpriority                     { font-size: 145%; margin: 25px 25px 0px 25px; padding: 8px 70px; background-color: green!important; color: white!important;}
input.highpriority:hover               { background-color: #66d303!important; border: 1px solid 666;}
.inputform p                            { margin: 7px 0 15px 0 }
.inputform div                          { margin-bottom: 5px; }
.inputform .submitbuttons div           { float: none }
.inputform br                           { display: block; clear: both; }
.checkbox input,
.radio input                            { border-style: none; background-color: transparent; display: inline-block; width: 20px; float: left; margin-right: 1px; height: 23px; width: 23px; }
label                                   { font-size: 95%; display: inline-block; letter-spacing: 0px; color: #777; margin-bottom: 3px; font-weight: normal; vertical-align: top; }
.versions .checkbox label {   letter-spacing: 0px; color: #036; margin-bottom: 3px; float: left; font-weight: bold; text-align: left;}
.inputform .column2                     { padding: 0px; margin-left: 130px; }
.inputform .column2 label               { width: auto }
div.formdivider                         { display: block; border-top: dotted 1px #bbb; width: 100%; }
div.section                             { margin: 10px 0 10px 0 }
.submitbuttons                          { margin: 5px 0 20px 0; z-index: 2; width: 100%;  text-align: right; }
/* We use this to override Foundation defaults */
select,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea                                { border: solid 1px #bbb; box-shadow: inset 3px 3px 3px #ccc; height: 45px; padding: 2px 10px; color: #333; touch-action: none; cursor: pointer; }
select:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus                          { background-color: #fff4cc; color: #000; border: solid 1px #f90; box-shadow: none; touch-action: none; }
/* 
========================================================================
ERRORS & VALIDATION
========================================================================
*/
span.error,
div.errortext                           { font-style: normal; font-size: 13px; display: inline-block; color: #fff; font-weight: bold; padding: 1px 5px 1px 3px; background-color: #f00; margin-left: 3px; border-radius: 3px; }
.requiredfield                          { font-weight: bold }
.valsummary                             { display: inline; color: #fff; font-weight: bold; padding: 1px 5px 1px 3px; background-color: #f00; margin-left: 10px; border-radius: 3px; }
.valsummary ul                          { display: none; visibility: hidden; }
/* 
========================================================================
IMAGES
========================================================================
*/
.imageholder                            { display: block; text-align: center; }
.imageholder img                        { margin: 0; padding: 0; }
.imageviewer                            { text-align: center; }
.imageviewer .gallery                   { padding: 0; width: 100%; text-align: left; }
.imageviewer .gallery .scrollarea       { display: inline-block }
#frmLargeImage div                      { }
#frmLargeImage .imageviewer .gallery    { padding: 5px 0 0 0; text-align: center; overflow-x: auto; overflow-y: hidden; white-space: nowrap; position: fixed; bottom: 0; width: 99%; }
.imageviewer .gallery .imageholder      { background-color: #fff; display: inline-block; float: left; border: solid 1px #aaa; margin: 0 1px 2px 1px; vertical-align: middle; height: 80px; width: 80px; overflow: visible; }
html>body .imageviewer .gallery .imageholder
										{ float: none; float: *right; /*IE7 hack */ }
.imageviewer .gallery .imageholder:hover
										{ border: solid 1px #fc5 }
.imageviewer .gallery .imageholder img  { vertical-align: middle; margin: 5px; }
.singleimage                            { margin: 0px; }
.product .promotions .singleimage       { float: left; }
.largeview                              { margin: 10px 0 20px 0; float: left; }
.largeview span                         { color: #000; cursor: pointer; font-weight: bold; padding: 0 0 0 0; }
.hand                                   { cursor: pointer; }
.carousel > ul li {    list-style: none;    height: 70px;    width: 70px;    padding: 3px;    border: solid 1px #aaa;    margin-right: 2px;    overflow: hidden;}
/* 
========================================================================
MEDIA (Video, audio, etc.)
========================================================================
*/
/* media gallery for product */
.imagecolumn .media_gallery             { padding: 5px 0 0 0 }
.imagecolumn .media_gallery h2			{ font-size: 100%; margin: 0; padding: 3px 0 5px 0; color: #000; font-weight: bold; }
.imagecolumn .media_gallery_inner       { margin: 1px 0 1px 0 }
.media_links .mediaholder a             { text-align: center; padding: 0px; display: block; margin: auto auto auto auto; height: 52px; }
.media_links .mediaholder:hover			{ border: solid 1px #fc5 }
.media_links .mediaholder img           { vertical-align: middle; margin: 5px; height: 50px; width: 50px; }
.media_links .mediaholder               { display: inline-block; float: left; margin: 0 1px 2px 1px; vertical-align: middle; border: solid 1px #aaa; width: 60px; height: 60px; overflow: visible; }
.media_downloadlink                     { font-size: 92%; }
.media_link 							{ float: left;}
/* media gallery for versions, hide title */
.versions .media_gallery h2             { display: none }
/* 
========================================================================
TABS AJAX CONTROL
========================================================================
*/
#pagecontent_pad2 #cntMain_tabContainer_header { display: none;}
.ajax__tab_default .ajax__tab_header    { margin: 8px 0 10px 0; font-weight: normal; }
#pagecontent_pad3 .ajax__tab_default .ajax__tab_header {  border-bottom: solid 3px #75918c;  margin: 8px 0 10px 0;  font-weight: normal;}
.ajax__tab_default .ajax__tab_header .total
										{ font-weight: normal }
.ajax__tab_default .ajax__tab_active .ajax__tab_outer,
.ajax__tab_default .ajax__tab_header .ajax__tab_outer,
.ajax__tab_default .ajax__tab_hover .ajax__tab_outer
										{ margin-right: 2px; padding: 6px 5px 2px 5px; }
.ajax__tab_default .ajax__tab_active .ajax__tab_inner,
.ajax__tab_default .ajax__tab_header .ajax__tab_inner,
.ajax__tab_default .ajax__tab_hover .ajax__tab_inner
										{ padding: 0; margin-left: 3px; /* offset the width of the left image */ }
.ajax__tab_tab                          { margin: 2px 10px 1px 3px; padding: 1px 5px 0 5px; }
.ajax__tab_default .ajax__tab_header .ajax__tab_inner a
										{color: #060; font-size: 103%; font-weight: bold;}
.ajax__tab_default .ajax__tab_hover .ajax__tab_inner a
										{ color: #fff }
.ajax__tab_default .ajax__tab_active .ajax__tab_inner a
										{ color: #FFFFFF; font-size: 105%; font-weight: bold; }
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab strong,
.ajax__tab_default .ajax__tab_active .ajax__tab_tab strong
										{ font-weight: bold }
.ajax__tab_default .ajax__tab_body      { background-color: transparent }
.ajax__tab_header                       { }
#pagecontent_pad3 .ajax__tab_outer      { background-color: whitesmoke; border-radius: 0px; border: 1px dashed #75918c }
.ajax__tab_outer {  background-color: whitesmoke;  border: 1px solid #66D303;  border-radius: 5px;}
.ajax__tab_hover .ajax__tab_outer       { background-color: #999; }
#pagecontent_pad3 .ajax__tab_active .ajax__tab_outer { background-color: #75918c; border-bottom: solid 2px #75918c; border-left: 6px solid #75918c; border-right: 4px solid #75918c; color: #000; font-weight: bold;}
.ajax__tab_active .ajax__tab_outer      { background-color: #017F01; border-bottom: solid 2px #017F01; border-left: 6px solid #017F01; border-right: 4px solid #017F01; color: #000; font-weight: bold; }
/* 
========================================================================
ACCORDION AJAX CONTROL
========================================================================
*/
.accordionHeader,
.accordionHeaderSelected                { border-top: solid 1px #ddd; cursor: pointer; }
.accordionHeader h2,
.accordionHeaderSelected h2             { cursor: pointer; margin-bottom: 10px; padding: 3px 0 0 0; }
.accordionHeader h2:before              { content: "[+]"; color: #666; font-size: 70%; width: 25px; display: inline-block; }
.accordionHeaderSelected h2:before      { content: "-"; color: #666; font-size: 70%; width: 25px; display: inline-block; }
/* 
========================================================================
UPDATE MESSAGE ('the record was updated')
========================================================================
*/
div.updatemessage                       { border: dotted 1px #0a0; background-color: #ccf4bb; color: #080; padding: 3px 10px 3px 10px; margin: 15px 0 10px 0; font-weight: bold; }
/* 
========================================================================
PAGE LINKS
========================================================================
*/
.itempager                              { display: block; font-weight: normal; text-decoration: none; padding: 12px 5px 22px 0px; }
.itempager a                            { border: solid 1px #333; display: inline-block; padding: 7px 12px 7px 12px; font-weight: normal; margin-right: 5px; color: #333; background-color: #ddd; }
.itempager a:hover                      { background-color: #fff; color: #000; text-decoration: none; }
.itempager a.arrow                      { text-align: center }
.itempager a.currentpage                { background-color: #fff; background-image: none; color: #000; font-weight: bold; }
.itempager .previous                    { padding: 2px 7px 2px 7px }
.itempager .next                        { padding: 5px 10px 5px 10px; margin: 0 0 0 4px; }
.itempager a.disabled,
.itempager a.disabled:hover             { background-color: #fff; color: #999; padding: 5px 10px 5px 10px; margin: 0 8px 0 0; }
/* 
========================================================================
POPUP MESSAGE
========================================================================
*/
#largeimagepopup                        { overflow-y: hidden; overflow: hidden; background-image: none; }
.popup_background                       { background-color: #000; filter: alpha(opacity=50); opacity: 0.5; }
.popup                                  { background-color: #fff; padding: 65px 20px 13px 40px; width: 650px; max-width: 100%; max-height: 100%; min-height: 150px; text-align: left; top: 40px!important; left: 0px; overflow-y: auto; }
.popup h2                               { position: absolute; left: 10px; top: 0; padding: 20px 0 10px 20px; margin: 0px; font-size: 125%; }
.popup p                                { padding: 10px 0 0 0; margin: 0; }
.popup strong                           { color: #000 }
.popup .closebutton                     { position: absolute; right: 25px; top: 65px; text-align: center; padding: 1px 6px 1px 6px; font-family: Verdana,Arial,Helvetica,Sans-Serif; font-size: 20pt; font-weight: bold; color: #000; width: 23px; }
.popup .closebutton:active              { background-color: #ccc; border-top: none; border-left: none; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc; color: #666; }
.imagecolumn .popup                     { overflow-y: hidden; } /* needed in chrome to turn right hand scroll bar off */
.popup .submitbuttons { margin: 5px 0 57px 0; display: inline-block;}

/* 
========================================================================
AUTOCOMPLETE FLY-OUT
========================================================================
*/
.autocomplete_completionListElement     { visibility : hidden; margin : 0px!important; background-color : inherit; color : windowtext; border : buttonshadow; border-width : 1px; border-style : solid; cursor : 'default'; overflow : auto; height : 200px; text-align : left; list-style-type : none; }
.autocomplete_highlightedListItem       { background-color: #3333CC; color: #FFFFFF; padding: 1px; font-weight: bold; }
.autocomplete_listItem                  { background-color : window; color : windowtext; padding : 1px; }
/* 
========================================================================
RADIO BUTTON LIST ADAPTOR
========================================================================
*/
.Kartris-RadioButtonList ul             { margin: 0 0 0 0; padding: 0; border: 0; overflow: hidden; }
.Kartris-RadioButtonList ul li          { white-space: nowrap; list-style: none; float: none; clear: both; margin: 0; height: 20px; border: 0; }
.Kartris-RadioButtonList ul li input    { width: 25px; float: left; border: none; background: none; margin-top: 6px; }
/* 
========================================================================
UPDATE PROGRESS LIGHTBOX EFFECT
========================================================================
*/
.updateprogress                         { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; position: fixed; background-color: #000; z-index: 9; filter: alpha(opacity=30); opacity: 0.3; }
.loadingimage                           { position: fixed; background-position: center; background-image: url(Images/updateprogress.gif); background-repeat: no-repeat; top: 0px; left: 0px; width: 100%; height: 100%; padding: 5px; z-index: 10; }
.smallupdateprogress                    { display: block; height: 16px; width: 16px; background-image: url(Images/updateprogress_small.gif); background-repeat: no-repeat; float: left; margin: 0 3px 0 3px; }
/* 
========================================================================
CALLOUT VALIDATOR EXTENDER POPUP EXTENDER
========================================================================
*/
.vcHighlight                            { border: solid 1px #000; background-color: #FFFACD; width: auto; }