body {behavior: url(csshover.htc);}

* {margin: 0px; padding: 0px;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,div,img,blockquote,fieldset,input,label,address,dd,dl,table,tr,td{ margin:0; padding:0; }
table{border-collapse:collapse;border-spacing: 0px;}

img {border: none;}
hr {border: 0; background-color: black; color: black; height: 1px;}
.clear{clear:both;}
a {text-decoration: none;color: blue;}
li {list-style-position: inside;}

/**************     all     **************/
body {background: url("images/bg1.jpg");text-align:center;}
h1{font-size: 32px;font-weight: bold;}
h2, h3{margin-bottom: 10px;text-align:left;}

#wrapper{position: relative;width: 900px;text-align: left;margin: 0px auto;border: 1px solid black;background: white;}
#top_layer{width: 900px;height: 171px;}
#middle_layer{width: 900px;}
#middle_layer td {vertical-align: top;}
#bottom_layer{width: 900px;}
/**************     top_layer      **************/
#top_layer #bkgrd{display:block;}
#cartmenu{position: absolute;left: 630px;top:  20px;font-size: 14px;}
#description{position: absolute;left: 265px;top:  22px;font-size: 18px;}
#callus{position: absolute;left: 664px;top: 86px;font-weight: bold;font-size: 16px;}
#aboutus {position: absolute;left: 580px;top: 127px;z-index:10;}
#top_menu {position: absolute;left: 20px;top: 150px;z-index:10;}
/************** cart menu  **************/
#cartmenu ul{list-style: none;}
#cartmenu li{float: left;display: block;list-style: none;padding:3px;margin: 1px;border-top: 1px solid white;border-right: 2px solid #909090;border-bottom: 2px solid #909090;border-left: 1px solid white;}
#cartmenu img{vertical-align:text-bottom;}
#cartmenu a{text-decoration: none;color: blue;}
/************** aboutus menu  **************/
#aboutus li {float: left;list-style: none;width: 100px;}
#aboutus a {color: #ffff33;text-decoration: none;display: block;font: bold 18px Garamond, 'MS Serif';}
#aboutus a:hover {color: #4bd8ff;}
#aboutus ul {position: absolute;display: none;z-index: 100;}
#aboutus ul li {width: 160px;border:1px solid black;}
#aboutus ul a {color: black;background: #ffe3e7;font-size: 16px;}
#aboutus ul a:hover{color: black;background: #ffc5cd;}
#aboutus li:hover ul{display: block;}
/************** top menu **************/
#top_menu li {float: left;list-style: none;width: 80px;}
#top_menu a {color: white;text-decoration: none;display: block;font: bold 18px Garamond, 'MS Serif';}
#top_menu a:hover {color: #ffe3e7;}
#top_menu ul {position: absolute;display: none;z-index: 100;}
#top_menu ul li {width: 140px;border:1px solid black;}
#top_menu ul a {color: black;background: #ffe3e7;font-size: 16px;}
#top_menu ul a:hover{color: black;background: #ffc5cd;}
#top_menu li:hover ul{display: block;}
/**************     middle_layer      **************/
#left_column{margin-top: 21px;width: 160px;border: 1px solid black;}
#right_column{}
/**************     left_column      **************/
#left_column li{list-style-type: none;background: #FFE3E7;border-bottom: 1px solid black;width: 160px; padding-left:0px;list-style-position: outside;}
#left_column .last{border-bottom: 0}
#left_column a{font-family: Garamond, 'MS Serif';text-decoration: none;font-size: 16px;font-weight: bold;background: #ffe3e7;color: black;}
#left_column .label{width: 160px;font-family: Garamond, 'MS Serif';font-size: 18px;font-weight: bold;background: #303030;color: white;text-align: center;}
#left_column form img{vertical-align: middle;}
.indent{text-indent: 15pt;}
/**************     left_filter      **************/
.inner {	width:160px;max-height:400px;overflow:auto;}
/**************     right_column      **************/
#main{position: relative;padding-left: 20px;padding-top: 20px;text-align:left;}
#right{position: absolute;margin-top: 26px;width: 200px;right: 0px;}
/**************     bottom_layer      **************/
#bottom_menu{text-align: center;margin: 5px;}
#bottom_menu li{display: inline;list-style-type: none;}
#bottom_menu a{font-size: 18px;padding: 3;}
/**************     index.php     **************/
#flash1{z-index: 0;position:absolute;top:180px;right:5px;}
#gift{padding: 10px 0 110px 4px;background: url('images/snowflake.jpg');}
#flip_clock{margin-left: 0px;border: 1px solid #aaa;}
.flip_clock_thumb{float: left;width: 82px;text-align: center;border: 1px solid #aaa;color: red;margin: 1px;}
/**************     productList.php     **************/
#productList{position: relative;padding-left: 20px;padding-top: 5px;text-align:left;}
.dirStr{float: left;line-height: 35px;font-size: 16px;}
.pageNum{text-align: right;line-height: 35px;font-size: 16px;}
.pageNum a{text-decoration: none;border:1px solid red;margin:2px;padding:1px;background: #FFE3E7;font-size: 14px;}
.pageNum span{border:1px solid black;margin:2px;padding:1px;font-size: 14px;}
/**************     category.php      **************/
.featured{width:711;}
.fproduct{width:219px;padding: 7px;}
.r_border{border-right: 1px solid #c0c0c0;}
.b_border{border-bottom: 1px solid #c0c0c0;}
/**************     product.php     **************/
#prodImage {width:300px;}
#prodImage .PBigImg{width:300px;border:1px solid black;}
#prodImage a{color:gray;font-weight:bold;margin-bottom:3px;text-decoration:underline;}
#prodImage .thumb{width:35px;margin:2px 0 0 1px;border:1px solid black;}
#prodDesc {padding:0 10px 0 10px;}
/**************     cart.php     **************/
#cart{position: relative;padding-left: 20px;padding-top: 20px;text-align:left;}
#cart table {margin: 20px 0 20px 0;width: 700px;}
#cart td {padding: 3px;}
#cart td img {width:70px;height:70px;margin-right: 20px;vertical-align: middle;}
#cart th{color: white;background: #4c82c8;}
#cart .button{color: white;background: #4c82c8;}

/**************     checkout.php     **************/
#basketprogress{margin: 20px;}
#basketprogress td{width: 50px;height: 40px;text-align:center;vertical-align:middle;font-size: 14px;}
#basketprogress .step{width: 100px;border: 1px solid #e0e0e0;background: #f0f0f0;}
#basketprogress .active{width: 100px;font-weight:bold;background: #fefeca;border: 1px solid black;}
/**************     login.php     **************/
#login h2{margin-left: 65px;margin-top: 30px;}
#login .login{border-collapse: separate;border-spacing: 50pt 0;margin-top: 20px;margin-bottom: 100px;}
#login .login .brd{border: 1px solid #4c82c8;}
#login .login .required{text-align: left;color: red;}
#login .login th{color: white;background: #4c82c8;}
#login .login form{margin:10px;padding:2px;}
/**************     createAccount.php     **************/
.address{margin:10px;padding:2px;}
.address .caption{color: white;background: #4c82c8;text-align:left;}
.address th{font-weight:bold;text-align:right;padding:2px;}
.address td{text-align:left;padding:2px;}

#createAccount  .yellowbox{text-align:left;background: #fefeca;border: 1px solid black;height: 40px;margin:10px;}
/**************     checkout process     **************/
.credit{margin:10px;padding:2px;}
.credit .caption{color: white;background: #4c82c8;text-align:left;}
.credit th{font-weight:bold;text-align:right;padding:2px;}
.credit td{text-align:left;padding:2px;}

.err {color: red;background: #fffbbb;border:1px solid black;margin:10px;list-style-position: inside;list-style-type: square;padding-left: 10px;}
/**************     account.php     **************/
#account {padding-left: 20px;padding-top: 20px;font-family: Arial, Helvetica, sans-serif;}
#account #t_header {}
#account #t_header #upper{padding: 15px;} 
#account #t_header td{padding: 5px;} 
#account .leftcol {text-align: right;padding: 1px 5px 1px 5px;font-weight: bold;vertical-align: top;}
#account .rightcol {text-align: left;padding: 1px 5px 1px 5px;}
#account .rightcol input,#account .rightcol a,#account .leftcol,#account .rightcol
{font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 20px;}
#account .lefthead {text-align: left;font-weight: bold;}
#account .righthead {text-align: right;font-weight: bold;font-size: 13px;}
#account input[disabled] {border: 0;color: black;background: white!important;}
#account textarea[disabled] {border: 0;color: black;background: white!important;}
#account select[disabled] {border: 0;color: black;background: white!important;}
#account .edit {color: blue;text-decoration: underline;}
#account .card {margin-top: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 13px;line-height: 20px;}
#account .card td{padding: 1px 5px 1px 5px;}

/**************     tab menu      **************/
/**.ddoverlap{border-bottom: 1px solid #bbb8a9;} **/
.ddoverlap ul{padding: 0;margin: 0;font: bold 90% default;list-style-type: none;}
.ddoverlap li{display: inline;margin: 0;}
.ddoverlap li a{padding: 3px 7px;text-decoration: none;padding-right: 32px;color: blue;
background: transparent url(images/tabdef.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;position: relative;display: block;float: left;
margin-left: -20px;left: 20px;}
.ddoverlap li a:visited{color: blue;}
.ddoverlap li a:hover{background: transparent url(images/tabdefover.gif) 100% 1px no-repeat;}
.ddoverlap li.selected a{color: black;z-index: 100;top: 1px;background: transparent url(images/tabsel.gif) 100% 0 no-repeat;}
/**************     orderInfo.php     **************/
#orderInfo {margin: 20px 10px 100px 30px;}
#orderInfo #orderInfoCart {margin: 10px 20px 0 0;}
#orderInfo #orderInfoCart td{padding: 5px;}
#orderInfo #orderInfoCart th{color: white;background: #4c82c8;}
/**************     shippingMethod.php     **************/
#shippingMethod {margin: 20px 10px 100px 30px;}
#shippingMethod #orderInfoCart {margin: 10px 20px 30px 0;}
#shippingMethod #orderInfoCart td{padding: 5px;}
#shippingMethod #orderInfoCart th{color: white;background: #4c82c8;}
/**************     submitOrder.php     **************/
#submitOrder {margin: 20px 10px 100px 30px;}
#submitOrder table {margin: 10px 20px 20px 0;}
#submitOrder td{padding: 5px;}
#submitOrder th{color: white;background: #4c82c8;}
/**************     invoice.php     **************/
#invoice {margin: 20px 10px 100px 30px;}
#invoice table {margin: 10px 20px 20px 0;}
#invoice td{padding: 5px;}
#invoice th{color: white;background: #4c82c8;}
/**************     order      **************/
#account #t_order {margin: 20px 0 20px 0;}
#account #t_order td{padding:0 5px 0 5px;text-align: right;}
#account #t_order td .hide{padding:5px;}
#account #t_order .odd{background: #ffffff;}
#account #t_order .even{background: #f3f3f3;}
#account #t_order th{color: black;background: #fefeda;}
#account #t_order caption{font-size: 20px;font-weight:bold;}
#account #t_order .line{border:2px solid white;background: #fefeda;}
#account #t_order .left{text-align: left;}

/**************     testimonials      **************/
#testimonials {padding: 30px 40px 50px 50px; text-align:left;  font-family: Georgia, Verdana, Tahoma, Arial;}
#testimonials h2{font-family: Tahoma, Arial; font-size: 29px;}
#testimonials h3{font-family: Tahoma, Arial; font-size: 20px; font-style: italic;}
#testimonials li{padding: 20px 20px 10px 10px; list-style-position: outside;}
/**************     privacy     **************/
#privacy {padding: 30px 40px 50px 50px; text-align:left;  font-family: Georgia, Verdana, Tahoma, Arial;}
#privacy h2{font-family: Tahoma, Arial; font-size: 29px;}
#privacy h3{font-family: Tahoma, Arial; font-size: 20px; font-style: italic;}
/**************     hours     **************/
#hours {padding-left: 20px;padding-top: 20px;text-align:left;}
#hours table {margin: 10px;}
#hours td, #hours th {padding: 5px;}
/**************     whygnt     **************/
#whygnt {padding: 30px 20px 30px 40px;font-size: 17px; font-family: Georgia, Verdana, Tahoma, Arial;}
#whygnt table {margin: 20px;font-family: Tahoma,Book Antiqua;font-size: 13px;}
#whygnt td, #whygnt th {padding: 25px;}
#whygnt .head {color: #ff0000;font-size: 14px; font-weight:bold;}
#whygnt .highlight{ color: #E75D00; }
/**************     term_cond     **************/
#term_cond {padding: 30px 40px 20px 50px;font-family: Georgia, Tahoma, Arial; }
#term_cond h2{font-family: Tahoma, Georgia; font-size: 29px;}
#term_cond h3{font-family: Georgia, Tahoma;color: #AD1010; font-size: 18px; font-style: italic; }
#term_cond .p1 {font-family: Georgia, Tahoma; font-size: 12px; font-weight:bold;}
#term_cond p {font-family: Tahoma,Georgia; font-size: 15px;}
/**************     jeweler     **************/
#jeweler {padding: 20px 20px 20px 20px;text-align:left;}
/**************     contact     **************/
#contact {padding: 30px 30px 120px 50px;text-align:left;}
#contact table{margin-right: 20px;}
#contact th{text-align: right;padding: 2px 5px 2px 5px;}
#contact td{padding: 2px 5px 2px 5px;}
/**************     sitemap     **************/
#sitemap {padding: 30px 40px 100px 50px; text-align:left;  font-family: Georgia, Verdana, Tahoma, Arial;}
#sitemap h2{font-family: Tahoma, Arial; font-size: 29px;}
#sitemap h3{font-family: Tahoma, Arial; font-size: 20px; font-style: italic;}
/**************     about.php      **************/
#about{padding: 30px 30px 30px 50px;font-size: 17px; font-family: Georgia, Verdana, Tahoma, Arial;}
#about h3{font-family: Georgia, Verdana, Tahoma, Arial;font-size: 19px; font-weight:bold;}
#about table {font-size: 12px;color: #4d4d4d;font-family: Tahoma;margin:20px;}
#about th {text-align: left;padding: 0 0 5px 20px;}
/**************     location.php      **************/
#location{padding: 30px 30px 20px 30px;font-size: 15px; font-family: Tahoma, Arial;}
#location table {font-size: 15px; font-family: Tahoma;margin:10px;}

/**************     services.php      **************/
#services{padding: 30px 30px 30px 50px;font-size: 17px; font-family: Georgia, Verdana, Tahoma, Arial;}
#services table{margin: 10px 0 20px 0;}
#services img{padding-right: 10px;}
/**************     restoration.php      **************/
#repair{padding: 30px 30px 30px 50px;font-size: 17px; font-family: Georgia, Verdana, Tahoma, Arial;}
#repair table {font-size: 12px;color: #4d4d4d;font-family: Tahoma;margin:20px;}
#repair h2{font-family: Georgia, Verdana, Tahoma, Arial;color: #a81212; }
#repair h3{font-family: Georgia, Verdana, Tahoma, Arial;color: #a81212; }
#repair td {text-align: left;padding: 0 0 5px 20px;}
#repair .highlight{ font-style: italic; color: #E75D00; font-weight: bold;}
/**************     services.php      **************/
#servicing{padding: 30px 20px 30px 30px;font-size: 17px; font-family: Georgia, Verdana, Tahoma, Arial;}
#servicing table{margin: 10px 0 20px 0;}
#servicing h2{font-family: Georgia, Verdana, Tahoma, Arial;color: #a81212; }
#servicing ul li {font-size: 16px; font-family: Georgia, Verdana, Tahoma, Arial;list-style-position: inside;}

/**************     service_form.php      **************/
#service_form {padding: 30px 30px 30px 50px;font-size: 14px; font-family: Georgia, Verdana, Tahoma, Arial;}
#service_form td{padding: 2px 5px 2px 0;}

/**************     est_form      **************/
#est_form {padding: 3px;margin: 10px 0 10px 10px;width: 150px;float: right;border: 1px solid black;background: #ffffb0;text-align: justify;}
#est_form form{display: inline;}
#est_form #submit{border: none;background: #ffffb0;font-family: Georgia, Verdana, Tahoma, Arial;color: blue;}
/**************     appraisal.php      **************/
#appraisal{padding: 30px 30px 30px 50px;font-size: 17px; font-family: Georgia, Verdana, Tahoma, Arial;}
#appraisal .highlight{color: #E75D00;}
/**************     education.php      **************/
#education{padding: 30px 30px 30px 50px;font-size: 17px; font-family: Georgia, Verdana, Tahoma, Arial;}
#education .highlight{font-style: italic; color: #CC0000;}
/**************     welding.php      **************/
#welding{padding: 30px 30px 30px 50px;font-size: 17px; font-family: Georgia, Verdana, Tahoma, Arial;}
#welding .highlight{color: #ff0000;}
