@charset "utf-8";

a:link
{
    text-decoration: none;
    background: transparent;
}
a:visited
{
    text-decoration: none;
    background: transparent;
}
a:hover
{
    text-decoration: none;
    background: transparent;
}
a:active
{
    text-decoration: underline;
    background: transparent;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;

	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

.keramosDirect ol
{
list-style-image: url(orangeCircle.gif);
list-style-type: circle
}

.keramosDirect #container {
	width: 745px; 
	height: 600px;
	background: #FFFFFF;
	margin: 0 auto; 
	border: 1px solid #000000;
	padding:4px;
	text-align: center; 
}

.keramosDirect #header {
	float:left;
	width:743px;
	height:100px;
	text-align:center;
	background: #009966;
	border-left: 1px solid #009966; 
	border-right: 1px solid #009966; 
	border-top: 1px solid #009966; 
	border-bottom: 1px solid #009966; 
	margin-left:0px;
	margin-right:1px;
	margin-top:5px;
	margin-bottom:0px;
}

.keramosDirect #headerInner {

	width:732px;
	height:90px;
	background: #FFFFFF;
		background-image:url(Images/Keramos2.gif);
		background-repeat:no-repeat;
	border: 1px solid #009966;
	padding:0px; 
	margin-left:1px;
	margin-right:1px;
	margin-top:4px;
	margin-bottom:0px;
}

.keramosDirect #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

.keramosDirect #leftContain {
	float:left;
	width:157px;
	height:405px;
	background:#FFFFFF;
	border-left:0px solid #009966; 
	border-right:0px solid #009966; 
	border-top:0px solid #009966; 
	border-bottom:0px solid #009966; 
	margin-left:0px;
	margin-right:1px;
	margin-top:0px;
	margin-bottom:0px;
}
.keramosDirect #leftBar {
	text-align:left;
	float:left;
	width: 155px;
	height: 60px;
	background: #009966;
		background-image:url(Images/leftTop.gif);
		background-repeat:no-repeat;
	border:0px solid #009966; 
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.keramosDirect #leftBarBottom {
	float:left;
	text-align:left;
	width: 155px;
	height: 265px;
	border:0px solid #009966; 
	background: #009966;
		background-image:url(Images/BottomText.gif);
		background-repeat:no-repeat;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
}

.keramosDirect #buttonContain{
	float:left;
	width:155px;
}

.keramosDirect #rightContain {
	float:right;
	width: 130px;
	height: 405px;
	border-left: 0px solid #009966; 
	border-right: 0px solid #009966; 
	border-top: 0px solid #009966; 
	border-bottom: 0px solid #009966; 
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.keramosDirect #rightBar {
	float:left;
	width: 130px;
	height: 210px;
	background: #009966;
		background-image:url(Images/textTopR.gif);
		background-repeat:no-repeat;
	border:0px solid #009966; 
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	
	
}

.keramosDirect #rightBarBottom {
	float:left;
	width: 130px;
	height: 195px;
	border: 0px solid #009966; 
	background: #009966;
		background-image:url(Images/bottomright.gif);
		background-repeat:no-repeat;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.keramosDirect #rbottomPic {
	width: 100px;
	height: 114px;
	border: 0px solid #cc9900; 
	background: #FFFFFF;
		background-image:url(Images/shopFront.gif);
		background-repeat:no-repeat;
	margin-left:0px;
	margin-right:0px;
	margin-top:22px;
	margin-bottom:0px;
}



