﻿/* Top Nav Banner */
.style_header{ width: 780px; height:296px; background:url('/App_Themes/CSBeauty/backgrounds/bg_header.jpg') no-repeat left top; padding-left:38px; padding-right:0; padding-top:0; padding-bottom:0}
.menu{padding-top: 120px; #padding-top: 120px; background: url('/App_Themes/CSBeauty/TopNavBanner/tp_Btn.gif') no-repeat;}
.menu a {line-height: 19px; text-decoration: none; font-size: 12px; font-weight: 600; color: #ffffff;}
.menu a:hover { color: #DEC8E7; }
.menu a:hover.active { color:#DEC8E7;  }

/* Dark Content */
.darkContent { height: 130px; padding-bottom: 5px; background-color:#F2F2F2; }
.darkContent .text {color: #686868; padding-bottom: 5px; float: left; margin:15px; }
.darkContent .image {vertical-align: bottom; padding-top: 15px; float: right; }

/* Article Content */
.article_content { padding-left: 20px; padding-right: 20px; margin-bottom: 20px; }
.article_content .header {line-height: 22px; color:#A75FC3; font-size: 15px; font-weight: bold;}

.article_content img { margin-right: 10px; }

.article_content .article_image { text-align:center; padding-bottom: 5px; margin-bottom:10px; border-width: 1px; border-color: #A75FC3;  border-bottom-style: solid; }
.article_content .article_image img { border-style: none; }

.article_content table { margin:0px;  }
.article_content table tr {  }
.article_content table tr td { height: 15px;}

.article_content .articleText { margin-bottom: 20px; }
.article_content .articleText ul { margin:7px 0 7px 0; }
.article_content .articleText li {list-style-type:circle; margin-left: 15px; padding-right:0; padding-top:0; padding-bottom:5px; }

.article_content .gallery { overflow:hidden; margin-bottom:20px; text-align:center; margin-top:20px; }
.article_content .gallery_i { width:360px; } 
.article_content .gallery .preview_image { margin-bottom: 5px; padding: 0px; border-collapse: collapse; text-align: center; width: 350px; height: 233px; overflow: hidden; border: 2px solid #A75FC3; } 
.article_content .gallery img { cursor:pointer; }
.article_content .gallery .loading {  margin-top:100px;}
.article_content .gallery img:hover {}
.article_content .gallery .node_list {margin-left: 100px; #margin-left: 0px; text-align: center; width: 388px;}
.article_content .gallery .node_list .node { border-color: #A75FC3;  border-style: solid; width:90px; height:64px; overflow:hidden; border-width: 2px; margin-bottom: 10px; margin-right: 2px; }

.article_content .breadcrumb { margin-bottom: 2px;}
.article_content .breadcrumb ul li {font-size: 10px; color:#686868;  background-position: left;  display: inline; padding-left:10px; background-image: url('/App_Themes/CSBeauty/Arrows/arr_bread_grey.gif' ); background-repeat: no-repeat; }
.article_content .breadcrumb ul li.first {font-size: 10px; color:#686868; background-image:none;  padding-left:0px;}
.article_content .breadcrumb ul li a { color:#686868; font-weight:bold; font-size: 10px; }

.attachments {margin-top: 5px; text-align:left;}
.attachments h2 {line-height: 22px; color:#A75FC3; font-size: 15px; font-weight: bold;}
.attachments table { width:auto; border-collapse:collapse; margin-left:10px;}
.attachments table td{  vertical-align:top;}
.attachments table .icon {  padding-top:2px; padding-right:5px;}
.attachments p { margin-bottom:10px;}
.attachments a { font-size: 11px; }

/* Snapshots */
.snapshot { margin-bottom: 18px; margin-left: 18px; margin-right: 10px;}
.snapshot h3{ padding-bottom: 5px;}
.snapshot h3 a { color: #686868; font-weight: bold; text-decoration: none; }
.snapshot h3 a:hover { color: #686868; font-weight: bold; text-decoration: none; }
.snapshot .title {  }
.snapshot .image { padding-top: 5px; padding-bottom: 5px;}
.snapshot .txt { color:#A75FC3;}
.snapshot p { margin-bottom: 5px; }
.snapshot ul {list-style:none; margin:7px 0 7px 0; }
.snapshot li {background:url('/App_Themes/CSBeauty/Arrows/arr_orange.gif') no-repeat 0 6px; color:#A75FC3; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:5px; }

.snapshotinfo { margin-top: 20px; padding-left: 10px; padding-right: 10px;}

/* Bulleted List */
.bulletedList { width:166px; padding:20px 6px 5px 0px }
.bulletedList ul {list-style:none; margin:7px 0 7px 0; }
.bulletedList li {background:url('/App_Themes/CSBeauty/Arrows/arr_orange.gif') no-repeat 0 6px; color:#A75FC3; padding-left:15px; padding-right:0; padding-top:0; padding-bottom:5px; }


/* SnapshotList */
.snapshotlist {padding-left: 20px; margin-bottom : 10px;}
.snapshotlist .header { color: #A75FC3; font-size: 13px; }
.snapshotlist .subSnapshots {border: 1px dotted #E7E7E7;  margin:0 16px 8px 0; padding: 5px 10px 5px 10px; }
.snapshotlist .subSnapshots:hover {border: 1px dotted #A75FC3; background-color: #fafafa; margin:0 15px 8px 0; padding: 5px 10px 5px 10px; }
.snapshotlist .left { float: left; margin-right: 10px;}
.snapshotlist .right {  }
.snapshotlist .right .header{ color: #A75FC3; }
.snapshotlist .right .header a{ text-decoration: none; }
.snapshotlist .right .header a:hover{ text-decoration: underline; }
.snapshotlist p { margin-bottom: 5px; }
.snapshotlist .right p a{ color: #686868; text-decoration: none; }
.snapshotlist .right p a:hover{ text-decoration: none; }
.snapshotlist .more { margin-bottom: 10px;  }

/* Footer */
.footer { color:#9C9C9C; text-align:center; font-size:10px; font-weight:bold; }
.footer strong { color:#929292; text-transform:uppercase; }
.footer strong a { 	color:#9C9C9C; text-decoration:none; }
.footer strong a:hover { text-decoration:none; color:#A75FC3; }

.footer_content { padding-top: 5px; }

/* Form Defaults */
div.form_view {padding-left: 20px; padding-right: 20px; width:95%; display:inline-block; text-align:left; margin-bottom:20px; padding-bottom:6px; }

div.form_view div.left {  width:49%; float:left; }
div.form_view div.full { width:100%;  }
div.form_view div.right { width:49%;  float:right; }
div.form_view div.label { clear: both; font-weight: bold; padding-bottom: 5px; padding-left: 10px; padding-top: 5px; margin-bottom: 0px; background-color: #EFEFEF; color: #A75FC3; }
div.form_view div.field { color: #A75FC3; clear:both;  margin-bottom:10px; text-align: right; padding-right: 10px; background-color: #F8F8F8; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; } 

/* Request Callback */
.contact_form {padding-left: 20px; padding-right: 20px; min-height:400px; }
.contact_form h2 { color:#A75FC3; font-size: 15px; font-weight: bold; margin-bottom: 5px; }