/* CSS Document */

.moduletable            { margin:0px; padding:0px; }
.moduletable_infbanners { margin:32px 0 15px 0; padding:0; }
.moduletablebreadcrumb  { left:30px; position:absolute; top:40px; }

/* Error Message */
dl#system-message       { border-bottom:1px dotted #cccccc; border-top:1px dotted #cccccc; margin-bottom:15px; min-height:54px; padding-top:10px; }
dl#system-message ul,
dl#system-message ul li { float:none; }
dd.error                { color:#999999; font-style:italic; }
dt.error                { color:#cc0000; font-size:1.3em; font-weight:bold; }

/* Joomla Stuffs */
p.buttonheading { height:auto; overflow:hidden; }

.componentheading,
.contentheading { color:#c10b18; font-size:80px; line-height:135%; margin-bottom:13px; text-transform:uppercase; background:url("../images/mainbottom_icon.jpg") no-repeat left top transparent; padding-left:0px;}

.createdate,
.modifydate,
.small      { color:#999; font-size:0.8em; }
.createdate,
.modifydate { padding-bottom:5px; }

.sectiontableheader     { border-bottom:1px dotted #fed2d3; color:#8a0917; font-size:1.2em; padding:5px 0px 5px 4px; }
.sectiontableentry1 td,
.sectiontableentry2 td  { padding-bottom:2px; padding-left:4px; padding-top:3px; }
.sectiontableentry1 img,
.sectiontableentry2 img,
.sectiontableheader img { vertical-align:middle; }

.contenttoc    { border:1px solid #fed2d3; float:left; margin-right:10px; margin-bottom:0px; width:20%; }
.contenttoc td { padding-bottom:3px; padding-left:10px; }
.contenttoc th { background-color:#de787e; color:#fff; }

.contentdescription     { padding-bottom:10px; }
.contentdescription img { padding:10px; }

.pagenavbar     { border-bottom:1px dotted #fed2d3; border-top:1px dotted #fed2d3; padding:5px 0px; text-align:center; }
.pagenavcounter { color:#920728; font-weight:bold; margin-bottom:10px; padding:5px 0px; }

.contentpaneopen_edit     { float:right; }
.contentpaneopen_edit img { border:0; }

form#com_login_form td { padding-bottom:7px; padding-right:7px; font-size:105%;}
form#com_login_form h1 { color:#c10b18; font-size:140%; line-height:135%; margin-bottom:27px;  text-transform:uppercase; background:url("../images/mainbottom_icon.jpg") no-repeat left top transparent; padding-left:32px;}

form.editor fieldset                      { border:solid 1px #E0E0E0; margin:10px 0; margin:-10px 0; padding:15px; }
form.editor fieldset.metadata label       { color:#787878; display:block; float:none !important; font-size:12px;}
form.editor label                         { color:#717171; }
form.editor legend                        { color:#C10B18; font-family:Helvetica,Arial,sans-serif; font-size:14px; padding:2px; }
form.editor .radio span,
form.editor .publishing div               { margin:5px 0; }
form.editor .publishing label             { color:#787878; font-size:12px; float:left; width:14em; }
form.editor .publishing .radio label      { float:none; width:14em; }
form.editor .publishing .radio label span { float:left; width:14em; }

#metadesc, #metakey { border:1px solid #E0E0E0;color:#808080;font-family:Helvetica;font-size:110%;}

.save        { padding:10px 0px 0px 29px; text-align:left; }
.save button { background:url("../images/menu_bg.jpg") repeat-x scroll left bottom transparent; border:0; color:#fff; height:22px; line-height:17px; font-family:helvetica, Arial, sans-serif; padding:1px 20px 4px; font-weight:bold; cursor:pointer; font-size:12px; margin-right:5px;}

/* user */
form.user       { margin:10px 0; }
form.user label { float:left; width:40%; }

form#searchForm td { padding:0px 7px 14px 0; }

/* navigation module */
.moduletablenav     { color:#ADADAD; padding-bottom:10px; }
.moduletablenav a   { text-decoration:none; }
.moduletablenav img { padding:0px 4px 0px 3px; }

/* Latest News module */
.filter   { float:left; }
.filter p { margin:0; }

.display { float:right; }

.category                 { clear:both; width:100%; }
.category #count          { width:15px; }
.category #tableOrdering2 { width:50px; }

div.main-body p.counter        { float:left; margin-top:15px; padding-left:8px; width:200px; }
div.main-body ul.pagination    { float:right; list-style-type:none; margin:0; margin-top:15px; text-align:left; }
div.main-body ul.pagination li { display:inline; margin-left:6px; padding:0; text-align:left; }

/* article index */
table.contenttoc { border:solid 1px #ccc; margin:10px; padding:10px; }

table.contractor         { /*border-bottom:#DBECF6 solid 1px; border-left:#DBECF6 solid 1px; width:100%;*/ }
table.contractor img     { border:1px solid #ccc; padding:1px; }
table.contractor a       { color:#006C85; font-weight:bold; }
table.contractor a:hover { color:#F97818; font-weight:bold; }
table.contractor tr td   { /*border-top:#DBECF6 solid 1px; border-right:#DBECF6 solid 1px;*/ padding:10px 20px 10px 0px; }

.calendar{ vertical-align:middle; cursor:pointer; margin-left:10px; }
div#editor-xtd-buttons{ display:none; }
#searchphraseall,#searchphraseany,#searchphraseexact{ margin-left:0; vertical-align:middle; margin-top:-1px; }

table.contentpaneopen         { margin-left:-1px; }
table.contentpaneopen a       { color:#EB8B13; }
table.contentpaneopen a:hover { color:#000; }

div.form_contact,
form.josForm { background:url(../images/main_icon.jpg) no-repeat scroll left 2px; padding:5px 0 32px 30px; }

div.ordeby { position:absolute; right:18px; top:40px; }

span.pathway           { color:#fff; font-weight:normal; font-size:120%; font-weight:bold;}
span.pathway a.pathway { color:#fff; font-weight:normal; text-decoration:none;}
span.pathway a.pathway:hover{ color:#4A4A4A;}
span.pathway img       { margin:0 3px; *margin-top:1px; vertical-align:middle; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
span.pathway img       { margin-bottom:1px; vertical-align:middle; }
}

/* pathway */
#main-container-inner div.breadcrumbs              { left:338px; position:absolute; top:18px; }
#main-container-inner.news-updates div.breadcrumbs { left:auto; padding-left:20px; position:static; top:auto; }
#main-container-default div.breadcrumbs            { margin:0px 0px 20px 0px;}
div.breadcrumbs span                               { color:#999; font-size:101%; }
div.breadcrumbs span a.pathway                     { color:#999; text-decoration:none; }
div.breadcrumbs span img                           { margin-bottom:1px; vertical-align:middle; }

/* Article list of About Avene */
#about-avene-list .componentheading   { color:#545454; font-size:12px; font-weight:normal; margin:0; padding:10px 30px 10px 30px; }
#about-avene-list .row                { height:100px; margin:0px; overflow:hidden; padding:20px 30px; }
#about-avene-list .row.active         { background:#ffefec; }
#about-avene-list .row .image         { float:left; margin-right:20px; width:117px; }
#about-avene-list .row .contents      { float:left;width:770px; }
#about-avene-list .row .contents h3 a { color:#F69680; text-decoration:none; }

/* Article list of About Your Skin */
#about-your-skin-list                     { padding-top:53px; }
#about-your-skin-list .row                { margin:0 0 5px; padding:0; }
#about-your-skin-list .row.active         { background:#ffefec; }
#about-your-skin-list .row .image         { background:50% 0 no-repeat; width:303px; }
#about-your-skin-list .row .contents      { padding:8px 25px 0 35px; }
#about-your-skin-list .row .contents h3   { margin-bottom:0; }
#about-your-skin-list .row .contents h3 a { color:#F69680; text-decoration:none; }
#about-your-skin-list .row .contents .info{ line-height:125%; min-height:80px!important; height:auto!important; height:80px;}
#about-your-skin-list .articles           { padding-bottom:35px;}

/* News Updates */
.news-updates-list                { padding:10px; }
.news-updates-list h3             { color:#999; font-size:120%; font-weight:normal; margin:10px 20px 20px 20px; }
.news-updates-list .row           { float:left; height:240px; overflow:hidden; text-align:center; width:25%; }
.news-updates-list .row.read-more { float:right; }
.news-updates-list .row .box      { padding:0 15px; }
.news-updates-list .row .box a    { color:#787878; text-decoration:none; }
.news-updates-list .row .box img  { height:160px; }

/* Archived list of News Updates */
#news-updates-list                     { padding:53px 30px 0 30px; }
#news-updates-list .row                { border-bottom:1px solid #bdbdbd; height:210px; margin:0 0 20px; overflow:hidden; padding:0 15px 5px; }
#news-updates-list .row.active         { background:#ffefec; }
#news-updates-list .row .image         { float:left; margin-right:20px; width:250px; }
#news-updates-list .row .contents h3 a { color:#F69680; text-decoration:none; }

/* Article inner pages */
#main-container-inner #article-inner                 { /*left:338px; position:absolute; top:65px;*/ padding:65px 30px 50px 338px; font-size:105%; line-height:125%; }
#main-container-inner.news-updates #article-inner    { left:auto; padding-left:20px; position:static; top:auto; }
#main-container-inner #article-inner-image           { position:absolute; }
#main-container-inner.news-updates img               { margin:0 0 25px 0; }
#main-container-inner.news-updates h1.contentheading { display:none; }
#main-container-inner.news-updates div.breadcrumbs   { padding:18px 0 32px 20px;}

.innercol table td{ font-size:105%;}

/*Product pages*/
.por_menu{ padding:0px; margin:0px 0px 10px 0px;}
.por_menu ul{margin:0px; padding:0px;}
.por_menu ul li{float:left; margin-right:30px; display:inline}
.por_menu ul li a:link,.por_menu ul li a:visited,.por_menu ul li a:hover{ color:#797979; text-decoration:none; border:1px solid #FFF; padding:5px;}
.por_menu ul li a:hover,.por_menu ul li a.active:link,.por_menu ul li a.active:visited,.por_menu ul li a.active:hover{ border:1px solid #F69780; color:#F69780;}
.por_box{float:left; width:126px; text-align:center; margin-right:69px; margin-bottom:16px; display: inline;}
.por_box_none{float:left; width:126px; text-align:center;}
.por_i{ border-bottom:1px solid #FBBEAC; margin-bottom:5px;}
.por_ii{ border-bottom:1px solid #F69681; margin-bottom:5px;}
.por_iii{ border-bottom:1px solid #4FBFCB; margin-bottom:5px;}
.por_iv{ border-bottom:1px solid #00A0B0; margin-bottom:5px;}
.por_v{ border-bottom:1px solid #FEC95A; margin-bottom:5px;}
.por_vi{ border-bottom:1px solid #FCB814; margin-bottom:5px;}
.por_vii{ border-bottom:1px solid #95979A; margin-bottom:5px;}
.por_viii{ border-bottom:1px solid #6D6E71; margin-bottom:5px;}
.por_x{ border-bottom:1px solid #B30337; margin-bottom:5px;}
.por_xii{ border-bottom:1px solid #F8AA89; margin-bottom:5px;}
.por_ix{ border-bottom:1px solid #F47739; margin-bottom:5px;}
.por_xiii{ border-bottom:1px solid #FEC54C; margin-bottom:5px;}
.por_xi{ border-bottom:1px solid #FFD27B; margin-bottom:5px;}
.pro_con img{padding:0px;}
.por_name a:link,.por_name a:visited,.por_name a:hover{ color:#787878; text-decoration:none; }
.por_name a:hover{ color:#F69780;}
.por_box_c{float:left; width:130px; text-align:center; margin:5px 63px 11px 40px; display: inline;}
.por_box_c_none{float:left; width:130px; text-align:center; margin:5px 0px 11px 40px; display:inline;}
.pro_name_c{ border:1px solid #797979; color:#797979;padding:5px 5px;  font-size:16px; display:inline-block; white-space:nowrap;}
.pro_big_img{ float:left; width:190px; margin:0px 70px 0px 20px; display:inline;}
.pro_big_img .por_i,
.pro_big_img .por_ii,
.pro_big_img .por_iii,
.pro_big_img .por_iv,
.pro_big_img .por_v,
.pro_big_img .por_vi,
.pro_big_img .por_vii,
.pro_big_img .por_viii,
.pro_big_img .por_x,
.pro_big_img .por_xxi,
.pro_big_img .por_ix,
.pro_big_img .por_xiii,
.pro_big_img .por_xi{border-bottom-width:2px;}
.pro_description{ width:570px;float:left;}
.pro_description ul li{background:url(../images/arrow_p_list.jpg) no-repeat left 5px; padding-left:10px; margin-bottom:5px;}