.keramosDirect #tableSurround
{
	width: 130px;
	padding:0px;
	border:0px solid #cc9900; 
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.keramosDirect td
{
	padding:0px;
	border:0px solid #cc9900; 
	margin:0px;
}

.keramosDirect #menuButton
{
	color:#FFFFFF;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
		background-image:url(Images/button.gif);
		background-repeat:no-repeat;
	float:left;
	width:155px;
	height:20px;
	text-align:right;
	padding:0px;
	margin:0px;
	border:0px solid #cc9900; 
}

.keramosDirect #menuButton:hover
{
	color:#FFFFFF;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
		background-image:url(Images/button2.gif);
		background-repeat:no-repeat;
	float:left;
	width:155px;
	height:20px;
	text-align:right;
	padding:0px;
	margin:0px;
	border:0px solid #cc9900; 
}

.keramosDirect #menuButton1
{
	color:#FFFFFF;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
		background-image:url(Images/button.gif);
		background-repeat:no-repeat;
	float:left;
	width:155px;
	height:20px;
	text-align:right;
	padding:0px;
	margin:0px;
	border:0px solid #cc9900; 
}

.keramosDirect #menuButton1:hover
{
	color:#FFFFFF;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
		background-image:url(Images/button2.gif);
		background-repeat:no-repeat;
	float:left;
	width:155px;
	height:20px;
	text-align:right;
	padding:0px;
	margin:0px;
	border:0px solid #cc9900; 
}

.keramosDirect #menuButton2
{
	color:#FFFFFF;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
		background-image:url(Images/button.gif);
		background-repeat:no-repeat;
	float:left;
	width:155px;
	height:20px;
	text-align:right;
	padding:0px;
	margin:0px;
	border:0px solid #cc9900; 
}

.keramosDirect #menuButton2:hover
{
	color:#FFFFFF;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
		background-image:url(Images/button2.gif);
		background-repeat:no-repeat;
	float:left;
	width:155px;
	height:20px;
	text-align:right;
	padding:0px;
	margin:0px;
	border:0px solid #cc9900; 
}

.keramosDirect #menuButton3
{
	color:#FFFFFF;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
		background-image:url(Images/button.gif);
		background-repeat:no-repeat;
	float:left;
	width:155px;
	height:20px;
	text-align:right;
	padding:0px;
	margin:0px;
	border:0px solid #cc9900; 
}

.keramosDirect #menuButton3:hover
{
	color:#FFFFFF;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
		background-image:url(Images/button2.gif);
		background-repeat:no-repeat;
	float:left;
	width:155px;
	height:20px;
	text-align:right;
	padding:0px;
	margin:0px;
	border:0px solid #cc9900; 
}


.keramosDirect #mainContent {
	float:left;
	text-align:center;
	width:440px;
	height:385px;
	background: #cc9900;
	border: 1px solid #cc9900;
	padding:3px; 
	margin-left: auto;
	margin-right: auto;
	margin-top:7px;
	margin-bottom:2px;
}
.keramosDirect #mainContentInner {
	float:left;
	width:99%;
	height:99%;
	background: #FFFFFF;
		background-image:url(Images/back.gif);
		background-repeat:repeat;
	border: 1px solid #cc9900;
	padding:0px; 
	margin-left: auto;
	margin-right: auto;
	margin-top:1px;
	margin-bottom:1px;
	font-size: 13px;
	text-align:center;
}

.keramosDirect #mainContentInner2 {
    width:420px;
	margin:0 auto;
	text-align: left
}

.keramosDirect #mainContentInner td{
	width:50%;
	text-align:left;
	padding:2px; 
}

.keramosDirect #mainContentInner img{
	margin:0px;
}

.keramosDirect #showroomTitle
{
	text-align:center;
	width:380px;
	height:30px;
	background: #cc9900;
		background-image:url(Images/showroomtitle.gif);
		background-repeat:no-repeat;
	border-left: 1px solid #AA7700; 
	border-right: 2px solid #AA7700; 
	border-top: 1px solid #AA7700; 
	border-bottom:2px solid #AA7700; 
	padding:3px; 
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	margin-bottom:2px;
}

.keramosDirect #showroomSurround
{
	text-align:center;
	width:380px;
	height:268px;
	background: #cc9900;
	border-left: 1px solid #AA7700; 
	border-right: 2px solid #AA7700; 
	border-top: 1px solid #AA7700; 
	border-bottom:2px solid #AA7700; 
	padding:3px; 
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	margin-bottom:2px;
}

