/*
————————————————————————————————————————————————————————————————————————————————————————— 
Licensed to Silverado
Copyright © 2008 by American Web  |  All Rights Reserved.
————————————————————————————————————————————————————————————————————————————————————————— 
8E9EAD				slate
E5E1D6				khaki 1
	F1EEE7				khaki 2
6A70C6				purple
4649C5				blue 1
	1F4CBD				blue 2
	2253A7				blue 3
	415FB2				blue 4
	3661CE				blue 5
	2A1CAD				blue 6
	3457CB				blue 7
868889				gray 1
	494846				gray 2
	727272				gray 3
	8C8B8A				gray 4
	696967				gray 5
	595858				gray 6
	CCD0D7				gray 7
	837F7F				gray 8
	5D5A5A				gray 9
	6A6868				gray 10
	696864				gray 11
*/

/* TAGS */
html,body 					{ height: 100%; width: 100%; display: table; }
body						{ background: #8E9EAD; font: 12px "Times New Roman",Times,serif; margin: 0; vertical-align: middle; display: table-cell; }
img							{ border: none; }
a							{ text-decoration: none; }
form						{ display: inline; margin: 0; }
h1							{ font: 14px Arial,Helvetica,sans-serif; color: #868889; margin: 0; }
h2							{ font-size: 12px; color: #494846; margin: 0; padding: 16px 0 0 17px; }
h3							{ font: bold 14px Arial,Helvetica,sans-serif; color: #727272; margin: 0; }


/* STRUCTURE */
* html .form				{ height: 18px; overflow: visible; }
* html .uppertextblock		{ height: 217px; overflow: visible; }
* html .contentholder		{ height: 517px; overflow: visible; }
* html #rightcolumn			{ height: 519px; overflow: visible; }
* html #main				{ height: 545px; overflow: hidden; }
* html #footer span			{ margin: 3px 0 0; }

#container					{ width: 959px; min-height: 668px; background: #E5E1D6; margin: 0 auto; position: relative; overflow: hidden; }
#header						{ width: 959px; height: 86px; background: url(../images/headerbg.gif); overflow: hidden; }
a.logo						{ width: 302px; height: 81px; display: block; background: url(../images/logo.gif) no-repeat; text-indent: -9999px; position: absolute; overflow: hidden; top: 0; left: 3px; }
.searchaddress				{ width: 364px; display: inline; margin: 0 53px 0 0; overflow: hidden; float: right; }
.form						{ width: 221px; min-height: 18px; margin: 9px 0 0; overflow: hidden; float: left; }
.form input.text			{ width: 191px; display: inline; background: none; font: 11px Arial,Helvetica,sans-serif; color: #6A70C6; margin: 1px 0 0 0; padding: 0 0 2px 8px; border: 1px solid #CCC; border-right: none; float: left; }
.form input.image			{ margin: 1px 0 0; float: left; }
.address					{ width: 135px; overflow: hidden; float: right; }
.address address			{ font: bold 13px "Times New Roman",Times,serif; color: #8C8B8A; }
.addressholder				{ margin: 1px 0 0; }
.address a					{ color: #4649C5; text-decoration: underline; }
.address a:hover			{ text-decoration: none; }
#main						{ width: 937px; min-height: 545px; background: url(../images/mainbg.gif) repeat-y; margin: 0 0 0 22px; overflow: hidden; }
#leftcolumn					{ width: 159px; min-height: 522px; background: url(../images/leftcolumnbg1.gif) no-repeat; padding: 10px 0 10px 0; float: left; }
.sidebar					{ margin: 0; padding: 10px 0 0 15px; list-style: none; }
.sidebar li					{ font: 13px/24px Arial,Helvetica,sans-serif; }
.sidebar a					{ font-weight: bold; color: #494846; text-transform: uppercase; }
.sidebar a:hover			{ text-decoration: underline; }
.sidebar li ul				{ margin: 0 0 0 -9px; padding: 0; list-style: none; }
.sidebar ul li				{ font-size: 11px; line-height: 14px; }
.sidebar ul a				{ font-weight: normal; color: #696967; padding-left: 10px; }
.sidebar ul a:hover			{ background: url(../images/marker.gif) no-repeat 0 50%; text-decoration: none; }
.sidebar ul .selected		{ background: url(../images/marker.gif) no-repeat 0 50%; text-decoration: none; }
.banners					{ height: 100%; margin: 0; padding: 6px 0 0 14px; list-style: none; text-align: center; overflow: hidden; }
.banners li					{ width: 100%; padding-top: 10px; float: left; }
.banners li img 			{ float: left; }
.contentbox					{ width: 763px; background: url(../images/contentbg.gif) repeat-x; padding: 0 0 10px; overflow: hidden; float: right; }
#content					{ width: 497px; background: #F1EEE7; background: url(../images/contentboxbg.gif) no-repeat; padding: 15px 27px 0 27px; }
.textblock					{ font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-size: 14px; color: #5D5A5A; padding: 20px; overflow-y: auto; overflow-x: hidden; height: 220px; margin-top: 10px  }
.noscroll					{ overflow: hidden; }
.small						{ font-size: 9px; }
.contentholder				{ width: 551px; min-height: 517px; display: inline; background: url(../images/contentboxbg1.gif) repeat-y; margin: 0; overflow: hidden; float: left; }
.contentcontainer			{ width: 748px; background: url(../images/contentholderbg.gif) repeat-y; margin: 15px 0 0 15px; overflow: hidden; }
.uppertextblock				{ width: 499px; min-height: 217px; background: url(../images/uppertextblockbg.gif) repeat-x; overflow: hidden; }
.text						{ width: 458px; margin: 7px 0 0 23px; }
.text p						{ font: 13px Arial,Helvetica,sans-serif; font-weight: bold; font-style: italic; color: #868889; margin: 0; padding: 2px 0 0; line-height: 13px; }
.text p a					{ color: #1F4CBD; text-decoration: underline; }
.text p a:hover				{ text-decoration: none; }
.photoholder				{ width: 485px; margin: 13px -8px 0 17px; overflow: hidden; }	
.photoholder img			{ display: block; margin-right: 8px; float: left; }
.photoholder img.last		{ margin: 0; }
.products					{ width: 497px; margin: 9px 0 0; overflow: hidden; }
.productcategory			{ width: 171px; height: 266px; background: url(../images/productcategorybg.gif) no-repeat; float: left; }
.productcategory h2			{ text-transform: uppercase; }
.productcategory ul			{ margin: 0; padding: 14px 0 0 7px; list-style: none; }
.productcategory ul li		{ line-height: 14px; }
.productcategory ul a		{ font-size: 11px; font-weight: normal; color: #696967; padding-left: 10px; text-transform: uppercase; }
.productcategory ul a:hover	{ background: url(../images/marker.gif) no-repeat 0 50%; text-decoration: none; }
.specproduct				{ width: 302px; height: 233px; background: #fff; padding: 16px 0 17px 15px; overflow: auto; float: right; }
.specproductcontent			{ width: 275px; overflow: hidden; }
.specphotos img				{ display: block; margin-right: 12px; float: left; }
.specphotos					{ width: 295px; margin: 17px -12px 0 0; overflow: hidden; }
.specproduct p				{ width: 254px; display: block; font: 12px "Times New Roman",Times,serif; font-style: italic; line-height: 13px; color: #595858; margin: 0; padding: 7px 0 0; }
.needmore					{ width: 270px; height: 14px; display: block; background: #CCD0D7; font: 9px Arial,Helvetica,sans-serif; margin: 6px 0 0; padding: 2px 6px 0 0; text-align: right; overflow: hidden; }
.needmore a					{ color: #2253A7; }
.needmore a:hover			{ text-decoration: underline; }
#rightcolumn				{ width: 158px; min-height: 519px; display: inline; background: url(../images/rightcolumnbg.gif) no-repeat; margin: 0 20px 0 14px; overflow: hidden; float: right; }
#rightcolumn img			{ padding: 10px 7px 10px 7px; height:460px; width:148px; }
#rightcolumn h3				{ width: 148px; height: 29px; display: block; background: url(../images/specialofferbg.gif) no-repeat; margin: 20px 0 0 7px; text-indent: -9999px; }
.offerholder				{ margin: -5px 0 0; }
.offer						{ width: 120px; color: #415FB2; margin: 18px 0 0 21px; }
.offer strong				{ display: block; font-size: 22px; line-height: 16px; }
.offer span					{ display: block; margin-bottom: -4px; line-height: 10px; }
a.ceramic					{ font: 16px/28px "Times New Roman",Times,serif; color: #415FB2; text-decoration: underline; }
a.ceramic:hover				{ text-decoration: none; }
.offer p					{ font-style: italic; color: #616162; line-height: 14px; margin: 0; padding: 2px 0 0 0; }
a.go						{ display: block; font: 12px "Times New Roman",Times,serif; color: #3661CE; margin: -2px 0 0; padding: 0; text-decoration: underline; font-style: italic; }
a.go:hover					{ text-decoration: none; }
a.montana					{ display: block; margin: 60px 0 0 27px; }
#footer						{ width: 959px; height: 31px; overflow: hidden; clear: both; }
#footer ul					{ margin: 0; padding: 4px 0 0 0; text-align: center; }
#footer ul li				{ display: inline; font: 9px Arial,Helvetica,sans-serif; line-height: 11px; }
#footer ul li.first a		{ background: none; }
#footer ul a				{ background: url(../images/footerseparator.gif) no-repeat 0 50%; color: #837F7F; padding: 0 8px 0 11px; text-transform: uppercase; }
#footer ul a:hover			{ text-decoration: underline; }
#footer span				{ display: block; font-size: 9px; line-height: 12px; color: #837F7F; text-align: center; margin: 0; padding: 0; }

/* scrollable content div */
.scroll						{ width: 490px; height: 480px; padding: 0 10px 0 0; margin: 10px 0 0; overflow: scroll; overflow-x: hidden; overflow-y: scroll; }

/* default page */
table.default				{ color: #696864 !important; }
table.default td 			{ width: 33%; font: italic 0.8em 'Times New Roman',Times,serif; vertical-align: top; }
table.default td h2			{ font-style: normal; font-size: 1.4em; font-variant: small-caps; color: #8C8B8A; text-decoration: underline; padding-bottom: 10px; }
table.default a				{ color: #3457CB; }

/* technical page */
.technical					{ width: 758px; background: url(../images/technical-bg.gif) no-repeat !important; font: 12px Arial,Helvetica,sans-serif; color: #6A6868; }
.technical a				{ color: #2A1CAD; }
.technical a:hover			{ text-decoration: underline; }
.technical .welcome			{ width: 123px; padding: 100px 30px; float: left; }
.technical .menu			{ width: 172px; padding: 50px 30px 0 50px; float: left; }
.technical .menu h2				{ font-size: 14px; color: #000; padding: 0 0 10px 0; }
.technical .menu ul				{ margin: 0 0 20px -9px; padding: 0; list-style: none; }
.technical .menu li				{ margin: 0 0 5px 0; }
.technical .menu li a			{ font-weight: bold; color: #494846; padding-left: 9px; text-transform: normal; }
.technical .menu li a:hover		{ background: url(../images/marker.gif) no-repeat 0 50%; text-decoration: none; }
.technical .details 			{ width: 182px; padding: 100px 30px 0 30px; float: left; }
.technical .details a			{ display: block; margin: 0 0 10px 0; }
.technical .details img			{ margin-top: 20px; }

/* DIY page */
.diy						{ background: url(../images/DIY.jpg) no-repeat !important; font: 12px Arial,Helvetica,sans-serif; color: #6A6868; }
.diy #content				{ width: 583px !important; background-image: none; padding: 0; }
.diy .contentholder			{ width: 593px; min-height: 517px; background: none; margin: 0; }
.diy .textblock				{ width: 150px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; color: #FFF; padding: 20px; float: left; }
.diy .textblock h1			{ font-size: 18px; color: #FFF; }
.diy .textblock a			{ color: #FFF; text-decoration: underline; }
.diy .textblock a:hover		{ text-decoration: none; }
.diy .menu					{ margin-top: 10px; }
.diy .menu ul				{ margin: 0 0 20px -9px; padding: 0; list-style: none; }
.diy .menu li				{ margin: 0 0 5px 0; }
.diy .menu li a				{ font-weight: normal; padding-left: 9px; text-decoration: none; }
.diy .menu li a:hover		{ background: url(../images/marker-diy.gif) no-repeat 0 50%; font-weight: bold; }
.diy #content .video		{ margin-top: 20px; float: right; }
.diy #rightcolumn			{ width: 120px !important; background: none; color: #FFF; }
.diy #rightcolumn img		{ padding: 10px 45px 10px 0; height:500px; width:110px; }
.diy .offerholder			{ margin: -5px 0 0; }

.diy .offer					{ width: auto; color: #FFF; margin: 20px 10px 10px 10px; }
.diy .first					{ margin-top: 22px !important; }
.diy .offer strong			{ font-weight: bold; font-size: 300%; display: inline; margin-bottom: 10px; color: #FFF; }
.diy .offer span			{ font-weight: bold; font-size: 125%; display: inline; margin-bottom: 10px; color: #FFF; }
.diy .offer p				{ font-style: normal; color: #FFF; margin: auto 0 5px 0; }
.diy .offer a				{ display: block; color: #FFF; }


/* conference room page */
table.conferenceroom		{ width: 100%; margin: 0; padding: 0; border: 0; }
.equipmentrepair 			{ font-size: 0.8em; padding: 0 0 20px 0 !important; }
.textblock p 				{ font-size: 1.1em; }
.conferenceroom td ul		{ margin: 0 0 0 15px; padding: 0 0 0 10px; zlist-style: none; zlist-style: disc inside url(../images/bullet.gif); }
.conferenceroom td			{ font-size: 0.9em; vertical-align: top; }

/* single page */
.single						{ width: 758px; }