/* CSS Document */
/* James Kooi */

/* Structure */

body {
 padding:0px;
 margin:0px;
 background-color:#FFFFFF;
 background-image:url(images/sb_bg.png);
 background-repeat:repeat-x;
 background-position:top left;
}


/* Right Column - Content Section */



#right_column h1 {
 color:#036;
}

#right_column h2 {
 color:#036;
}

#right_column h3 {
 color:#036;
}

h5 {
 color:red;
 text-align:center;
}


a.faq1, a.faq1:link, a.faq1:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/SB-Faq-image-1.jpg);
 background-position:top center;
}
a.faq1:hover {
 background-position:bottom center;
}

a.faq2, a.faq2:link, a.faq2:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/SB-Faq-image-2.jpg);
 background-position:top center;
}
a.faq2:hover {
 background-position:bottom center;
}

a.faq3, a.faq3:link, a.faq3:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/SB-Faq-image-3.jpg);
 background-position:top center;
}
a.faq3:hover {
 background-position:bottom center;
}

a.faq4, a.faq4:link, a.faq4:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/SB-Faq-image-4.jpg);
 background-position:top center;
}
a.faq4:hover {
 background-position:bottom center;
}

a.faq5, a.faq5:link, a.faq5:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/SB-Faq-image-5.jpg);
 background-position:top center;
}
a.faq5:hover {
 background-position:bottom center;
}

a.faq6, a.faq6:link, a.faq6:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/SB-Faq-image-6.jpg);
 background-position:top center;
}
a.faq6:hover {
 background-position:bottom center;
}

a.faq7, a.faq7:link, a.faq7:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/SB-Faq-image-7.jpg);
 background-position:top center;
}
a.faq7:hover {
 background-position:bottom center;
}

a.faq8, a.faq8:link, a.faq8:visited {
 display:block;
 float:left;
 height:144px;
 width:144px;
 margin:0px 0px 20px 4px;
 background-image:url(images/SB-Faq-image-8.jpg);
 background-position:top center;
}
a.faq8:hover {
 background-position:bottom center;
}




/* Presentation */

p  {
 padding:5px 10px;
 margin:0px;
}


/* Images */

a img {border:none;}


/* Left Nav */

.glossymenu {
list-style-type: none;
margin: 0px;
padding: 0px;
width: 148px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
border-bottom:0px;
clear:both;
}

.glossymenu li ul{
list-style-type: none;
margin: 0px;
padding: 0px;
width: 148px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu li{
position: relative;
margin: 0px;
padding: 0px;
}

.glossymenu li a{
background: white url(images/left_nav.png) repeat-x top left;
font: bold 11px Verdana, Helvetica, sans-serif;
color: black;
display: block;
width: 148px;
margin: 0px;
padding: 0px;
line-height:34px;
text-indent: 5px;
text-decoration: none;
letter-spacing:0px;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 148px; /*WIDTH OF SUB MENU ITEMS*/
left: 10px;
top: 0px;
display: none;
text-indent: 10px;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul li a{
border-left:1px solid black;
}
.glossymenu li ul a{

width: 148px; /*WIDTH OF SUB MENU ITEMS */

}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
top:0px;
background: transparent url(images/arrow.gif) no-repeat center right;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: black;
}

.glossymenu li a:hover{
background: white url(images/left_nav.png) repeat-x bottom left;
color:black;
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */


/* FAQ's */

.ques {
 color:#036;
 font-size:15px;
 font-weight:bold;
}


h5 a:link {color:red;}
h5 a:hover {color:blue;}

/* Contact Form for Free Inspection */


.contact {
 padding: 0px;
 margin: 10px 0px 0px 0px;
 float:left;
 clear:none;
 height: 500px;
 width: 340px;
 overflow:auto;
 border:0px;
}






#form-wrap {
	width: 270px;
	background: white;
	padding: 5px;
	margin: 0px auto;
	border:1px solid #036;
        text-align:center;
}

#form-area {
	width: 240px;
        margin:0px;
        text-align:left;
	
}

#form-area input, #form-area textarea {
	padding: 2px;
	width: 240px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
}

#form-area textarea {
	height: 90px;
}

#form-area textarea:focus, #form-area input:focus {
	border: 1px solid #036;
}

#form-area input.button {
	width: 246px;
	
}

.warning {
    font-weight: bold;
	font-size:12px;
    color: #f00;
}

