/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000;
}
html,body {
	background-image:url(../images/fade.gif); margin:0px;
	background-position: center 130px;
	background-repeat: repeat;
	background-color:#B2B2B2;
}
#header_bg{
	background:url(../images/the_garage_door_company_bg.jpg) repeat-x center top; height:150px; text-align:center;
}
#header_bg2{
	background:url(../images/the_garage_door_company.jpg) no-repeat center top; height:150px;
}
#footer{
	clear:both; width:900px; margin:20px auto 10px auto;
}
#footer td{
	font-size:9px; color:#666666;
}
#footer a{
	font-size:9px; color:#666666;
}
#footer a#on{
	font-size:9px; color:#D03324; font-weight:bold;
}
.hi{
	color:#D03324;
}
h1{
	background:url(../images/tl.gif) no-repeat left top #b2b2b2; height:35px; margin: 0px 5px 10px 5px;
}
h1 b{
	background:url(../images/tr.gif) no-repeat right top; display:block; height:25px; padding:5px 10px 5px 10px; font-family:Times, serif; font-size:19px; color:#FFF; font-weight:normal;
}
p{
	margin:0px 0px 10px 0px;
}
h2{
  font-family:Times, serif; font-size:19px; color:#717171; font-weight:normal; color:#D03324; margin:0px 0px 5px 0px;
}
#door_seletion{
		width:300px; padding:10px 20px 10px 0px; float:left; height:200px; text-align:left; font-size:11px;
}
#door_seletion .small{
	font-size: 14px;
}
#door_seletion img{
	float:left; border:#FFFFFF solid 5px; margin:0px 10px 40px 0px;
}
#door_seletion info{
	float:left;
}
#range_icons{
	margin:10px 0px 10px 0px;
	height:60px;
}
#range_icons ul{
	margin:0px;
	padding:0px;
}
#range_icons li{
	margin:0px 5px 0px 0px;
	padding:0px;
	float:left;
	list-style:none;
}
.small {
	font-size: 12px;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #D03324;
}
a:active {
	color: #000000;
}
.offer1{
	width:390px;
	height:176px;
	margin: 0px;
	text-align:center;
	padding: 5px 0px 0px 5px;
	background: url(../images/offer_s1new.gif) top left no-repeat;
}
.offer2{
	width:390px;
	height:176px;
	text-align:center;
	padding: 5px 0px 0px 5px;
	background: url(../images/offer_s2new.gif) top left no-repeat;
}
.offer1 h1,
.offer2 h1{
	margin: 0px 0px 0px 10px;
	background: none;
	color: #FFFFFF;
	font-size: 20px;
	font-weight:bold;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.offer1 h2,
.offer2 h2{
	margin: 5px 0px 0px 10px;
	background: none;
	color: #FFFFFF;
	font-size: 14px;
	font-weight:bold;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#prods {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	/*text-align:center;*/
	margin-top:10px;
	padding-bottom:20px;
}

#prods h1 {
	background:#D4D4D4 url(../images/tl2.gif) no-repeat scroll left top;
}

#prods h1 b {
		background:transparent url(../images/tr2.gif) no-repeat scroll right top;
}



#prods p {
	font-size: 12px;
	color: #666666; 
}
	
#prods a {
	color:#D03324;
}

#prods h2 {
	background:#D4D4D4 url(../images/tl2.gif) no-repeat scroll left top;
	height:35px;
	margin:0 5px 5px;
}


#prods h2 b {
background:transparent url(../images/tr2.gif) no-repeat scroll right top;
color:#717171;
display:block;
font-family:Times,serif;
font-size:19px;
font-weight:normal;
height:25px;
padding:5px 10px;
}

span b {
background:url(../images/tr.gif) no-repeat right top;
display:block; 
height:25px; 
padding:5px 10px 5px 10px; 
font-family:Times, serif; 
font-size:19px; 
color:#FFF;
font-weight:normal;
}

.menuTitle {
background:#b2b2b2 url(../images/tl.gif) no-repeat scroll left top;
height:35px;
margin:0 5px 5px;
}

