.freestyle html, .freestyle body, .freestyle div, .freestyle span, .freestyle applet, .freestyle object, .freestyle iframe, .freestyle h1, .freestyle h2, .freestyle h3, .freestyle h4, .freestyle h5, .freestyle h6, .freestyle blockquote, .freestyle pre, .freestyle a, .freestyle abbr, .freestyle acronym, .freestyle address, .freestyle big, .freestyle cite, .freestyle code, .freestyle del, .freestyle dfn, .freestyle em, .freestyle img, .freestyle ins, .freestyle kbd, .freestyle q, .freestyle s, .freestyle samp, .freestyle small, .freestyle strike, .freestyle strong, .freestyle sub, .freestyle sup, .freestyle tt, .freestyle var, .freestyle b, .freestyle u, .freestyle i, .freestyle center, .freestyle dl, .freestyle dt, .freestyle dd, .freestyle ol, .freestyle ul, .freestyle li, .freestyle fieldset, .freestyle form, .freestyle label, .freestyle legend, .freestyle table, .freestyle caption, .freestyle tbody, .freestyle tfoot, .freestyle thead, .freestyle tr, .freestyle th, .freestyle article, .freestyle aside, .freestyle canvas, .freestyle details, .freestyle embed, .freestyle figure, .freestyle figcaption, .freestyle footer, .freestyle header, .freestyle hgroup, .freestyle menu, .freestyle nav, .freestyle output, .freestyle ruby, .freestyle section, .freestyle summary, .freestyle time, .freestyle mark, .freestyle audio, .freestyle video { border: 0 none; font: inherit; padding: 0; vertical-align: baseline;} 

.freestyle body {font-family: Arial,Helvetica,sans-serif;} 
.freestyle a {outline: medium none;} 
.freestyle h1 {font-family: 'PT Sans',Arial,sans-serif; font-size: 26px; line-height: 1.1em; margin:0px;}
.freestyle h2 {font-size: 20px;} 
.freestyle h5 {font-size: 12px; margin:0px;} 
.freestyle p {font-family: Arial,Helvetica,sans-serif; font-size: 12px;} 
#wrapper-exp {
    background: url("http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/background.jpg") repeat scroll 0 0 transparent;
    color: #F6F4E4;
    /*height: 965px;*/
	padding:0px 0px 40px 0px;
	height:auto !important;
    margin-left: auto;
    margin-right: auto;
    width: 1006px;
}
#wrapper-exp a {
    color: #F6F4E4;
}

.innerwrapper-exp {
    color: #F6F4E4;
    margin-left: auto;
    margin-right: auto;
    width: 876px;
	padding-top:40px;
}

#main-exp {
    color: #F6F4E4;
    float: left;
    height: 750px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    width: 876px;
}
.contentslide {
    position: relative;
    right: 0;
    width: 1752px;
}
.desc {
    margin-bottom: 15px;
}
#featured-exp {
    background: url("http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/transparent-bg.png") repeat scroll 0 0 transparent;
    float: left;
    height: 725px;
    padding: 15px 7px 0;
    position: relative;
    width: 716px;
}
#featured-exp p {
    margin-left: 3px;
    width: 710px;
}
#featured-exp h2 {
    margin: 0 0 15px 3px;
    width: 314px;
}
#featured-exp a {
    display: block;
    font-size: 12px;
    margin: 0 0 0 3px;
    width: 314px;
}

