body {
background-color: #939393;
margin: 0;
padding: 0;
text-align: center;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #221C22;
}

#container {
background-color: #fff;
margin: 20px auto;
width: 940px;
text-align: left;
clear: both;
position: relative; /* test */
}


/* -------------------------------------------------------------------------------------------------------------- HEADER AREA-------------------------------- */

#header {
height: 53px;
padding: 40px 0 0 30px;
font-family: Arial;
font-weight:bold;
}

#header img {
float: left;
}

#header img a {
border: 0;
}

#header ul {
list-style-type: none;
float: left;
}

#header ul li {
float: left;
margin: 8px 35px 0 0;
background-color: #fff;
}

#header ul li a {
text-decoration: none;
font-size: 16px;
}

#header ul li a:link {
color: #333;
}

#header ul li a:active, #header ul li a:hover {
color: #CAD05D;
}

/*a*/

/* -------------------------------------------------------------------------------------------------------------- Background Images-------------------------------- */

#bgrndpic1 {
background: url(images/bgrnd1.jpg) no-repeat #3D270F;
min-height: 500px;
height: 500px;
border-top: 15px solid #CAD05D;
}

#bgrndpic2 {
background: url(images/bgrnd2.jpg) no-repeat #3D270F;
min-height: 500px;
height: 500px;
border-top: 15px solid #CAD05D;
}

#bgrndpic3 {
background: url(images/bgrnd3.jpg) no-repeat #3D270F;
min-height: 500px;
height: 500px;
border-top: 15px solid #CAD05D;
}

#bgrndpic4 {
background: url(images/bgrnd4.jpg) no-repeat #3D270F;
background-position: 0px -5px 0px -0px; /*T R B L*/
min-height: 500px;
height: 500px;
border-top: 15px solid #7E8083;
}

#bgrndpic5 {
/*jt note madison primary page*/
/*background: url(images/bgrnd5.jpg) no-repeat #3D270F;*/
background: url(images/Madison-Primary1_albert.jpg) no-repeat #3D270F;
background-position: 0px 0px;
/*background: url(images/Madison-Primary1a.jpg) no-repeat;*/
min-height: 500px;
height: 500px;
border-top: 15px solid #7E8083;
}

#bgrndpic6 {
background: url(images/bgrnd6.jpg) no-repeat #3D270F;
min-height: 500px;
height: 500px;
border-top: 15px solid #7E8083;
}

#bgrndpic7 {
background: url(images/bgrnd7.jpg) no-repeat #fff;
min-height: 500px;
height: 500px;
border-top: 15px solid #7E8083;
}

#bgrndpic8 {
background: url(images/bgrnd8.jpg) no-repeat #3D270F;
min-height: 500px;
height: 500px;
border-top: 15px solid #762023;
position: relative; /* test */
}

#bgrndpic9 {
background: url(images/bgrnd9.jpg) no-repeat #3D270F;
min-height: 500px;
height: 500px;
border-top: 15px solid #CAD05D;
}

/* -------------------------------------------------------------------------------------------------------------- CONTENT AREA BASE-------------------------------- */
#content-contemporary {
background: #C9D05D;
min-height: 500px;
height: 500px;
border-top: 15px solid #7E8083;
}

/*BERT*/

#content-classic {
background: #3D270F;
min-height: 500px;
height: 500px;
border-top: 15px solid #762023;
}

#content-contact {
background: #3D270F;
min-height: 500px;
height: 500px;
border-top: 15px solid #762023;
}

#langchoice {
color: #fff;
font-weight: bold;
font-size: 14px;
/*width: 100%;*/
padding: 100px 0 0 700px;
position: absolute;
}

#langchoice a {
text-decoration: none;
}

#langchoice a:visited, #langchoice a:link {
color: #fff;
}

#langchoice a:hover, #langchoice a:active {
color: #CAD05D;
}

.pullquote {
position: absolute;
border-left: 13px solid #fff;
width: 450px;
margin: 320px 0 0 350px;
padding: 0 0 0 15px;
color: #fff;
}

/* -------------------------------------------------------------------------------------------------------------- CONTENT AREA Gallery-------------------------------- */


#height{
float:left;
min-height:325px;
width:470px;
}

