body{-webkit-text-size-adjust:none;}
.float-left, .float_left{float:left !important;}
.float-right, .float_right{float:right !important;}
.float-center{margin-left:auto !important; margin-right:auto !important;}
.clear{clear:both !important;}
.clear-left{clear:left !important;}
.clear-right{clear:right !important;}
.hide{display:none;}
input.invalid, textarea.invalid, select.invalid{border-color:#ff0000 !important;}

.mobile-show{display:none !important;}

/***CODE***/
code, pre{display:block; background:#ffffff; border:1px solid #dfdfdf; padding:20px 25px; font-size:80%; margin:20px 0;}

/*Bread Crumbs 1px 
div.breadCrumbs			-->all but one clients have different "div.breadcrumbs", most common configuartion shown.
a.breadCrumbs			-->all but one clients have different "a.breadcrumbs", most common configuartion shown.
div.breadCrumbs{font-size:11px; margin-bottom:10px;}
a.breadCrumbs{font-size:11px; text-decoration:none;}*/

/*Message
many clients have variability in border, background, and color

.message{padding:5px; padding-left:10px; margin-bottom:20px;}
*/
/*Page Name
many clients have variability in font-size, color, font-family

.pageName{font-weight:bold; margin-bottom:20px;}*/

/*Error Message
identical for all clients

div.error{border:1px solid #ff0000; background:#ffabab; color:#000000; padding:5px; padding-left:10px; margin-bottom:20px; margin-top:20px;}
*/
/*Component Title
many clients have variability in color

.componentTitle,h1,.componentTitle a{font-size:16px; font-weight:bold;}
*/
/*START Form Elements
.form					-->identical for all clients
.form input				-->many clients have variability in border, font-size
.form select			-->many clients have variability in various traits, some clients do not have this class at all, so i did not include it
.form textarea			-->identical for all clients
.captchaContainer		-->all but two cleints had different ".captchaContainer", most common configuration shown
.formConditions			-->identical for all clients
.formText				-->many clients have variability in color, font-size
.formFormat				-->many clients have variability in color, font-size
.form hr				-->most clients do not have this class, so i did not include it

.form{margin:0px; padding:0px;}
.form input[type="text"],.form input[type="password"],.form select,.form textarea{padding:8px; font-family:Tahoma, Verdana, Arial, Sans-Serif; color:#000000; width:400px;}
.form textarea{height:60px;}
.captchaContainer{border:1px solid #cccccc; background-color:#ffffff;}
.formConditions{font-weight:normal; font-size:9px; width:400px;}
.formText{font-family:Tahoma, Verdana, Arial, Sans-Serif;font-weight:bold; padding:0 5px 10px 0;}
.formFormat{font-family:Tahoma, Verdana, Arial, Sans-Serif;font-weight:bold; padding:0 5px 10px 0;}*/
/*END Form Elements*/
.default_text{color:#999999 !important;}
.form .required, .form_new .required{color:#ff0000; font-weight:bold;}
.form_new .required{position:relative; vertical-align:top; top:10px;}

/*Buttons
button					-->all but two clients have different border, many clients have variability in background-color, font-size
button.red				-->all but two clients have different border, many clients have variability in background-color, font-size

button{border:1px solid #ffffff; padding:10px;font-family:Verdana, Arial, Sans-Serif; font-weight:bold; color:#FFFFFF; cursor:pointer; text-decoration:none; margin-right:5px; line-height:normal;}

button.red{border:1px solid #ffffff; padding:10px;font-family:Verdana, Arial, Sans-Serif; font-weight:bold; color:#FFFFFF; cursor:pointer; text-decoration:none; margin-right:5px; line-height:normal;}*/

/*Comments
it should be noted that the "one client" in almsot all of these properties was paradise tanning. also, they had different name schemes.

div.comments			-->all but one cleint had different "div.comments", most common configuration shown
div.commentDisplay		-->all but one cleint had different "div.commentDisplay", most common configuration shown
div.commentDisplayAdmin	-->all but one cleint had different "div.commentDisplayAdmin", most common configuration shown

.commentCount			-->all but one cleint had different "div.commentCount", most common configuration shown
.commentCountAdmin		-->all but one cleint had different "div.commentCountAdmin", most common configuration shown
.commentTitle			-->all but one cleint had different "div.commentTitle", most common configuration shown
.commentDetails			-->all but one cleint had different "div.commentDetails", most common configuration shown

.commentFF				-->identical for all clients

.commentName			-->a few clients have variability in color, that being the only style, i removed the class
a.commentName			-->a few clients have variability in color
a.commentName:hover		-->a few clients have variability in color

a.commentReply			-->all but one cleint had different "a.commentReply", most common configuration shown
a.commentDelete			-->all but one cleint had different "a.commentDelete", most common configuration shown

div.comments{border:2px dotted #82632f; padding:10px; margin-top:20px;}
div.commentDisplay{border-bottom:1px solid #82632f; padding-bottom:5px; margin-bottom:15px; padding:5px; margin-right:10px;}
div.commentDisplayAdmin{border-bottom:1px solid #82632f; background-color:#6e4d16; padding:5px; margin-bottom:15px; margin-right:10px;}

.commentCount{color:#82632f; font-size:24px; font-weight:bold; float:left; padding-right:5px;}
.commentCountAdmin{color:#9a7331; font-size:24px; font-weight:bold; float:left; padding-right:5px; padding-top:5px; padding-left:5px;}
.commentTitle{color:#89d0e7; font-weight:bold; font-size:14px;}
.commentDetails{color:#cccccc; margin-top:5px;}

.commentFF{color:#ffffff; font-family:Tahoma, Verdana, Arial, Sans-Serif; font-size:12px; font-weight:bold; padding-right:5px; padding-bottom:10px;}

a.commentName{cursor:pointer; text-decoration:none;}
a.commentName:hover{cursor:pointer; text-decoration:underline;}

a.commentReply{color:#89d0e7; cursor:pointer; text-decoration:none;}
a.commentDelete{color:#ff0000; cursor:pointer; text-decoration:none;}*/

/***GLOBAL***/
.feature{padding:35px 0 0;}
.feature .image-container{display:block; float:left; padding:10px; width:150px; height:150px;}
h1.feature-page-name, h2{margin:0; padding:0;}
hr{margin:25px 0;}
a img{border:0;}

/***TEXT***/
.feature-text{}

/***LOGIN REDIRECT***/
.feature-login-redirect{}

/***EVENTS***/
.feature-event{}
.feature-event strong{display:inline-block; padding:0 5px 0 0;}
.feature-event p strong, .feature-event div strong{display:inline-block; width:105px;}
.feature-event .image-container{margin:0 30px 0 0;}

/***IMAGE GALLERY (UPDATE CSS)***/
.feature-image-gallery{padding:25px 0 0;} /*Override .feature padding*/
.feature-image-gallery .image-container{margin:10px 15px 0 0;}
/***ZOOM ON HOVER STYLES***/
.feature a.zoom{display:block; position:relative; /*width:150px; height:150px;*/ overflow:hidden;}
.feature a.zoom .zoom-overlay{display:none; position:absolute; top:0; left:0; bottom:0; right:0; background:url('https://cdn.sitelife.ms/images/image-zoom.png') center center no-repeat;}

/***VIDEOS***/
.feature-video{}
.feature-video .video-container{float:left; margin:0 30px 0 0;}
.feature-video p strong{display:inline-block; padding:0 15px 0 0;}

/***LIST***/
.feature-list{}
.feature-list h2{line-height:normal;}
.feature-list .image-container{margin:0 30px 0 0;}

/***BLOG***/
.feature-blog{padding:10px 0 0;}
.feature-blog.blog-page{padding:35px 0 0;}
.feature-blog button, .feature-post-bottom button{border:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.feature-blog .pagination{clear:both; padding-top:30px;}
.feature-blog .pagination button{float:right; margin:0 0 0 5px;}
.feature-blog .pagination button.page{background:none; color:inherit;}
.feature-blog .pagination button#previous-page{margin-right:5px;}
.feature-blog .pagination button#next-page{margin-left:10px;}
.feature-blog .pagination button#previous-page:hover,
.feature-blog .pagination button#next-page:hover{text-decoration:underline;}
.feature-blog .social-buttons{float:left; height:20px; padding:0 0 0 40px;}
.feature-post-top{padding:10px 0 5px;}
.feature-post-top .social-buttons{height:20px; padding:15px 0 2px;}
.feature-blog .social-buttons .social-button, .feature-post-top .social-buttons .social-button{float:left; height:20px;}
.feature-blog .read_more{float:left;}
.feature-post-bottom{margin-right:10px;}
.feature-post-bottom button{margin-bottom:10px;}

/***RECENT BLOG POSTS**
.feature-recent-posts{padding:35px 0 0;}*/ /*Override .feature-blog padding*/

/*SLIDESHOW*/
.feature-slideshow{position:relative; padding:0; margin:35px 0 20px;} /*Override .feature padding*/
.feature-slideshow a.slider-link{background:rgba(0,0,0,0);}
.slideshow-container{position:relative; overflow:hidden; z-index:0;}
.sliderContainer, #contentSlider{position:relative;}

/***LOCATION***/
.feature-location{}
.feature-location .location-container{float:left; margin:0 30px 0 0;}
.feature-location p strong{display:inline-block; width:90px;}

/*FORM*/
.feature-form{}
.feature-form .error{display:none;}

/*CART*/
.feature-cart{}

/***PRODUCT***/
.feature-product{margin-bottom:-35px;}
/*.feature-product a.product-image-link{}
.feature-product a.product-image-link img.product-image{}*/

/***PRODUCT CALCULATOR***/
#calculator span.label.invalid{color:#ff0000 !important;} /*Option Label Out of Stock*/

/***PRODUCT LIST***/
.feature-product-list{}
.feature-product-list .image-container{margin:0 30px 0 0;}
.feature-product-list h2.productName{padding:4px 0 8px;}

/***PRODUCT GRID***/
.feature-product-list.grid h2.productName{clear:both; padding:8px 0 5px; font-size:100%;}
.feature-product-list.grid a.zoom .zoom-overlay{background:url('https://cdn.sitelife.ms/_library/images/zoom-hover-product-grid.png') center center no-repeat;}

/*NOTIFICATION*/
.feature-notification{padding:0; margin-top:35px; margin-bottom:0 !important;} /*Override .feature padding*/

/*NOTIFICATION (SITE-WIDE)*/
.feature-site-notification{margin-bottom:35px !important;}

/***SEARCH***/
.feature-search{padding:25px 0;}

/*COMMENTS - TO-DO: Update These Styles Globally, On All Site "component.css" Files...*/
.feature-comments{padding:40px 0 0;} /*Override .feature padding*/
.feature-comments .comment-container{border-bottom:2px solid; padding:5px 0 10px 0; margin:0 10px 35px 0;} /*DEFINE: Border-Bottom Color*/
.feature-comments .comment-container.admin{padding:15px;} /*DEFINE: Background Color*/
.feature-comments .comment-container.parent{border-bottom:0;}
.feature-comments .reply-container{margin:-35px 0 0 30px;}
.feature-comments .reply-container .comment-container.first{border-top:2px solid;} /*DEFINE: Border-Top Color*/
.feature-comments .reply-container .comment-container{padding:15px;}
.feature-comments h2{float:left; padding:0 10px 0 0; margin:-5px 0 0; font-size:24px;}
.feature-comments .details{margin:10px 0 0 0;}
.feature-comments .details .post-date{color:#cccccc;} /*DEFINE: Font Color*/
.feature-comments .details a.delete{color:#ff0000;}
.feature-comments form .subject{display:none;}

/***TWITTER***/
#tweets .tweet{}
#tweets .tweet .post-text{}
#tweets .tweet{margin:10px 0 0;}
#tweets .tweet.first{margin:0;}
#tweets .tweet .post-date, .post-date{font-size:75%; padding:0 0 0 3px;}

/***POINT OF SALE***/
div.notes_edit_overlay{position:absolute; background:rgba(0,0,0,0.5); top:0; left:0; right:0; bottom:0; z-index:2;}
form.pos textarea#note{resize:none; width:892px; height:75px; margin:0 0 10px;}
form.pos textarea#note:focus{-webkit-box-shadow: 0px 0px 5px 0px rgba(0,112,186,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(0,112,186,0.5); box-shadow: 0px 0px 5px 0px rgba(0,112,186,0.5);}
form.pos td.balance{font-size:120%;}
form.pos td.balance.green{background:#d7e197 !important;}
form.pos td.balance.red{background:#e1a897 !important;}

/*Slider Container
.sliderContainer		-->many clients have variability in border, margin-bottom
.nivo-caption			-->identical for all clients
.nivo-controlNav		-->many clients have variability in bottom, right
.nivo-controlNav a div.numbers	-->many clients have variability in background-color, border, and one client had different padding scheme
.nivo-controlNav a.active div.numbers	-->many clients have variability in all styles, so i left this class out.
.nivo-controlNav a div.dots		-->all but two cleints had different ".nivo-controlNav a div.dots", most common configuration shown

.sliderContainer{float:left; margin-top:5px;}
.nivo-caption {
	text-align:right;
	font-weight:bold;
	background:#000000;
	color:#ffffff;
}
.nivo-controlNav{height:16px;}
.nivo-controlNav a div.numbers{*/ /*Number take the default link color
	background-color:#e0eff2;
	border:1px solid #d5e3e6;
	margin-left:5px;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;
}
.nivo-controlNav a div.dots{
	width:16px;
	height:16px;
	background-image:url('../siteImages/dot.png');
}
.nivo-controlNav a.active div.dots{background-image:url('../siteImages/dot_active.png');}
*/
/*Right Pane
most clients did not have "Right Pane" so i left all classes associated with it out.
*/

/*
it should be noted that there is a large "Drop down section" with muiltiple classes in phaze apparal, but does not exhist for any other cleints
*/