.success {
    font-weight: normal;
	font-size:12px;
    color: #f00;
}

label {
    font-weight: bold;
 color:#036;
    display: block;
	font-size:12px;
}



/* Home Page Rollovers */


a.sb_one:link,
a.sb_one:visited,
a.sb_one:active{
background-image:url('images/sb-step-thru.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:right;
margin-left:10px;
padding:0px;
}
a.sb_one:hover{
background-image:url('images/sb-step-thru.jpg');
background-position:bottom center;
}


a.sb_two:link,
a.sb_two:visited,
a.sb_two:active{
background-image:url('images/sb-door-kit.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:left;
margin-right:10px;
padding:0px;
}
a.sb_two:hover{
background-image:url('images/sb-door-kit.jpg');
background-position:bottom center;
}


a.sb_three:link,
a.sb_three:visited,
a.sb_three:active{
background-image:url('images/sb-walk-in.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:right;
margin-left:10px;
padding:0px;
}
a.sb_three:hover{
background-image:url('images/sb-walk-in.jpg');
background-position:bottom center;
}


a.sb_four:link,
a.sb_four:visited,
a.sb_four:active{
background-image:url('images/sb-tub-to-shower.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:left;
margin-right:10px;
padding:0px;
}
a.sb_four:hover{
background-image:url('images/sb-tub-to-shower.jpg');
background-position:bottom center;
}


a.sb_five:link,
a.sb_five:visited,
a.sb_five:active{
background-image:url('images/sb-safety-seat.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:right;
margin-left:10px;
padding:0px;
}
a.sb_five:hover{
background-image:url('images/sb-safety-seat.jpg');
background-position:bottom center;
}


a.sb_six:link,
a.sb_six:visited,
a.sb_six:active{
background-image:url('images/sb-grab-bar.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:left;
margin-right:10px;
padding:0px;
}
a.sb_six:hover{
background-image:url('images/sb-grab-bar.jpg');
background-position:bottom center;
}


a.sb_seven:link,
a.sb_seven:visited,
a.sb_seven:active{
background-image:url('images/sb-lift-seats.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:right;
margin-left:10px;
padding:0px;
}
a.sb_seven:hover{
background-image:url('images/sb-lift-seats.jpg');
background-position:bottom center;
}


a.sb_eight:link,
a.sb_eight:visited,
a.sb_eight:active{
background-image:url('images/sb-curved-rod.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:left;
margin-right:10px;
padding:0px;
}
a.sb_eight:hover{
background-image:url('images/sb-curved-rod.jpg');
background-position:bottom center;
}


a.sb_nine:link,
a.sb_nine:visited,
a.sb_nine:active{
background-image:url('images/sb-catalog.jpg');
background-position:top center;
display:block;
width:280px;
height:140px;
float:right;
margin-left:10px;
padding:0px;
}
a.sb_nine:hover{
background-image:url('images/sb-catalog.jpg');
background-position:bottom center;
}






a.view_more:link,
a.view_more:visited,
a.view_more:active{
background-image:url('images/view-more.jpg');
background-position:top center;
display:block;
width:140px;
height:40px;
line-height:40px;
text-align:center;
color:#000;
text-decoration:none;
margin:10px 0px 0px;
}

a.view_more:hover{
background-image:url('images/view-more.jpg');
background-position:bottom center;
}

a.view_more2:link,
a.view_more2:visited,
a.view_more2:active{
background-image:url('images/view-more.jpg');
background-position:top center;
display:block;
width:140px;
height:40px;
line-height:40px;
text-align:center;
color:#000;
text-decoration:none;
margin:10px 0px 0px;
float:right;
}

a.view_more2:hover{
background-image:url('images/view-more.jpg');
background-position:bottom center;
}


a.witdvd, a.witdvd:link, a.witdvd:visited {
 display:block;
 color:black;
 float:left;
 clear:both;
 height:115px;
 width:160px;
 margin:0px 0px 5px 0px;
 background-image:url(../safety_bath/images/sb-walkin-dvd.jpg);
 background-position:top center;
 font-weight:bold;
 text-decoration:none;
}
a.witdvd:hover {
 background-position:bottom center;
}

#header {
 padding:0px;
 margin:0px auto;
 width:776px;
 height:220px;
 background-color:white;
 background-image:url(images/sb-header-2a.jpg);
 background-position:left top;
 background-repeat:no-repeat;
}