﻿body {
	background-color: #808080;
	background-image: url(assets/pageprimer.png);
	background-repeat: repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
	font-style:italic;
	font-size:x-large;
	font-weight:bold;
}
#header{
	padding: 0px;
	margin:	 0px;
	height: 140px;
}
#header a{
	padding: 0px;
	margin:	 0px;
}
#mainmenu-wrapper {
	background-color: #000000;
    height:30px;
    padding-top:3px;
    padding-left:10px;
}
#mainmenu{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
#mainmenu a{
	text-decoration:none;
	/* color: #FFFFFF; */
	font-weight: bold;
}
#mainmenu a:hover{
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}
#mainmenu a:active{
	text-decoration:none;
	/* color: #FFFFFF; */
	font-weight: bold;
}
#mainmenu a:visited{
	text-decoration:none;
	/* color: #FFFFFF; */
	font-weight: bold;
}
/* #mainmenu ul{
	list-style-type: none;
    padding: 0;
    margin: 0;
}
#mainmenu ul li{
	float: left;
    margin-left:0;
    margin-right:25px
}*/
#submenu-wrapper {
	background-color: #dedede;
    height:30px;
    /* padding-top:11px; */
}
#submenu{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
#submenu ul{
	list-style-type: none;
    padding: 0;
    margin: 0;
}
#submenu ul li{
	float: left;
    margin-left:0;
    margin-right:25px
}
#crumbs-wrapper{
    padding-left:15px;
}
#search-wrapper{
    padding-left:10px;
    padding-top: 5px;
}
#content-wrapper{
    background-color: #ffffff;
    color:#000000;
	/* font-weight: bold; */
	font-size: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height:400px;
    overflow:auto;
}
#content-header-wrapper{
    background-color: #ffffff;
    color:#000000;
	/* font-weight: bold; */
	font-size: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.paddingboth{
    padding-left: 10px;
    padding-right: 10px;
}
.paddingleft{
    padding-left: 10px;
}
.paddingright{
    padding-right: 10px;
}
.center{
    text-align: center;
}
.domestic-single-product{
    border:1px solid #CBCBCB;
    display:block;
    float:left;
    margin:15px;
    padding:10px;
    width:200px;
    background-color: #EFEFEF;
}
.domestic-single-product-thumbnail{ 
    border-bottom:1px solid #CBCBCB;
    height:205px;
    text-align:center;
}
.domestic-single-product-id{
    font-size:12px;
    margin-bottom:10px;
    margin-top:10px;
}
.domestic-single-product-overview{
    height: 50px;
}
.domestic-single-product-details{
    text-align: right;
}
.product-grid-wrapper{
}
.product-grid{
    margin-left: auto;
    margin-right: auto;
    width: 760px;
}
.page-size-ui{
    width: 50%;
    float:left;
    text-align: left;
}
.page-navigation-ui{
    width: 50%;
    float:left;
    text-align: right;
}
.sf-menu li {
	background:		#000000;
    font-size:10px;
}
.sf-menu li li {
	background:		#222222;
    font-size:10px;
}
.sf-menu li li li {
	background:		#222222;
    font-size:10px;
}
.sf-menu a {
	border-left-color: #000000;
	border-top-color: #000000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#000000;
    color: #ffffff;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#c5c0bd;
}
.sf-menu {
	float:			left;
	margin-bottom:	0;
}

.product-main-navigation-wrapper{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}
.product-main-footer-wrapper{
    text-align: right;
}

.product-main-content-wrapper h1{
    font-weight: bold;
    font-size: 20px;
}
.product-main-content-wrapper h2{
    font-weight: bold;
    font-size: 15px;
}

#hero-section-wrapper{
    background-color: #000000;
    color: #ffffff;
    height:400px;
}
#hero-info-wrapper{

}
#hero-info{
    padding-top: 10px;
}
#hero-info h1{
    font-size: 12px;
    color: #dddddd;
    text-align: right;
    font-variant:small-caps;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #888888;
}
.readmore{
    text-align: right;
    font-variant:small-caps;
}
.teaser{
    margin-bottom: 0px;
    margin-left: 5px;
}
#blocks-section-wrapper h1{
    font-size: 12px;
    color: #444444;
    text-align: right;
    font-variant:small-caps;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #888888;
}
#blocks-section-wrapper{
    background-color: #ffffff;
    padding-top: 10px;
    min-height: 500px;
}
#block-left{
    background-color: #ffffff;
    padding-left: 0px;
    padding-right: 0px;
}
#hero{
    margin-left: auto;
    margin-right: auto;
}
.info-block{
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.breadCrumb {
background:transparent none repeat scroll 0 0;
border:none;
display:block;
float:left;
height:21px;
margin:0;
overflow:hidden;
padding:5px;
width:650px;
font-size:10px;
}
#main{
    padding-left: 20px;
}
.page-navigation-ui{
    font-size: 11px;
}
.page-size-ui{
    font-size: 11px;
}
#footer{
    font-size: 10px;
    text-align: center;
    padding-top: 10px;
}
#hero-footer-wrapper{
    background-color: #000000;
    color: #ffffff;
    height: 20px;
}
#hero-title h1 {
font-size:11px;
font-variant:small-caps;
font-weight:bold;
line-height:11px;
margin:0;
text-align:center;
}
#hero-control{
    font-size: 11px;
    text-align:right;
    padding-right: 10px;
    padding-bottom: 5px;
}
#hero-control a{
    color:#cccccc;
    text-decoration:none;
}
#hero-control a:hover{
    color:#ffffff;
    text-decoration:none;
}
.blackout{
    color:#000000;
}
#theMap{
    height: 500px;
    width: 625px;
    position: relative;
    display: block;
}
#Location{
    width: 350px;
}
#hero-welcome-close{
    font-size: 13px;
    font-weight:bold;
    text-align:right;
    padding-right: 10px;
    padding-bottom: 5px;
}
#hero-welcome-close a{
    color:#cccccc;
    text-decoration:none;
}
#hero-welcome-close a:hover{
    color:#ffffff;
    text-decoration:none;
}
.report-item-id{
    width: 100px;
    text-align: left;
}
.report-item-title{
    width: 250px;
    text-align: left;
    
}
.report-item-link{
    width: 175px;
    text-align: left;
}
.report-item-status{
    width: 75px;
    text-align: left;
}
.zebra-odd{
    background-color:#efefef;
}

