/*********************************************************************
This is the stylesheet for the baileys-custom-cabinets website. 
*********************************************************************/

body {
	margin:0;
	padding:0;
	background: #8A7B60;
	font-family: verdana,tahoma,arial,helvetica,sans-serif;
	font-size: small !important; /* Styles for Mozilla, Safari, IE Mac */
	font-size: x-small; /* Styles for MS IE5 PC */
	font-size/**/:/**/small; /* Styles for IE6 PC */
	line-height:110%;
	color:#333333;
	text-align:center;
}

/****************** FIRST RELATIVE DIV *******************/

body div#fullTop	{
	background:#333333;
	background-image: url(../images/bg_fullTop.gif);
	background-position: top;
	background-repeat: repeat-x;
}
body div#documentTop	{
	width : 775px; /* sets overall content width */
	font-size: 90%;
	margin:0 auto;
	text-align : left;
	position:relative;
}

/****************** ABSOLUTE PHOTOS IN FIRST RELATIVE DIV *******************/

#photodiv {
	position:absolute;
	background-color:transparent;
	left:447px;
	top:167px;
}

/****************** SECOND RELATIVE DIV *******************/

body div#fullBottom	{
	background-image: url(../images/bg_fullBottom.gif);
	background-position: top;
	background-repeat: repeat-x;
}
body div#documentBottom	{
	width : 775px; /* sets overall content width */
	font-size:80%;
	margin:0 auto;
	text-align : left;
	position:relative;
}

/****************** IMPORTANT DEFAULTS *******************/
/* The following rule exists to fix an IE 5 PC bug */
body table { font-size: 100%; }
tr { vertical-align:top; }
/* Zeroing element margins/padding */
h1, h2, h3, h4, h5, h6, form, ul, ol, li, p {
	margin: 0;
	padding: 0;
}
p {
	padding-bottom:1em;
}
img {	
	border:0;
	display:inline;
}
input, select, textarea  {
	font-size:100%;
	color:#666666;
	font-family:verdana,helvetica,sans-serif;
}
a, 
a:link, 
a:active, 
a:visited { color:#0000aa;  }
a:hover { color:#000066; }
/****************** END IMPORTANT DEFAULTS *******************/



/****************** UPPER TABLE *******************/

table#upperTable {
	height:189px;
	width:100%;
}
td#upperTableCol1 {
	width:422px;
}
#sloganimage {
	padding:65px 0px 0px 11px;
}
td#upperTableCol2 {
	width:353px;
}

/****************** MAIN TABLE *******************/
table#mainTable {
	width:100%;
}
td#mainTableCol1 {
	background-color:#DDDDCC;
	width:155px;
	padding-top:32px;
}
div.button {
	margin-left:6px;
	margin-bottom:23px;
}
td#mainTableCol2 {
	background-color:#DDDDCC;
	width:267px;
	padding-top:28px;
	padding-bottom:20px;
}
#mainColumnInnerPad {
	padding-right:5px;
}
td#mainTableCol2.fullwidth {
	width:620px;
	background-image: url(../images/bg_drop_shadow.gif);
	background-position: top right;
	background-repeat: repeat-y;
}
#mainColumnInnerPad.fullwidth {
	padding-right:50px;
}
td#mainTableCol3 {
	width:353px;
	background-image: url(../images/bg_stripeMain.gif);
	background-position: top;
	background-repeat: repeat-y;
}
#mainStripeInnerPad {
	padding:0px 20px 20px 25px;
	color:#cccc99;
}
#mainStripeInnerPad a,
#mainStripeInnerPad a:link,
#mainStripeInnerPad a:active,
#mainStripeInnerPad a:visited { color:#cccc99; }
#mainStripeInnerPad a:hover { color:#cccccc; }

td#galleryCell {
	background-color:#DDDDCC;
	background-image: url(../images/bg_drop_shadow.gif);
	background-position: top right;
	background-repeat: repeat-y;
	padding-top:20px;
}
td#galleryCell p {
	padding-left:50px;
	padding-right:50px;
}

/****************** BOTTOM TABLE *******************/

table#bottomTable {
	height:100px;
	width:100%;
}

td#bottomTableCol1 {
	width:422px;
}
#bottomTableCol1Inner {
	padding:25px 0px 0px 10px;
}
#bottomTableCol1Inner a,
#bottomTableCol1Inner a:link,
#bottomTableCol1Inner a:active,
#bottomTableCol1Inner a:visited { color:#333333;text-decoration:none; }
#bottomTableCol1Inner a:hover { color:#0000aa;text-decoration:underline; }

td#bottomTableCol2 {
	width:353px;
	background-image: url(../images/bg_stripeBottom.gif);
	background-position: top;
	background-repeat: repeat-y;
}
#bottomTableCol2Inner {
	padding-top:25px;
	text-align:center;
	color:#cccc99;
}
#bottomTableCol2Inner a,
#bottomTableCol2Inner a:link,
#bottomTableCol2Inner a:active,
#bottomTableCol2Inner a:visited { color:#cccc99; }
#bottomTableCol2Inner a:hover { color:#cccccc; }



/****************** LAYOUTS *******************/
div#accentLayout {
	margin-left:60px;
}
div#accentLayout img {
	border:1px solid #C6B508;
}
div#accentLayout img.second {
	margin-left: 20px;
}

#stylesTable {
	width: 560px;
	table-layout:fixed;
}
#stylesTable td p {
	font-weight:bold;
}



/****************** UTILITY *******************/
.bigger { font-size:115%; font-weight:bold; color:#000066;}
.bold { font-weight:bold; }
.italic { font-style:italic; }
.highlight { color:#ed8000; }
.strokeBox { border: 1px solid #C4C4C4; }
.strokeT { border-top: 1px solid #C4C4C4; }
.strokeR { border-right: 1px solid #C4C4C4; }
.strokeB { border-bottom: 1px solid #C4C4C4; }
.strokeL { border-left: 1px solid #C4C4C4; }
tr.odd td { background:#f7f7f7; }
tr.even td { background:#ffffff; }
.formLabel { position:relative; top:-2px; }
.radiobudge { position:relative; top:2px; }
.hide { visibility:hidden; }
.show { visibility:show; }
.imagestroke { border:1px solid #C6B508; }

/******************* END UTILITY *******************/