#whiteright {
width: 470px;
background-color: #fff;
float: right;
height: 500px;
position: relative; /* test */
}

#catcontainer {
/*background: #fc0;*/
float: left;
position: absolute;
bottom: 10px;
left: 0px;
width: 100%;
background: #f00;
clear: both;;
}

.cat-range {
clear: left;
/*background-color: #ffcc00;*/
}

.item {
width: 100px;
float: left;
margin: 0 0 20px 15px;
float: left;
clear: none;
}


.itemProducts {
padding: 2px 1px 10px 0px;
width: 100px;
float: left;
margin: 0 0 0px 7px;
float: left;
clear: none;
}

#textboxitem {
background-color: #D3D772;
margin: 0 0 0px 0px;
font-size: 12px;
width: 430px;
text-align: left;
padding: 10px;
position: relative;
top:10px;
left:10px; /* test */
}


#textboxtest {
background-color: #D3D772;
margin: 0 0 0px 0px;
font-size: 12px;
width: 405px;
text-align: left;
padding: 10px;
position: relative;
top:10px;
left:15px; /* test */
}

.itemname {
font-size: 12px;
margin: 10px 0 0 0;
padding: 0px;
height: 2.5em;
min-height: 2.5em;
float: left;
clear: none;
width: 100px;
overflow: hidden;
}
.itemname span {
float: left;
clear: none;
}

.itempic {
/*background: #D03DC8;*/
background-color:#CCCCCC;
width: 100px;
min-height: 100px;
height: 100px;
margin: 0px;
padding: 0px;
float: left;
clear: none;
}

/* -------------------------------------------------------------------------------------------------------------- CONTENT AREA Detail-------------------------------- */

.detailname {
font-size: 22px;
margin: 20px 0 0 20px;
}

.detailname .boldword {
font-weight: bold;
}

.bcdetailname {
font-size: 22px;
margin: 20px 0 0 20px;
}

.bcdetailname .boldword {
font-weight: bold;
}

.aboutdetailname {
font-size: 18px;
margin: 20px 0 0 20px;
}

.aboutdetailname .boldword {
font-weight: bold;
}

.features ul {
/*list-style-type: none;*/
list-style-type: bullet;
/*margin: 0;*/
margin-right: 15px;
padding: 20px 0 0 20px;

}

.features ul li{
/*list-style-type: none;*/
list-style-type: bullet;
/*margin: 0;*/
margin-left:15px;
/*padding-bottom:10px;*/
padding-bottom:5px;
}

.features ul li:before {
/*content: "- ";*/

}

.features ul li ul, .features ul li ul li{
/*list-style-type: none;*/
list-style-type:bullet;
margin: 0;
padding: 0;
}

.features ul li ul li{
list-style-type: none;
margin: 0 0 0 20px;
padding: 0;
}

.features ul li ul li:before {
content: " ";
}

.features .title {
font-weight: bold;
margin: 40px 0 0 20px;
display: block;
}

.features .dimensions ul li:before {
content: " ";
}

#moreinfo {
margin: 30px 0 0 20px;
position: absolute;
bottom: 10px;
width: 100%;
clear: both;
}

#moreinfo ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 80%;
float: left;
clear: both;
position: relative;
}

#moreinfo ul li {
padding: 0;
margin: 0;
width: 100%;
clear: both;
float: left;
position: relative;
}

#moreinfo a {
text-decoration: none;
color: #000;
}

#moreinfo a:hover, #moreinfo a:active {
color: #CAD05D;
}

#moreinfo img {
margin: 15px 10px 0 0;
}

#moreinfo .backfor a{
margin: 0 40px 0 0;
}

/* -------------------------------------------------------------------------------------------------------------- CONTENT AREA Countertops -------------------------------- */
#countercentre {
margin: 135px 0 0 0;
}

.counterdesc {
margin: 0 0 40px 18px;
float: left;
clear: both;
}

.counterdesc .countername{
font-weight: bold;
color: #808283;
font-size: 16px;
display: block;
clear: both;
}

#counterwarning p{
color: #808283;
float: left;
margin: 80px 0 0 20px;
width: 400px;
}

/* -------------------------------------------------------------------------------------------------------------- CONTENT AREA Contact -------------------------------- */

#contactdetail {
color: #fff;
float: left;
margin: 110px 0 0 35px;
float: left;
position: absolute;
}