.mainimg-exp {
    background: none repeat scroll 0 0 #666666;
    height: 394px;
    margin: 0 10px 0 3px;
    width: 709px;
}
.piccaption {
    background: none repeat scroll 0 0 #CCCCCC !important;
    border: 1px solid #CCCCCC !important;
    font-size: 10px !important;
    margin-bottom: 13px !important;
    text-align: right !important;
    text-decoration: none !important;
    width: 523px !important;
}
.piccaption p {
    color: #333333;
    left: -26px;
    padding: 2px;
    position: relative;
    text-decoration: none;
}
.mainimg-desc {
    clear: left;
    font-size: 13px;
    margin: 10px 0 10px 0;
}
.viewbox {
    float: right;
    height: 18px;
    position: relative;
    width: 146px;
}
.viewbox h4 {
    font-size: 12px;
    text-align: center;
}
.boxview {
    background-position: 0 -18px;
}
.expview{
    background-image: url("http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/more-btn.png");
    display: block;
    height: 18px;
    position: relative;
    text-decoration: none;
    text-indent: -5200px;
    width: 146px;
}
#mainexperts-exp {
    background: url("http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/transparent-bg.png") repeat scroll 0 0 transparent;
    float: left;
    height: 708px;
    padding: 32px 0 0;
    width: 146px;
	border-left:1px solid #666666;
}
#experts-exp {
    float: left;
    height: 708px;
	padding: 32px 0 0;
    width: 146px;
}
.expertbox {
    margin: 22px auto 5px;
    width: 128px;
}
#exp-img {
    margin-bottom: 3px;
}
.expertbox h3 {
    font-size: 13px;
    margin-bottom: 3px;
}
.expertbox p {
    font-size: 10px;
    margin-bottom: 3px;
    width: 128px;
}
.expertbox a {
    font-size: 12px;
}
.more-exp {
    background: url("http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/transparent-bg.png") repeat scroll 0 0 transparent;
    float: left;
    min-height: 708px;
    width: 800px;
}
#selectwrapper {
    margin: 0 auto;
    width: 876px;

}
#select-cg {
    background: url("http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/content-bg.jpg") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #333333;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    width: 876px;
}
#select-cg h2 {
    margin-left: 38px;
}
#select-cg h3 {
    color: #512520;
    margin: 20px 0 0 42px;
	font-size:17px;
}
#select-cg h5 {
    color: #512520;
	font-size:14px;
	margin: 5px 0px 0px 0px !important;
}
#select-header-exp {
	background:url(http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/bg_header_dc.jpg) no-repeat;
    /*---background: url("http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/banner-bg.png") no-repeat scroll 0 0 transparent;*/
    height: 115px;
    width: 876px;
	float:left;
}
.selectspacer{
	height:43px;
	width:100%;	
	background:#f7f7f7;
}
.cg-info {
    color: #512520;
    margin: 15px 0 0 42px;
    width: 775px;
}
.cg-info p{
	margin-bottom:10px;	
}
.select-quote-exp {
    float: left;
    margin: 5px 5px 0 40px;
    width: 244px;
}
.select-quote-exp p {
    font-size: 9px;
    font-style: italic;
    margin: 0px 0 0;
    text-align: left;
}
.select-pic-exp {
    float: left;
    margin: 0 0 0 5px;
	width:200px;
}
.colblock {
    background: none repeat scroll 0 0 transparent;
    min-height: 287px;
    overflow: hidden;
    width: 202px;
}
#colorgrouping td {
    padding: 10px 40px;
}
#colorgrouping a {
    display: block;
    min-height: 220px;
    width: 200px;
}
#colorgrouping img{
	border: 1px solid #333333;
}
#colorgrouping p {
    color: #512520;
    font-size: 10px;
	margin:2px 0 0 1px;
}
div#exp-homewrapper {
    background: url("http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/container-bg.png") repeat scroll 0 0 #FFFFFF;
    clear: both;
	position:relative;
    color: #512520;
    /*height: 965px;*/
    margin: 0 auto;
    width: 1006px;
	overflow:hidden;
}
#exp-homewrapper ul {
    list-style: none outside none;
}
#exp-homewrapper .pane {
    display: block;
}

#logo {background-color:#493a33;}

#logo-header {
	background:url(http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/bg_header_dc.jpg) no-repeat;
    /*--background: url("http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/home-banner-bg.png") no-repeat scroll 0 0 #512520;*/
    /*clear: both;
	float:left;
    color: #F6F4E4;
    height: 115px;
    width: 1006px;*/
	width:1006px; height: 115px; margin:0px 0px; clear:both; color: #F6F4E4;
}
.quote-exp {
    float: left;
    margin: 5px 5px 0 70px;
    width: 244px;
}
.quote-exp p {
    font-size: 9px;
    font-style: italic;
    margin: 0px 0 0;
    text-align: left;
}
.pic-exp {
    float: left;
}
.viewmore-btn {
    clear: both;
    float: right;
    margin: 0 65px 10px 0;
}
.content-exp {
    height: 520px;
	margin-top:17px;
}
.two {
    display: none;
    height: 502px;
}
#left-side-exp {
    float: left;
    height: 500px;
    margin:0px 20px 0 70px;
    width: 523px;
}
#mainpic-exp {
    background: none repeat scroll 0 0 #000000;
    border: 1px solid #CCCCCC;
    height: 336px;
    overflow: hidden;
    width: 523px;
}
.mainpic{
	color:#333;
	display:block;
	width:525px;
	height:373px;
	text-decoration: none;
}
.group-swatches-exp {
    float: left;
}
.unselected {
    opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

}
.selected {
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.swatchgroup li {
    float: left;
    overflow: hidden;
    text-align: left;
}
.tooltip p {
    float: right;
}
.swatchgroup {
    float: left;
    list-style: none outside none;
}
.swatchgroup-sm {
    list-style: none outside none;
    margin: 5px 0 0;
    overflow: hidden;
	clear:both;
}
.swatchgroup-sm li {
    display: block;
    float: left;
    height: 105px;
    margin: 0 13px 0 0;
    overflow: hidden;
    text-align: left;
    width: 60px;
}
.swatchgroup-sm p {
    font-size: 9px;
}
.swatchgroup-sm li a {
    display: block;
    float: left;
    height: 60px;
    margin-bottom: 5px;
    width: 60px;
}
.swatchgroup p {
    clear: both;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 0 0;
}
#right-side-exp {
    float: left;
    height: 500px;
    margin:0px 0 0;
    width: 346px;
}
#coldesc-exp {
    margin: 0 0 10px;
    min-height: 78px;
}
#coldesc-exp p {
    letter-spacing: 0.1px;
    line-height: 14.5px;
    margin: 0 0 10px;
    width: 348px;
}
.lgcolor-swatches-exp {
    width: 100%;
}

