/* CSS Document for The Bathroom Shop */

/* 
--------------------------------------------------------------------------------------------------
MAIN LAYOUT FORMATTING
--------------------------------------------------------------------------------------------------
*/

body {
	background-color: #FFFFFF;
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-family: "Verdana", Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 15px;
	color: #8F8F8F;
}

.left {
	background: #FFFFFF url('../images/core/bgleft.gif') top right no-repeat;
	margin: 0px;
	padding: 0px;
}

.right {
	background: #FFFFFF url('../images/core/bgright.gif') top left no-repeat;
	margin: 0px;
	padding: 0px;
}

.container {
	width: 725px;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

.navigation {
	background: url('../images/core/logo.gif') top no-repeat;
	width: 725px;
	height: 117px;
	padding:0;
	margin: 0;
	text-align: left;
	font-family: "Verdana", Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height: 15px;
	color: #8F8F8F;
	font-weight: bold;
}

.caption {
	background: #EEEEEE url('../images/core/caption.gif') top left no-repeat;
	width: 371px;
	height: 180px;
	padding: 0px;
	margin: 0px;
}

.caption2 {
	background: #EEEEEE url('../images/core/innerpic.jpg') top left no-repeat;
	width: 475px;
	height: 215px;
	padding: 0px;
	margin: 0px;
}

.footer {
	width: 710px;
	padding: 20px 5px 0px 10px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	color: #8F8F8F;
	border-top: 1px solid #F0F0F0;
}



/* 
--------------------------------------------------------------------------------------------------
INPAGE & INNERPAGE FORMATTING - Text | Paragraph
--------------------------------------------------------------------------------------------------
*/

ul { margin: 0px; padding: 0px; }

p { 
	text-align: left;
	margin-bottom: 20px;
	line-height: 15px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F8F8F;
}

h1 { 
	font-size: 13px; 
	line-height: 18px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 20px;
	font-family: "Verdana", Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	color: #8b0b04; 
}

h3, h4 { 
	text-align: left;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 15px; 
	font-family: "Verdana", Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #8b0b04; 
}

h3 { margin-bottom: 5px; }
h4 { font-weight: normal; color: #8F8F8F; }

h2 { 
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 25px; 
	font-family: "Verdana", Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold; 
	color: #8b0b04; 
}

h2 a { text-decoration: none; }

table, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #8F8F8F;
	line-height: 15px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}


ul { list-style: square; margin: 0 20px 20px 30px; }

ul li {
	margin: 0px;
	padding: 0px;
	font-family: "verdana";
	font-size: 11px;
	color: #8F8F8F;
	text-align: left;
}

.readmore {
	font-family: "Verdana", Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-weight: normal; 
	color: #545454; 
	line-height: 13px;
	padding: 40px 15px 15px 15px;
	margin: 0px;
	background-color: #E1E1E1;
}

.contents {
	padding: 20px 10px 30px 10px;
	margin: 0px;
}

.address {
	padding: 10px 0 0 20px;
}

.map {
	padding: 20px 0 0 30px;
}

.address2 {
	padding: 0 0 0 10px;
}

.address2 p { margin-bottom: 13px; }

#flash1 {
	width: 174px;
	height: 174px;
}

#flash2 {
	width: 354px;
	height: 354px;
}

#flash1 p { 
	text-align: center;
	padding-top: 10px;
	margin: 0px;
}

#flash2 p { 
	text-align: center;
	padding-top: 100px;
	margin: 0px;
}


/* 
--------------------------------------------------------------------------------------------------
ACCESSORIES FORMATTING
--------------------------------------------------------------------------------------------------
*/


table.display { border: 1px solid #d2d2d2; float: left; margin-right: 5px; margin-bottom: 5px; }

.navigation i { font-style: normal; font-weight: bold; color: #8b0b04; }

.imgright { float: right; padding-left: 10px; }

.imgleft { float: left; padding-right: 15px; }

.border { border-bottom: 1px solid #CBCBCB; margin: 10px 0 15px 0; }

td.bor a, img.bor a { border: 5px solid #d2d2d2; display: block; }
td.bor a:hover, img.bor a:hover { border: 5px solid #8b0b04; }

a#more { display: block; width: 100px; background: #d2d2d2; color: #000; padding: 3px; text-decoration: none; font-weight: bold; text-align: center;}
a#more:hover { background: #8b0b04; color: #fff; text-decoration: none; }

.nil { border: 0px; }

/* 
--------------------------------------------------------------------------------------------------
FORM & LINKS
--------------------------------------------------------------------------------------------------
*/


input, select, textarea {
	border: 1px solid #8F8F8F;
	font-family: "verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8F8F8F;
	padding: 4px;
	background-color: #FFFFFF;
	overflow: hidden;
}


a { color: #8F8F8F; text-decoration: underline;}
a:hover { color: #8b0b04; text-decoration: underline;}

.readmore a { color: #8b0b04; font-size: 9px; font-weight: bold; text-decoration: underline;}
.readmore a:hover { color: #333333; font-size: 9px; font-weight: bold; text-decoration: underline;}

.navigation a { color: #8F8F8F; text-decoration: none;}
.navigation a:hover { color: #8b0b04; text-decoration: none;}

#footer a { color: #8F8F8F; text-decoration: underline; ; font-weight: normal; }
#footer a:hover { color: #666666; text-decoration: underline; ; font-weight: normal; }


/* End of CSS Document for The Bathroom Shop */