#contactdetail ul{
font-size: 20px;
list-style-type: none;
margin: 1em 0 0 0;
padding: 0;
}

#contactdetail ul li{
margin: 0;
}

#contactdetail ul li:first-letter {
margin: 0 10px 0 0;
}

#contactdetail a {
text-decoration: none;
}

#contactdetail a:link, #contactdetail a:active, #contactdetail a:visited {
color: #fff;
}

#contactdetail a:hover {
color: #CAD05D;
}

#contactretailers {
color: #fff;
float: left;
margin: 260px 0 0 125px;
position: absolute;
}

#contactretailers p {
margin: 0 0 0.5em 0;
}

#contactretailers p:first-child{
padding: 0 0 0 33px;
}

#contactretailers ul{
list-style-type: none;
border-left: 13px solid #fff;
margin: 0;
padding: 0;
}

#contactretailers ul li{
margin: 0 0 0 20px;
}

#contactretailers a {
text-decoration: none;
}

#contactretailers a:link, #contactretailers a:active, #contactretailers a:visited {
color: #fff;
}

#contactretailers a:hover {
color: #CAD05D;
}

#contactwhiteright {
width: 350px;
background-color: #fff;
float: right;
height: 500px;
margin: 0 20px 0 0;
font-size: 13px;
}

#contactwhiteright a:active, a {
text-decoration: none;
font-size: 16px;
}

#contactwhiteright .detailname {
margin: 40px 0 0 20px;
display: block;
}

#contactwhiteright .bcdetailname {
margin: 20px 0 0 20px;
display: block;
}

.retailtown {
display: block;
font-weight: bold;
color: #808283;
margin: 0 0 0 20px;
}

.retailtownContact {
display: block;
font-weight: bold;
color: #808283;
margin: 0 0 0 0px;
float:left;
}

#contactwhiteright p {
margin: 0 0 0 20px;
}

#contactwhiteright ul {
list-style-type: none;
padding: 0;
}

#contactwhiteright li {
margin: 0 0 1em 0;
}

#ulreplacement{
list-style-type: none;
margin: 0;
padding: 0;
}

#ulreplacement .detailname{
margin-bottom: 0.25em;
}


div.thumbnail{
width:100px;
float:left;
/*margin: 0 0px 10px 12px;*/
margin: 0 12px 10px 0px;
position: relative;
}

div.thumbnail img{
margin: 10px 0 0 10px;
float: left;
position: relative;
clear: both;
}

div.thumbnail p {
margin:0;
padding: 0 20px 30px 10px;
}


/* -------------------------------------------------------------------------------------------------------------- ABOUT AREA -------------------------------- */

#aboutwhiteright {
width: 600px;
background-color: #fff;
float: left;
height: 500px;
margin: 0 0 0 30px;
font-size: 13px;
}

#aboutwhiteright a:active, #aboutwhiteright a:link, #aboutwhiteright a:visited, a {
text-decoration: none;
font-size: 12px;
}

#aboutwhiteright .aboutdetailname {
margin: 14px 0 0 30px;
display: block;
}


#aboutwhiteright p {
margin: 0 30px 0 30px;
}

#aboutwhiteright ul {
list-style-type: none;
padding: 0;
}

#aboutwhiteright li {
margin: 0 0 1em 0;
}

/* -------------------------------------------------------------------------------------------------------------- TEXT BOX -------------------------------- */

#textboxwhite {
width: 200px;
background-color: #676767;
float: left;
height: 100px;
margin: 0 0 0 30px;
font-size: 13px;
}

#textboxwhite a:active, a {
text-decoration: none;
font-size: 16px;
}

#textboxwhite .detailname {
margin: 30px 0 0 35px;
display: block;
}


#textboxwhite p {
margin: 0 40px 0 40px;
}

#textboxwhite ul {
list-style-type: none;
padding: 0;
}

#textboxwhite li {
margin: 0 0 1em 0;
}

/* -------------------------------------------------------------------------------------------------------------- FOOTER -------------------------------- */


#footer {
background-color: #939393;
margin: auto;
width: 940px;
text-align: left;
clear: both;
padding: 5px 0 0 0;
font-family: Arial;
position: relative; /* test */
}