.keramosDirect #showroomInside
{
	text-align:center;
	width:90%;
	height:245px;
	background: #FFFFFF;
	border-left: 2px solid #AA7700; 
	border-right: 1px solid #AA7700; 
	border-top: 2px solid #AA7700; 
	border-bottom:1px solid #AA7700; 
	padding:2px; 
	margin-left: auto;
	margin-right: auto;
	margin-top:10px;
	margin-bottom:0px;
}


.keramosDirect #showroomControlLeft
{
	float:left;
	text-align:center;
	width:60px;
	height:30px;
	background: #009966;
	border-left: 1px solid #007744; 
	border-right: 2px solid #007744; 
	border-top: 1px solid #007744; 
	border-bottom:2px solid #007744; 
	padding:3px; 
	margin-left:20px;
	margin-right:0px;
	margin-top:15px;
	margin-bottom:0px;
}

.keramosDirect #showroomControlLeft:hover
{
	float:left;
	text-align:center;
	color:#FFFFFF;
	width:60px;
	height:30px;
	background: #008855;
	border-left: 2px solid #007744; 
	border-right: 1px solid #007744; 
	border-top: 2px solid #007744; 
	border-bottom:1px solid #007744; 
	padding:3px; 
	margin-left:20px;
	margin-right:0px;
	margin-top:15px;
	margin-bottom:0px;
}

.keramosDirect #showroomControlRight
{
	float:right;
	text-align:center;
	width:60px;
	height:30px;
	background: #009966;
	border-left: 1px solid #007744; 
	border-right: 2px solid #007744; 
	border-top: 1px solid #007744; 
	border-bottom:2px solid #007744; 
	padding:3px; 
	margin-left:0px;
	margin-right:20px;
	margin-top:15px;
	margin-bottom:0px;
}

.keramosDirect #showroomControlRight:hover
{
	float:right;
	text-align:center;
	color:#FFFFFF;
	width:60px;
	height:30px;
	background: #008855;
	border-left: 2px solid #007744; 
	border-right: 1px solid #007744; 
	border-top: 2px solid #007744; 
	border-bottom:1px solid #007744; 
	padding:3px; 
	margin-left:0px;
	margin-right:20px;
	margin-top:15px;
	margin-bottom:0px;
}

.keramosDirect #mapSurround
{
	text-align:center;
	width:390px;
	height:312px;
	background: #cc9900;
	border-left: 1px solid #AA7700; 
	border-right: 2px solid #AA7700; 
	border-top: 1px solid #AA7700; 
	border-bottom:2px solid #AA7700; 
	padding:2px; 
	margin-left: auto;
	margin-right: auto;
	margin-top:2px;
	margin-bottom:15px;
}

.keramosDirect #mapInside
{
	text-align:center;
	height:303px;
	width:379px;
	background: #FFFFFF;
	border-left: 2px solid #AA7700; 
	border-right: 1px solid #AA7700; 
	border-top: 2px solid #AA7700; 
	border-bottom:1px solid #AA7700; 
	padding:0px; 
	margin-left:4px;
	margin-right:0px;
	margin-top:5px;
	margin-bottom:0px;
}

.keramosDirect #locationTitle
{
	text-align:center;
	width:390px;
	height:30px;
	background: #cc9900;
		background-image:url(Images/directionstitle.gif);
		background-repeat:no-repeat;
	border-left: 1px solid #AA7700; 
	border-right: 2px solid #AA7700; 
	border-top: 1px solid #AA7700; 
	border-bottom:2px solid #AA7700; 
	padding:2px; 
	margin-left:auto;
	margin-top:2px;
	margin-bottom:0px;
	margin-right:auto;
}

.keramosDirect #footer {
	width:743px;
	height:80px;
	text-align:left;
	background:#009966;
		background-image:url(Images/contact.gif);
		background-repeat:no-repeat;
	border-left: 1px solid #009966; 
	border-right: 1px solid #009966; 
	border-top: 1px solid #009966; 
	border-bottom: 1px solid #009966; 
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px; 
}

.keramosDirect #footer p {
	margin: 0; 
	color:#FFFFFF;
	padding: 10px 0; 
	font:"Futura Lt BT";
	font-size: 16px;
}