* { padding: 0; margin: 0 }
img { border: 0 }
html { overflow-y: scroll }
body { font-family: Arial, sans-serif; font-size: 62.5%; color: #666; background: #FFF url(../images/common/bg.jpg) no-repeat top center}

#dims { width: 898px; margin: 0 auto }

#header { float: left; width: 859px; height: 147px; padding: 0 0 0 39px }
#header img { float: left }
#header ul { float: right; list-style-type: none; font-size: 9px; padding: 16px 0 0 0 }
#header li { float: left; line-height: 15px; background: url(../images/common/topnav-sep.gif) no-repeat right; height: 15px; padding: 0 8px }
#header .last { float: left; line-height: 15px; background: none; padding-right: 0 }
#header li a { text-decoration: none; color: #929292; text-transform: uppercase; letter-spacing: 1px; }
#header .basket { float: left; line-height: normal; background: none; padding-right: 0; height: 26px; position: relative; top: -5px }

#nav { float: left; width: 898px; height: 48px; background: url(../images/common/nav-bg.png) }
#nav ul { margin: 0 auto; list-style-type: none; font-size: 14px; line-height: 16px; padding: 12px 0 0 0; width: 878px }
#nav li { float: left; background: url(../images/common/nav-sep.gif) no-repeat right 3px; padding: 0 10px }


#nav a { text-decoration: none; color: #a7a7a7;  }
#nav a:hover, #nav .on { color: #13add7; }
#nav .last { float: left; line-height: 15px; background: none; padding-right: 0 }

#nav #secondlevel { margin: 0 auto; list-style-type: none; font-size: 12px; line-height: 12px; padding: 15px 0 0 0; width: 600px }
#nav #secondlevel li { float: left; background: url(../images/common/nav-sep.gif) no-repeat right 3px; padding: 0 14px }
#nav #secondlevel a { text-decoration: none; color: #a7a7a7;  }
#nav #secondlevel a:hover, #nav #secondlevel .on { color: #35b231; }
#nav #secondlevel .last { float: left; line-height: 12px; background: none; padding-right: 0 }


#nav.snav { float: left; width: 898px; height: 80px; background: url(../images/common/snav-bg.png) }

#content { float: left; width: 865px; padding: 15px 0 0 33px;}

.buynow { float: right;	margin-right: 5px; }
.specialtype { float: left; width: 764px; height: 245px; padding: 17px 34px 0 24px; background: url(../images/common/special.png) no-repeat; color: #FFF;   }
.hometype { float: left; width: 823px; height: 344px; background: url(../images/common/home.png) no-repeat; color: #FFF;   }
.hometype #tleft{float:left;padding:198px 0 0 42px;width:370px;}
.hometype #tright{float:left;padding:225px 0 0 220px;}
.normaltype { float: left; width: 759px; height: 159px; padding: 17px 34px 0 29px; background: url(../images/common/normal.png) no-repeat; margin-bottom: 12px; color: #FFF; position: relative  }
.specialtype h1, .normaltype h1 { font-weight: normal; font-size: 16px; line-height: 16px; float: left }
.normalitemcontainer .normaltype h1{line-height:19px;}
.specialtype h1 { padding-left: 145px }
.specialtype h2, .normaltype h2 { font-weight: normal; font-size: 14px; line-height: 22px; float: right; margin-top: -5px }
.specialtype h2 strong, .normaltype h2 strong { font-size: 22px; font-weight: normal }
.specialtype .images { float: left; clear: left; margin-top: 23px; width: 612px }
.specialtype .images img { float: left; margin-right: 6px }
.specialtype .go { margin-top: 23px }

.normaltype img { float: left; clear: left; margin-top: 20px }
.normaltype .col1 { float: left; clear: left; width: 200px; padding: 0 36px 0 0 }
.normaltype .col1 p, .col2 p, #tleft p, #tright p { font-size: 12px; line-height: 16px; color: #ccc }
.normaltype .col1 p strong, .col2 p strong, #tleft p strong, #tright p strong { font-size: 14px; color: #FFF }
.normaltype .col2 { float: left; width: 200px; padding: 0 0 0 0 }
.normaltype .cols {
	float: left;
	padding: 20px 0 0 63px;
	width: 500px
}

.specialtype .col1 { float: left; clear: left; width: 235px; padding: 18px 39px 0 0px }
.specialtype .col1 p, .col2 p { font-size: 12px; line-height: 16px; color: #ccc }
.specialtype .col1 p strong, .col2 p strong { font-size: 14px; color: #FFF }
.specialtype .col2 { float: left; width: 215px; padding: 18px 0 0 0 }

.specialitemcontainer, .normalitemcontainer { float: left; position: relative; margin-bottom: 12px;  }

.normalitemcontainer .go { position: absolute; top:58px; right: -24px }
.specialitemcontainer .go { position: absolute; top: 102px; right: -24px }
.homeitemcontainer{float:left;padding:0px;width:823px;height:344px;}

#hpmidbox{clear:left;float:left;width:823px;height:373px;background:transparent url(../images/common/hpmidbox.png) no-repeat top left;}
#hpmidbox .hpmidboxcontent{float:left;padding:24px 0 0 18px;width:250px;text-align:center;}
#hpmidbox .hpmidboxcontent .title{color:White;font-size:1.7em;}
#hpmidbox .hpmidboxcontent .price{color:White;font-size:2.2em;font-weight:bold;padding-top:140px;}
#hpmidbox .hpmidboxcontent .location{color:White;font-size:1.1em;font-weight:bold;}
#hpmidbox .hpmidboxcontent .description{color:#cccccc;font-size:1.1em;margin-top:10px;line-height:15px;height:30px;}
#hpmidbox .hpmidboxcontent img{clear:both;float:left;margin-top:33px;}

#hpbotbox{clear:left;float:left;width:823px;height:176px;background:transparent url(../images/common/hpbotbox.png) no-repeat top left;}
#hpbotbox #hpbotboxcontent{float:left;padding:54px 0 0 86px;}
#hpbotbox #hpbotboxcontent .phone{color:White;font-size:2.2em;font-weight:bold;}
#hpbotbox #hpbotboxcontent .offertext{color:White;font-size:1.1em;font-weight:bold;}

#basket{
	clear:left;
	float:left;
	width:823px;
	height:450px;
	background: transparent url(../images/common/basket2.png) no-repeat top left;
}
#basket #basket-title{float:left;padding:31px 0 0 83px;}
#basket #basket-title p{color:White;font-size:1.6em;}
#basket #basket-content{clear:both;float:left;padding:58px 0 0 80px;}
table.basketdata{width:708px;padding:0px;margin:0 0 8px 0;border:solid 1px #888888;background-color:#696969;}
table.basketdata td{color:White;font-size:1.3em;padding-left:10px;border-right:solid 1px #888888;height:30px;}
table.basketdata td.t1{width:64px;}
table.basketdata td.t2{width:146px;}
table.basketdata td.t3{width:209px;}
table.basketdata td.t4{width:100px;}
table.basketdata td.t5{width:89px;}
table.basketdata td.t6{width:97px;}
table.basketdata td.t6 img{margin-left:15px;}

table.basketdata2{width:283px;padding:0px;margin:0 0 8px 426px;border:solid 1px #888888;background-color:#696969;}
table.basketdata2 td{color:White;font-size:1.3em;padding-left:10px;height:30px;}
table.basketdata2 td.t1{width:100px;}

table.basketdata3{
	width:283px;
	padding:0px;
	margin:0 0 8px 426px;
	border:solid 1px #016c1f;
	background-color: #4682B4;
}
table.basketdata3 td{color:White;font-size:1.3em;padding-left:10px;height:30px;}
table.basketdata3 td a{color:White;text-decoration:none;}
table.basketdata3 td.t1{width:170px;}

#basketoffer{clear:left;float:left;width:823px;height:236px;background:transparent url(../images/common/basketofferbg.png) no-repeat top left;}
#basketoffer #t1{float:left;padding:18px 0 0 23px;color:White;font-size:1.5em;}
#basketoffer #t2{float:left;padding:18px 0 0 15px;color:#00ae30;font-size:1.5em;font-weight:bold;}
#basketoffer #t3{float:left;padding:21px 0 0 250px;color:White;font-size:1.2em;}
#basketoffer #t4{float:left;padding:16px 0 0 10px;color:White;font-size:1.8em;}
#basketoffer #t5{float:left;padding:20px 0 0 20px;color:White;font-size:1.3em;font-weight:bold;}
#basketoffer #t6{clear:both;float:left;padding:30px 0 0 40px;width:560px;}
#basketoffer #t6 img{float:left;padding:0 20px 30px 0;}
#basketoffer #t6 p{color:White;font-size:1.3em;padding-bottom:10px;}
#basketoffer #t7{float:left;padding:60px 0 0 35px;}

#checkout{clear:left;float:left;width:823px;height:587px;background:transparent url(../images/common/checkout.png) no-repeat top left;}
#checkout #checkout-title{float:left;padding:31px 0 0 83px;}
#checkout #checkout-title p{color:White;font-size:1.6em;}
#checkout #checkout-content{clear:both;float:left;padding:60px 0 0 90px;}
#checkout #checkout-content #t1{float:left;color:White;font-size:1.3em;font-weight:bold;width:116px;}
#checkout #checkout-content #t2{float:left;color:White;font-size:1.3em;width:400px;}
#checkout #checkout-content #t3{clear:left;float:left;margin:10px 0 10px 0;}
#checkout #checkout-content #t4{clear:left;float:left;color:White;font-size:1.3em;font-weight:bold;width:116px;}
#checkout #checkout-content #t5{float:left;color:White;font-size:1.3em;width:400px;}
#checkout #checkout-buttons{clear:both;float:left;width:423px;margin-left:400px;}

.box { float: left; width: 822px; color: #FFF; padding-bottom: 18px; background: url(../images/common/foot.png) no-repeat bottom left }
.boxtop { float: left; width: 775px; height: 31px; background: url(../images/common/top.png) no-repeat top left; padding: 18px 17px 0 30px }
.boxtop h1 { font-weight: normal; font-size: 16px; line-height: 19px; float: left }
.boxtop h2 { font-weight: normal; font-size: 14px; line-height: 22px; float: right; margin-top: -5px }
.boxtop h2 strong { font-size: 22px; font-weight: normal }
.boxmain { float: left; width: 822px; background: url(../images/common/1pix_tile.png) repeat-y; padding: 0 }


#summary { float: left; padding: 5px 0 0 24px;  }
#summary img { float: left }
#summary .col1 { float: left; width: 220px; padding: 15px 36px 0 43px }
#summary .col1 p, .col2 p { font-size: 12px; line-height: 16px; color: #ccc }
#summary .col1 p strong, .col2 p strong { font-size: 14px; color: #FFF }
#summary .col2 { float: left; width: 215px; padding-top: 15px}

#details { float: left; clear: left; width: 644px; padding: 10px 0 0 162px }
#details p { font-size: 1.2em; color: #ccc; margin-bottom: 14px; line-height: 18px }
#details h3 { font-size: 1.2em; color: #13add7; margin-bottom: 14px; font-weight: normal }
#details span { font-size: 9px; }

form { font-size: 12px; float: left; line-height: 16px }
label { float: left; width: 115px; color: #13add7; font-weight: normal }
input, select, form div, textarea { float: left; margin-bottom: 13px }
form br { clear: left }
.starbox { width: 20px; text-align: center; font-size: 15px }
input, textarea { margin-right: 10px }
form div { font-size: 10px }
select { width: 200px; margin-right: 10px }
form div { line-height: 12px }
textarea { width: 280px; height: 80px }
.n { width: 80px; margin-right: 0 }
.w { width: 500px }
.star { font-size: 15px; height: 10px; padding-right: 5px; overflow: hidden }

#footer { float: left; clear: left; width: 898px; padding: 30px 0 10px 0 }
#fleft { float: left; width: 300px; font-size: 10px; color: #929292; position: relative; left: -17px }
#fright { float: right; width: 200px; text-align: right; font-size: 9px; position: relative; right: -27px }
#fright a { color: #666; text-decoration: none }