#menuwrapper {
	background: url(../images/box_home_menu.png) no-repeat;
	width:178px;
	height:318px;
	margin: -3px 0 0 0;
	padding: 0px;
}

#htmlmenu {
	padding:0px;
	font-size: 12px;
}

#htmlmenu ul {
	list-style-type: none;
	margin-left: 0px;
	padding: 25px 22px 0px 15px;
	margin-top: 0px;
}

#htmlmenu li {
	margin-bottom: 4px;
	border-bottom: solid 1px #DEDEDE;
}
#htmlmenu li.last {
	margin-bottom: 0px;
	border-bottom: none;
}

#htmlmenu a {text-decoration: none; color: #5B5F6A;}
#htmlmenu a:hover {color: #D03324;}
#htmlmenu a.on {color: #D03324;}

#menu_homepage, #menu_showrooms, #menu_about_us, #menu_door_selection,
#menu_accessories, #menu_special_offers, #menu_brochure, #menu_survey,
#menu_testimonials, #menu_tv_adverts, #menu_technical_spec {
    display: block; height: 16px; width: 142px; margin-bottom: 6px; text-indent: -999px;
}

#menu_homepage          { background: url(../images/menu_homepage.gif) no-repeat top; }
#menu_showrooms         { background: url(../images/menu_showrooms.gif) no-repeat top; }
#menu_about_us          { background: url(../images/menu_about_us.gif) no-repeat top; }
#menu_door_selection    { background: url(../images/menu_door_selection.gif) no-repeat top; }
#menu_accessories       { background: url(../images/menu_accessories.gif) no-repeat top; }
#menu_special_offers    { background: url(../images/menu_special_offers.gif) no-repeat top; }
#menu_brochure          { background: url(../images/menu_brochure.gif) no-repeat top; }
#menu_survey            { background: url(../images/menu_survey.gif) no-repeat top; }
#menu_testimonials      { background: url(../images/menu_testimonials.gif) no-repeat top; }
#menu_tv_adverts        { background: url(../images/menu_tv_adverts.gif) no-repeat top; }
#menu_technical_spec    { background: url(../images/menu_technical_spec.gif) no-repeat top; }

#menu_homepage.on, #menu_showrooms.on, #menu_about_us.on, #menu_door_selection.on,
#menu_accessories.on, #menu_special_offers.on, #menu_brochure.on, #menu_survey.on,
#menu_testimonials.on, #menu_tv_adverts.on, #menu_technical_spec.on,
#menu_homepage:hover, #menu_showrooms:hover, #menu_about_us:hover, #menu_door_selection:hover,
#menu_accessories:hover, #menu_special_offers:hover, #menu_brochure:hover, #menu_survey:hover,
#menu_testimonials:hover, #menu_tv_adverts:hover, #menu_technical_spec:hover {
    background-position: bottom;
}

.showroomp {
    padding-left: 30px;
    background-image: url(images/icon_mail.gif);
    background-repeat: no-repeat;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    margin-left: 4px;
}
.showroomp span {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: normal;
}
#carousel, #carousel_branches {
    position: relative;
}
#carousel {
    width: 422px;
    height: 288px;
}
#carousel_branches {
    width: 216px;
    height: 229px;
}
#carousel img, #carousel_branches img {
    position: absolute;
}

.find_showroom {
    display:block;
    background:url(../images/find_showroom.gif);
    height:31px;
    width:218px;
    margin:0 0 9px 0;
    padding: 30px 0 0 10px;
}
.find_showroom input {
    border: none;
    float: left;
    width: 147px;
    padding: 5px;
    font-size: 11px;
    color: #575757;
    margin: 1px 0 0 0;
}
.find_showroom .butt {
    background:url(../images/showroom_but.gif);
    width: 42px;
    height: 23px;
    margin-left: 10px;
}

#need_help {
    display: none;
    width: 250px;
    position: absolute;
    top: 200px;
    padding: 10px;
    background: #e1dfdf;
    color: #292929;
    border: 2px solid #6d6d6d;
    z-index: 1000;
}

.showroomtd {
    background: url(../images/showroom_bg.jpg) #fcf8f8 repeat-x bottom;
    padding: 6px 4px 4px 4px;
}