.zebra-even{
    background-color:#ffffff;
}
.report-wrapper{
    text-align:center;
    padding-left: 100px;
    font-weight:normal;
}
.report-table{
    
}
.report-table th{
    background-color:Aqua;
}
.category-title{
    text-align: center;
}

.category-title h1{
    font-size: 16px;
}

.fullspan-content{
    padding-right: 50px;
    font-weight: normal;
}
.domestic-single-color{
    border:1px solid #CBCBCB;
    display:block;
    float:left;
    margin:10px;
    padding:10px;
    width:115px;
    background-color: #EFEFEF;
}
.domestic-single-color-thumbnail{ 
    border-bottom:1px solid #CBCBCB;
    height:135px;
    text-align:center;
}
.domestic-single-color-id{
    font-size:12px;
    font-weight:bold;
    margin-bottom:10px;
    margin-top:10px;
    height:30px;
    text-align:center;
}

.domestic-single-color-number {
    font-size:14px;
    margin-bottom:0;
    margin-top:0;
    text-align:right;
}

.domestic-single-color-number-legend {
    font-size:14px;
    color: Gray;
}

.domestic-showme {
    font-size:11px;
    margin-bottom:0;
    margin-top:0;
    text-align:right;
}

.domestic-showme-link {
    font-size:11px;
    color: Gray;
    display: inline-block;
}

.domestic-single-color-number-number{
    font-size:14px;
    color: black;
    display: inline-block;
}

.domestic-single-color-overview{
    height: 50px;
}
.domestic-single-color-details{
    text-align: right;
}
.color-grid-wrapper{
}
.color-grid{
    margin-left: auto;
    margin-right: auto;
    width: 760px;
}

.sidebar-text{
    font-weight: normal;
}


.classic-colors-grid-wrapper{

}

.classic-colors-grid {
display:block;
margin-left:auto;
margin-right:auto;
width:790px;
}

.rococco-colors-grid-wrapper{

}

.rococco-colors-grid {
display:block;
margin-left:auto;
margin-right:auto;
width:790px;
}

.rocooco-stains-logo{

}

.main-Colors{
    font-weight: normal;
}

.rococco-colors-wrapper{
    margin-top: 35px;
}

.classic-colors-wrapper{
}

.madeinusa-logo{
    text-align: center;
    margin-left: 40px;
    margin-right: auto;
}

.facebook-link{
    text-align: center;
    margin-left: 30px;
    margin-top: 30px;
    margin-bottom: 32px;
    margin-right: auto;
}

#slider {
    width: 450px; /* important to be same as image width */
    height: 400px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 450px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}

#sliderContent li 
{
    margin: 0;
}

.sliderImage li 
{
    margin: 0;
}

.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width:435px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}

#product-detail-hero-thumbs-wrapper{
    text-align:center;
}

#product-detail-hero-thumbs {
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin-bottom:0;
    margin-top:5px;
}

#product-detail-hero-thumbs li{
    display:inline;
    margin-left:0;
}

#product-detail-hero-image-wrapper{
    text-align: center;
}

#product-detail-hero-image{

}

#product-detail-wrapper{
   background-color: #ffffff;
   padding: 0;
   margin: 0;
}

#product-detail{
    margin: 0;
    padding: 0;
}

#product-detail-left-col{
   display: block;
   float:left;
   background-color: #000000;
   height: 540px;
}

#product-detail-right-col{
   display: block;
   float: left;
   padding-left: 10px;
   background-color: #ffffff;
   height: 540px;
}

#product-detail-body{
    background-color: #ffffff;
    margin: 0;
    padding: 0;
    background-image: none;
     background-image: url(assets/product-popup-primer.png);
     background-repeat:repeat-y;
}
#product-detail-right-col-top{
    height: 450px;
}
.product-detail-hero-thumb-active img{
    border-width:1px;
    border-style:solid;
    border-color:#ffffff;
}
#product-detail-hero-thumbs li img{
    border-width:1px;
    border-style:solid;
    border-color:#000000;
}
#product-main-footer-wrapper img{
    margin-right:15px;
}
.watermark {
	color: #999 !important;
}

.align-right{
	text-align:right;
}

.align-left{
	text-align:left;
}

.align-center{
	text-align:center;
}

.float-right{
	float:right;
}

.float-left{
	float:left;
}

.image-float-right{
	float:right;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.image-float-left{
	float:left;
    margin-right: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}


#theMapWrapper{

}

#main-wrapper{

}

#sliderContent{
    list-style-type:none;
}

#site-wrapper{

}

#site-wrapper #header{
    position:relative;
    z-index: 1;
}

#site-wrapper #mainmenu-wrapper{
    position:relative;
    z-index: 2;
}

#site-wrapper #submenu-wrapper{
    position:relative;
    z-index: 1;
}

.on-top 
{  
  z-index: 10000;  
} 
