*{ font-size:100%; }

body { font:100%/100% "Tahoma", Arial, Helvetica, sans-serif; margin:0; padding:0; background: #FFFFFF;}

p { font-family: "Tahoma", Arial, Helvetica, sans-serif; color:#666666; font-size: 11px; padding: 0; margin: 10px 0 0 0;}

a { color:#333333; text-decoration:underline}
a:hover { color:#666666}

h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color: #333333; line-height:16px; margin: 0 0 20px 0; padding:0}

h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color: #333333; line-height:16px; margin: 30px 0 20px 0; padding:0}

h4 { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:normal; color: #98A1B1; line-height:18px; margin: 0 0 15px 0; padding:0}

h5 { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color: #333333; line-height:16px; margin: 0 0 5px 0; padding:0}

h6 { font-family:Georgia, "Times New Roman", Times, serif; font-size:10px; font-weight:normal; color: #000000; line-height:12px; margin: 0 0 5px 0; padding:0}

div.clear { clear: both; }

object { outline:none}
img { outline:none}
div { outline:none}

#wrap{ margin:0 auto; width:960px;}

#container { float:left; display:inline; width:960px; padding:0; }

#topbar { width:960px; height:105px; margin:0; padding:0; }

#logo { display:inline; float:left; margin: 29px 0 0 0}

#tr { display:inline; float:right; margin:17px 0 0 0; text-align:right; width:500px}
#tr span{ font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size:11px; color:#666666} 
#tr span a{ text-decoration:none; color:#666666; font-size:11px} 
#tr span a:hover{ text-decoration:underline; color:#333333} 
#tr span .topon{ text-decoration:none; font-weight:bold; color:#333333} 
#tr span .topon:hover{ text-decoration:none;} 
#tr input { width:114px; height:16px; background:#E6E6E6; border-top: 1px solid #B2B2B2; border-bottom: 1px solid #B2B2B2; border-left: 1px solid #B2B2B2;border-right: none; margin:10px 0 0 0; font-family: "Tahoma", Arial, Helvetica, sans-serif; font-size:11px; padding: 3px 10px 0 5px; float:left; display:inline}
#tr .search { width:21px; height:21px; padding:0; margin:10px 0 0 0; background:#FFFFFF; border:none}
#tr form{ margin:0; padding:0; }
#tr .call { font-family: Georgia, "Times New Roman", Times, serif; color:#000000; font-size:18px; line-height:40px; }
form label { float:left; margin-right:10px; text-align:right; margin-top:12px;}
	
#content { width:958px; border: 1px solid #333333; display:inline; float:left; }

#leftcol{ float:left; display:inline; width:175px; margin: 20px 30px 0 20px; }

.callout { width:173px; border: 1px solid #B2B2B2; display:inline; float:left; margin:0 0 20px 0 }
.callout img { border:none}

.callout2 { width:175px; display:inline; float:left; margin:0 0 20px 0 }
.callout2 img { border:none}

.line{ margin:0 0 19px 0; display:inline; float:left; }

#subscribe { width:175px; height:53px; background:url(../images/box-bg.gif); display:inline; float:left; margin:0 0 20px 0;}

#subscribe ul{ list-style: none; margin: 5px 0 0 10px ; padding: 0;}

#subscribe li { display:inline; }

#subscribe li a:link, #subscribe li a:visited { font-size: 11px; padding: 6px 0 0 10px; line-height:14px; display:block; color: #666666; text-decoration:none; background:url(../images/bullet.gif) 0 70% no-repeat }

#subscribe li a:hover { color: #000000; }

#maincol { float:left; display:inline; margin:20px 0 0 0; width:715px;  }

#homeflash { float:left; display:inline; margin:0 0 30px 0 }

.error { color: red; font-size: 12px; text-align: left; font-weight: normal; }
.message { margin: 15px 5px 0 20px; }

.callouts{ float:left; display:inline; margin:0 0 0 -23px; width: 735px; }

.light { float:left; display:inline; width: 160px; text-decoration:none; margin: 0 0 20px 23px; cursor:pointer; }
.light:hover { text-decoration:none}
.light:hover span{ text-decoration:none;color:#000000}
.light img { border: 1px solid #B2B2B2; padding:9px; margin: 0 0 10px 0}
.light span{ background:url(../images/box-bg.gif); text-align:center; width:160px; display:block; font-size:11px; color: #666666; padding:0 0 0 0}
.price { color:#333333; font-weight:bold; padding: 3px 0 3px 0}
.baseprice { color:#6A252A; font-family:Georgia, "Times New Roman", Times, serif; font-size: 15px;}
.baseprice .saleprice, .price .saleprice { color:#BA252A; font-weight: bold; }

.lightsm { float:left; display:inline; width: 80px; text-decoration:none; margin: 0 0 20px 23px; cursor:pointer; }
.lightsm:hover { text-decoration:none}
.lightsm:hover span{ text-decoration:none;color:#000000}
.lightsm img { border: 1px solid #B2B2B2; padding:0; margin: 0 0 10px 0}
.lightsm span{ background:url(../images/box-bg.gif); text-align:center; width:70px; display:block; font-size:11px; color: #666666; padding: 4px 5px 5px 5px;}

.page_nav span.selected { font-weight: bold; }
#sort { display:inline; float:left; font-size:11px; color:#666666; margin: 0 0 20px 0 }
#sort a{ color:#666666; text-decoration:none; }
#sort a:hover{ color:#333333; text-decoration:underline; }

#sort2 { display:inline; float:left; text-align:right; width:730px; font-size:11px; color:#666666; margin: 0 0 20px 0 }
#sort2 a{ color:#666666; text-decoration:none; }
#sort2 a:hover{ color:#333333; text-decoration:underline; }

#more { display:inline; float:left; margin: 40px 0 10px 0; width:715px }
#categories { display:inline; float:left; margin: 20px 0 10px 0; width:715px }


#heroexterior { display:inline; float:left; width: 715px; height:250px; margin: 0px 0 30px 0; text-decoration:none; padding:0; cursor:pointer; position: relative; }
#heroexterior img { border: 0; width: 715px; height:250px; }
#heroexterior:hover .herodetails { display: block; cursor:pointer; position: absolute; top: 0;}
.herodetails { width:140px; height:230px; background: url(../images/heropng.png) 0 0 no-repeat; margin:0 0 0 365px; padding:10px; display: none;  }
.herodetails font{ color:#FFFFFF; font-size:11px }		
.herodetails a{ color:#FFFFFF; font-weight:bold; }			
.herodetails a:hover{ color:#999999; font-weight:bold;  }		
.hhead { font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; font-weight:normal; color: #FFFFFF; line-height:16px; }

#productshop { float:left; display:inline; border: 1px solid #B2B2B2; width:413px}
#productdetails { float:left; display:inline; width:270px; margin:0 0 0 25px; font-size:11px; color:#666666;}
.details { color:#333333; font-weight:bold}
.back {color:#333333; text-decoration:underline; font-weight:bold; line-height:20px}
.back:hover { color:#666666}

#baskettable{ display:inline; float:left; width: 707px;}
#baskettable td{ color:#666666; font-size:11px; font:Arial, Helvetica, sans-serif; border-bottom: 1px solid #B2B2B2; border-left: 1px solid #B2B2B2;}
#baskettable .removeb{ border-right: 1px solid #B2B2B2;}
#baskettable .head{ color: #FFFFFF; font-weight:bold}

#baskettable2{ display:inline; text-align:left; float:left; width: 707px;}
#baskettable2 td{ color:#666666; height:50px; font-size:11px; font:Arial, Helvetica, sans-serif; border-bottom: 1px solid #B2B2B2; }
#baskettable2 table { margin: 0 0 0 527px}
#basketnav{ display:inline; text-align:right; float:left; width: 707px; margin:40px 0 0 0}
#basketprocess{ display:inline; text-align:right; float:left; width: 707px; margin:0 0 20px 0; padding:0; font-size: 11px; color:#666666}

#checkout { background:url(../images/box-bg.gif); margin: 20px 0 0 0; font-size:11px; font-weight:bold; text-align:right; color:#666666}
#checkout table { margin:20px 0 20px 0}
#checkout td{ padding: 5px 0 5px 0}
#checkout input, #checkout select, #checkout span { margin:0 0 0 10px} 
#checkout img{ margin:0 0 0 10px} 

#contactform { background:url(../images/box-bg.gif); width:346px; margin: 0px 0 20px 0; font-size:11px; font-weight:bold; text-align:right; color:#666666}
#contactform table { margin:10px 0 20px 10px}
#contactform td{ padding: 5px 0 5px 0}
#contactform input { margin:0 0 0 10px; width: 150px}
#contactform input.button { width: 60px; }
#contactform .box { width:150px}
#contactform img{ margin:0 0 0 10px} 
#contactform p{ text-align:left; font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; color:#333333; font-weight:normal; padding:20px 0 0 20px}
#contactform form { margin:0; padding:0}
#contactleft { float:left; display:inline; width:340px; margin:0 10px 0 0}
#contactright { float:right; display:inline; width:346px; }

p#zoom { background:url(../images/zoom.gif) 0 50% no-repeat; padding:2px 0 2px 20px; margin-top:5px; }
#zoom { cursor: pointer; cursor: hand; }

form { margin:0; padding:0 }

.col { float: left; width: 300px; margin-left: 20px; padding:0; display:inline; }
.paybutton { text-align:right; margin-right: 10px; }

table.checkout tr { height: 20px; }
table.checkout td.field { width: 130px;}
table.checkout td.alignTop { padding: 5px 0 0; }
table.checkout td.value { padding: 5px 0 0; }

table.checkoutbasket { width: 465px; font-size:12px; color:#333333;}
table.checkoutbasket thead tr th { border-bottom: solid 2px #d9d9d9; }
table.checkoutbasket tr { height: 25px }
table.checkoutbasket th.col1 { width: 200px; }
table.checkoutbasket th.col2 { width: 200px; text-align: center; }
table.checkoutbasket th.col3 { width: 50px; text-align: right;}

.specialoffer { width: 714px; background: #5B1D20; display:inline; float:left; margin:0 0 20px 0 }
.specialoffer span{ font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; color:#FFFFFF; width:467px; display:block; padding:20px 20px 0 20px}
.specialoffer p{ font-size:11px; color:#FFFFFF; padding:0px 20px 20px 20px;  width:467px }
.specialoffer a{ color:#FFFFFF}
.specialoffer img{ float:right; border:none} 

#maincol ul{ font-size:11px; color:#666666; margin:20px 0 20px 10px; padding:0 0 0 20px}
 
/* ------------------- Main Nav ------------------- */

#topnav{ width:960px; height: 30px; background:url(../images/nav-bg.jpg) 0 0 repeat-x}
	
#topnav ul { list-style: none; margin: 0 15px 0 15px ; padding: 0; text-align:centre; }

#topnav li { display:inline; float:left; display:block; height: 30px }

#topnav li a:link, #topnav li a:visited { font-size: 11px; padding: 6px 0px 0 0px; display:block; color: #FFFFFF; font-weight:bold; text-decoration:none }

#topnav li { margin: 0 72px 0 0; }
#topnav li.special { margin: 0; float: right; }

#topnav li a:hover { padding: 6px 0px 0 0px; display:block; font-size: 11px; color: #999999; text-decoration:none }

#topnav li a.on { padding: 6px 0px 0 0px; display:block; font-size: 11px; color: #999999; text-decoration:none }

/* ------------------- Sub Nav ------------------- */


#subnav{ width:175px; display: inline; float:left; }
	
#subnav ul { list-style: none; margin: 0 0 20px 0 ; padding: 0px 0 10px 0; background:url(../images/box-bg.gif) 0 0 }

#subnav li { display:inline; display:block; height: 21px; padding: 0 10px 0 10px }

#subnav li a:link, #subnav li a:visited { font-size: 11px; padding: 6px 0px 0 0px; display:block; color: #666666; text-decoration:none }

#subnav li a:hover { padding: 6px 0px 0 0px; display:block; font-size: 11px; color: #333333; text-decoration:none }

#subnav li a.on { padding: 6px 0px 0 0px; display:block; font-weight:bold; font-size: 11px; color: #333333; text-decoration:none }

/* ------------------- Footer ------------------- */

#footer { display:inline; float:left; background: #1A1A1A; height: 22px; width: 920px; margin: 40px 0 0 0; color:#FFFFFF; font-size: 10px; padding:8px 20px 0 20px}
#footerl{ float:left; display:inline}
#footerr{ float:right; display:inline}
#footer a{ color:#FFFFFF; text-decoration:none}
#footer a:hover{ color:#999999; text-decoration:none}

/* ------------------- Lightbox ----------------- */

.leightbox .footer { background-color: #000; padding: 0.5em; }
.leightbox .footer a {color: #fff; font-size: 150%;}
.leightbox { display: none; position: absolute; top: 15%; left: 20%; padding: 1em; border: 1em solid #B8B8B8; background-color: white; text-align: right; z-index:1001; overflow: auto; }
#overlay { display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; background-color:#333; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.lightbox[id]{ /* IE6 and below Can't See This */    position:fixed;    }#overlay[id]{ /* IE6 and below Can't See This */    position:fixed;    }


/* ----- SWATCHES ----- */

#productdetails select {
	width:180px;
}

.swatch{
	float:right;
	display:inline;
	width:40px;
	height:40px;
	margin:-21px 30px 0 0;
}
.finishes{
	background:url(/images/finishes.jpg) 0 0 no-repeat;
}
.glasses{
	background:url(/images/glasses.jpg) 0 0 no-repeat;
}