.vidbox{
	float:left;
	width:97px;
}
.vid-exp {
    background: none repeat scroll 0 0 #000000;
    clear: both;
    float: left;
    height: 56px;
    width: 77px;
}
.vid-exp a {
    display: block;
    height: 56px;
    width: 77px;
}
.bottomlinks-exp {
    clear: both;
    position: relative;
}
.bottomlinks-exp p {
    float: right;
    font-size: 11px;
    margin: 0 0 5px;
    position: relative;
    text-align: right;
    top: 30px;
}
.bottomlinks-exp a {
    color: #7E7971;
}
.freestyle .lovecolor {
    float: left;
    height: 30px;
    position: relative;
    width: 352px;
	color:#512520;
}
.freestyle .lovecolor h2 {
    font-size: 17px;
    margin-bottom: 5px;
}

.freestyle .lovecolor img {
    margin-right: 4px;
}
.freestyle .lovecolor a {

}
.freestyle .lovecolor div {
    margin: 0 0 7px;
}
.buy{
	margin-left:7px;
    font-size: 12px;
    text-decoration: none;
	float:right;
	width:80px;
	height:22px;
	color:#fff; 
	background:url(images/buy_btn.png) no-repeat top left;
	text-align:center;
	
}
.buy a{
	color:#fff; 
	 display:block;
	 width:80px;
	height:22px;
	top:2px;
	position:relative;
	font-family:'PT Sans', Arial, Helvetica, sans-serif
}
.gall {
    color: #512520;
    float: left;
    font-family: 'PT Sans',Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-left: 0;
    text-decoration: none;
    width: 160px;
}
.gall-frnt{
	margin-left:0px;
	color: #512520;
    font-size: 12px;
    text-decoration: none;	
	float:right;
	width:350px;
	position:relative; 
	top:10px;
	text-align:right;
	font-family:'PT Sans', Arial, Helvetica, sans-serif;
}


.sortsection {
    clear: both;
    float: right;
    height: 126px;
    margin: -100px 49px 0 0;
    overflow: hidden;
    position: relative;
    top: 100px;
    /*width: 346px;*/
	width:500px;
}
.sortsection ul {
    float: right;
    list-style: none outside none;
    margin: 0 14px 0 40px;
    text-align: left;
}
.sortsection ul li a {
    color: #7E7971;
    font-size: 15px;
}
.sortbtn-exp {
    background: none repeat scroll 0 0 #755B4D;
    clear: both;
    float: right;
    height: 26px;
    width: 346px;
}
.sortbtn-exp a {
    color:#FFFFFF;
    float: right;
    font-size: 12px;
    margin: 6px 15px 5px 5px;
    text-decoration: none;
}
.sortsection .sortitems-exp {
    background: none repeat scroll 0 0 #E4DECE;
    bottom: 0;
    float: right;
    height: 100px;
    left: 0;
    position: absolute;
    /*width: 346px;*/
	width:500px;
}
.mainswatch {
    margin: 0 0 10px;
}
.swatchgroup img {
    border: 0 none;
    cursor: pointer;
}
.swatchgroup-sm img {
    border: 0 none;
    cursor: pointer;
    margin: 0 0 10px;
}
#productDropDown {
    background: none repeat scroll 0 0 #666666;
    height: 300px;
    width: 200px;
}
.colswatch {
    border: 1px solid #CCCCCC;
    float: left;
    height: 75px;
    width: 75px;
	margin-bottom:5px;
}
.colswatchtext {
    float: left;
    margin: 0 0 0 5px;
    width: 97px;
}
.colswatchtext p {
    float: left;
}
.colswatch-sm {
    border: 1px solid #CCCCCC !important;
    float: left;
    height: 58px;
    width: 58px;
}

