/* Stan's Favorite Common Setting */
img { border: 0; }
form { margin:0; }
.clearfix { clear: both; }
.relatedline
{
	height: 1px;
	background-color:#000;
	}
div { text-align: left; }

/* Site Global Setting */
* { font-family: Arial, Helvetica, sans-serif; }
input.flat { border: 1px solid black; height: 15px; font-family: Verdana; padding: 2px 3px; }
.deleted { text-decoration: line-through; }

/* Layout */
body { background: url(diy-tile-back.gif) repeat-x top left #cccc9a; text-align: center; padding:0; margin:0; }
.wrapper { margin-left: auto; margin-right: auto; width: 801px; margin-top: 20px; }
.header { height: 20px; background: #cc7900; overflow: hidden; }
.body { background: white; min-height: 300px; }
	.body .leftpart { width: 222px; float: left; margin-right: 10px; }
	.body .main { width: 559px; float: right; padding: 5px 10px 10px 0; }
.footer { height: 113px; background: url(footer-back.jpg) no-repeat; position: relative; }

/* head */
.title { float: left; font-size: 7pt; color: white; line-height: 22px; padding-left: 5px; }
.topnav { float: right; font-size: 9pt; color: white; line-height: 25px; padding-right: 5px; }
	.topnav a { color: white; text-decoration: none; padding: 0 10px; }

/* foot */
.footer div { text-align: center; }
.left-plate { position: absolute; bottom: 10px; left: 20px; }
.right-plate { position: absolute; bottom: 10px; right: 20px; }
.accept-cards { position: absolute; bottom: 5px; left: 300px; }
.info { color: white; font-size: 10pt; line-height: 28px; }
	.info a { color: white; }
	.info p { margin: 0; }
.bottomnav { color: white; font-size: 9pt; }
	.bottomnav a { color: white; padding: 0 3px; }

.copyright { text-align: center; font-size: 9pt; color: black; line-height: 20px; }
	.copyright a { color: black; }

/* leftpart */
.menu { background: #cccc9a;margin-bottom:10px; }
	.menu .logo { padding: 4px; }
	.menu .item { border-top: 1px solid white; text-align: right; }
	.menu .item a { display: block; margin-right: 22px; text-decoration: none; color: white; line-height: 20px; font-weight: bold; font-size: 13pt; background: url(patio-icon-nav.jpg) no-repeat right center; padding-right: 20px; }
	.menu .item a:hover {text-decoration: underline; } 
	.menu .callus { text-align: center; padding: 5px 0 5px; }
	.menu .callus p { margin: 0; }
	.menu .callus .line1 { color: white; font-size: 14pt; }
	.menu .callus .telnumber { color: black; font-style: italic; font-size: 18pt; font-weight: bold; }
	.menu .callus a { display: inline; font-size: 9pt; color: black; background: none; margin:0; padding:0; text-decoration: underline; }
.search { padding: 5px 0; }
	.search input { vertical-align: middle; margin: 10px 5px; }
	.search input.flat { width: 135px; }
.techsupport { height: 40px; }
	.techsupport p { font-size: 9pt; margin: 0; padding-left: 2px; color: #666; }
	.techsupport p strong { color: black; }
.shopping-cart { width: 156px; margin: 30px;  }
	.shopping-cart * { font-size: 9pt; }
	.shopping-cart .titlebar { background: url(titlebar-shopping-cart.gif) no-repeat; height: 19px; }
	.shopping-cart .content { background: #f4f4f4; border: 1px solid #cccccc; border-top: 0; }
	.shopping-cart .content .p { display: block; margin: 0; margin: 0 8px; padding: 5px 0; color: #000; border-bottom: 1px solid #ccc; }
	.shopping-cart .hint { color: #888 !important; font-size: 8pt; }
	.shopping-cart .p_last { padding: 5px 0; margin: 0 8px; }
	.shopping-cart a { color: black; display: block; margin-bottom: 5px; }
	.shopping-cart .flat { width: 25px; padding: 0 1px; border: 1px solid #999; text-align:right; }
	.shopping-cart .price { text-align: right; width: 70px; float: right; line-height: 18px; }
	.shopping-cart .before_price { line-height: 18px; }
	.shopping-cart .zip { font-weight: bold; padding: 10px 0; }
	.shopping-cart .zip .flat { width: 70px; }
.edge-perfect { text-align: center; margin:0 1px; padding: 10px 0 15px; border-bottom: 2px solid #ccc; }
	.edge-perfect a { display: block; font-size: 9pt; }
.free-sample{ text-align: center; padding: 15px 0; }
	.free-sample div { text-align: center; }
	.free-sample a { display:block; font-size: 9pt; margin: 8px 0; }
.free-shipping { margin: 5px 5px 20px 5px; }

/* main */
.front-pic { text-align: center; position:relative; }
    .front-pic .info-box { position: absolute; top: 0; left: 0; font-size: 10pt; color: White; background: #FF9933; width: 200px; height: 64px; padding-left: 10px; padding-top: 6px; line-height: 17px; }
    .front-pic .info-box p { margin-bottom: 0; }
    .front-pic .info-box ul { margin-top: 0; margin-left: 12pt; }
.front-para { padding-right: 10px; }
	.front-para p { font-size: 9pt; margin: 5px 0; }
	.front-para p strong { font-size: 10pt; }
.front-slat { position:relative;}
    .front-slat .title{font-size: 12px; color:Black; font-weight:bold; }
    .front-slat .prodid{font-size: 12px; color:red; font-weight:bold; text-align:center;}
    .front-slat .pic{}
    .front-slat .link{font-size: 12px; color:Blue; font-weight:bold; text-align:center;}
    .front-slat .link a:hover {text-decoration: none; } 

.main_inner { padding: 10px; }	
	.main_inner h1 { font-size: 15pt; margin-top: 0; }
.item 
{
	text-align:center;
	}
.item div
{
	text-align:center;
	}
.item h2 a
{
	color:Blue;
	text-decoration:underline;
	}
.item h2 a:hover
{
	text-decoration:none;
	}
	.item .price .normal-price { font-size: 11pt; }
	.item .price .sale-price { font-size: 11pt; font-weight: bold; color: red; }
	.item p { font-size: 10pt; }
	.item h2 { margin-top: 0; font-size: 13px; }
.category {}
	.category .item { border-top: 1px solid black; padding: 15px 0; }
	.category .firstitem { border: 0; }
		.category .item .product-img { width: 280px; overflow: hidden; float: left; padding-right: 10px; }
		.category .item .product-img a { display: block; color: black; text-decoration: none; font-size: 10pt; text-align: center; }
		.category .item .product-desc { float: right; width: 220px; }
		.category .item .buttons { float: left; width: 249px;padding-left:58px;}
		.category .item .buttons a { display: block; margin: 3px 0; width: 100px; }
		.category .item .buttons .free-sample-button { margin: 10px 0; }
.product {}
	.product .item { border: 0; padding-bottom: 0; }
	.product .item .product-img { padding-right: 10px; }
	.product .item .price { margin-top: 50px; }
	.product .item input.flat { width: 40px; }
.related-items 
{
	width:215px;
	text-align:center;
	}
	.related-items .item { padding: 15px 0; }
	.related-items .firstitem { border: 0; }
	.related-items .item .product-img { width: 150px; height: 150px; overflow: hidden; padding-right: 10px; text-align: center; }
	.related-items .item .buttons { }
.split-banner { margin: 15px 0 10px 0; background: #cccc9a; height: 25px; color: white; font-size:18px;width:215px;text-align:center; }
.content {}
	.content p { font-size: 10pt; margin: 20px 5px; padding-right: 50px; }
	.content td { font-size:12px; }
	.content .subtitle { font-weight: bold; font-size: 11pt; margin: 20px 0; }
.edge-perfect-pics { border-top: 1px solid black; margin: 10px 0; margin-right: 20px; }
	.edge-perfect-pics .item { border-bottom: 1px solid black; }
	.edge-perfect-pics .item h1 { border-bottom: 1px solid black; font-size: 13pt; margin: 0; padding: 5px 0; }
	.edge-perfect-pics .item h2 { font-size: 10pt; color: #666; margin: 5px 0 0;}
	.edge-perfect-pics .item .end-view { float: left; width: 70px; border-right: 1px solid black; }
	.edge-perfect-pics .item .side-view { float: left; width: auto; position: relative; }
	.edge-perfect-pics .item .side-view h2 { margin-left: 10px; }
	.edge-perfect-pics .item .side-view .pic { margin: 10px; margin-right: 0; }
	.edge-perfect-pics .item .side-view .more-info-button { position: absolute; right: 0; top: 5px; }
.quick-link { font-size: 10pt; margin-bottom: 10px; }
    .quick-link ul { margin:0; }
	.quick-link li { list-style: none; margin: 0; line-height: 150%; }
	.quick-link a { color: black; }
.installation-detail {}
	.installation-detail p { color: #666; }
	.installation-detail p.image { margin: 10px auto; }
	.installation-detail p strong { color: black; }
	.installation-detail li { font-size: 10pt; color: #666; padding-right: 50px; }
.sitemap {}
	.sitemap a { display: block; font-size: 12pt; line-height: 180%; color: #666; padding-left: 80px; text-indent: -20px; }
	.sitemap a.h1 { color: black; font-weight: bold; padding-left: 20px; text-indent: 0; }
.testimonial-item { padding-left: 20px; padding-bottom: 10px; }
	.testimonial-item h2 { font-size: 11pt; color: #666; }
	.testimonial-item p { font-size: 10pt; }
.link-list {}
    .link-list h2 { font-size: 12pt; font-weight: bolder; }
    .link-list p { font-size: 12pt; margin: 3px; }
    .link-list .code { background: #666; color: white; padding: 5px; margin-top: 15px; }
    .link-list ul { list-style: none outside; margin: 0; }
    .link-list li a { color: Black; }
.video { display: none; }
    .video-pic { cursor: pointer; }
.ShoppingCartMain * { font-size: 10pt; }

.multi{clear: both; }
  .multi .multi_left{}
  .multi .multi_right { width: 559px; float: right; padding: 5px 10px 10px 0; }
  .multi .multi_right .multi_table{ width:520px }
 
 .qualifies a
{
	color:Blue;
	font-size:13px;
	font-weight:normal;
	text-decoration:underline;
	}
.qualifies a:hover
{
	font-weight:normal;
	color:Blue;
	font-size:13px;
	text-decoration:none;
	}
.contactInfo a:Hover
{
    color: #09C;font-size: 13px;text-decoration: none;
}

.contactInfo a
{
    font-weight: normal;color:Black;font-size: 13px; text-decoration:underline;
} 	

.search{
    display:none;
}
.topcall {
    font-size: 13px;
}
.menu .callus .topcall a {
    color: #fff;
    font-size: 17px;
    font-weight: bold
}
.optionsul, .optionsul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .optionsul li {
    }

        .optionsul li a, .dropoptions {
            text-decoration: none;
            display: block;
            border: solid 1px #ccc;
            padding: 5px;
            margin-top: 5px;
        }

.optionarea {
    width: 200px;
}

    .optionarea .optionsul li a {
    }

    .optionarea .dropoptions {
        width: 100%;
    }

.optionsul li a:hover {
    background-color: #eee;
    cursor: pointer;
    color: #000;
}

.dropoptions {
    border: solid 1px #ccc;
    border-radius: 0;
}

.optionsul li.curli a, .selectedul {
    border: solid 1px #cc7900;
    font-weight: bold;
    box-shadow: 0px 0px 4px #cc7900;
    cursor: alias;
}

.rightinfo {
    width:200px;
    float:right
}

.mosquitoTitle a{
	text-decoration:none;
	color:blue;
}

	.mosquitoTitle a:hover {
		text-decoration: underline;
		color: blue;
	}