.colswatch-sm p{
	float:left;
}
.scrollable {
    background: none repeat scroll 0 0 #E4DECE;
    height: 238px;
    overflow: hidden;
    position: relative;
    width: 910px;
}

.items {
    float: left;
    width: 910px;
	
}
.items li {
    display: block;
    float: left;
    height: 200px;
    margin:5px 1px 20px 21px;
    width: 200px;
}
.scrollable img {
    float: left;
    height: 200px;
    width: 200px;
}
.items a{
	height:200px;
	width:200px;
	display:block;
    opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.items a.current{
    opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.scrollable .active {
    border: 2px solid #000000;
    cursor: default;
    position: relative;
}
.scrollable {
    float: left;
}
a.browse {
    background: none repeat scroll 0 0 #755B4D;
    display: block;
    float: left;
    font-size: 1px;
    height: 238px;
    width: 48px;
}
a.right {
    background: url("http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/arrow_r.png") repeat scroll #755B4D;
    clear: right;
    margin-right: 0;
	float:right;
	position: relative;
	z-index:500;
}
a.left {
    background: url("http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/arrow_l.png") repeat scroll #755B4D;
    margin-left: 0;
    position: relative;
	float:left;
	z-index:500;
}


a.disabled {
	background-image:none !important;
}



#exp-homewrapper .spacedcontent {
    /*height: 548px;*/
	float:left;
}
#exp-homewrapper .contentwrapped {
    height: 548px;
}

#flowtabs {
    border-right: 1px solid #CCCCCC;
    height: 102px;
    list-style: none outside none;
    margin: 0 !important;
    padding: 0;
}

#flowtabs li {
    border-left: 1px solid #CCCCCC;
    float: left;
    height: 36px;
    list-style-image: none !important;
    margin: 0 !important;
    padding: 0;
    text-indent: 0;
	/*width:170px;*/
	width:123px;
}

#flowtabs a {
    background: url("/tools/img/tabs/blue.png") no-repeat scroll -420px 0 transparent;
    color: #755B4D;
    display: block;
    font-size: 15px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 0 8px;
    padding: 0;
    position: relative;
    text-decoration: none;
    top: 1px;
    width: 140px;
}
#viewall {
    color: #755B4D;
    float: right;
    font-size: 15px;
    left: -10px;
    position: relative;
    text-decoration: none;
    top: -23px;
}
#flowtabs a:active {
    outline: medium none;
}
#flowtabs a:hover {
    color: #999999;
}
#flowtabs a.current, #flowtabs a.current:hover, #flowtabs li.current a {
    color: #000000 !important;
    cursor: default !important;
}
.panes .pane .pane2 {
    display: none;
}
#flowpanes {
    overflow: hidden;
    position: relative;
}
.scrollable div {
    display: block;
    float: left;
    font-size: 14px;
    position: relative;
    width: 906px;
}
#flowpanes .items {
    margin: 0;
    padding: 0;
    position: absolute;
    width: 20000em;
}
#flowpanes .less, #flowpanes .less a {
    color: #999999 !important;
    font-size: 11px;
}
.switch-cg{
		
}
#navleft {
    background: none repeat scroll 0 0 #755B4D;
    float: left;
    height: 238px;
	top:26px;
    position: relative;
    width: 48px;
	cursor:pointer;
}
#navright {
	background: url("http://media.benjaminmoore.com/WebServices/prod/DesignerAlliance/Darryl_Carter/images/arrow_r.png") none repeat scroll 0 0 #755B4D;
    float: right;
    height: 238px;
    position: relative;
    width: 48px;
	cursor:pointer;
}
.colorname{
	font-style:italic;	
}
#playerDiv{
	width:633px;
	height:380px;
	display:block;	
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.freestyle {margin-left: -1px;}
}
#footer_content div {font-size: 11px;}
span#header_phone_tag {font-family: Verdana,Helvetica,sans-serif;font-size: 11px;}