/* BUTTONS */

input.add-fins {width:102px;background:url(../images/buttons/button_add_fins.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}

input.add-wrist-coil {width:102px;background:url(../images/buttons/button_add_wrist_coil.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}

input.add-to-cart {width:102px;background:url(../images/buttons/button-add-to-cart.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}

input.buy-now {width:102px;background:url(../images/buttons/button-buy-now.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}

input.back-2-shop {width:102px;background:url(../images/buttons/button-back-2-shop.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;float:right;border:none;cursor:pointer;}

input.delete-cart {width:102px;background:url(../images/buttons/button-delete-cart.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;float:right;border:none;cursor:pointer;}

input.check-out {width:102px;background:url(../images/buttons/button-check-out.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;float:right;border:none;cursor:pointer;}

input.refresh {width:31px;background:url(../images/buttons/button-refresh.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px!important;overflow:hidden;cursor:pointer;}

input.leg-rope {width:102px;background:url(../images/buttons/button-leg-rope.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}

input.tail-pad {width:102px;background:url(../images/buttons/button-tail-pad.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}

input.board-cover {width:102px;background:url(../images/buttons/button-board-cover.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}

input.fins {width:102px;background:url(../images/buttons/button-fins.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}

input.leash {width:102px;background:url(../images/buttons/button-leash.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}

input.tailpad {width:102px;background:url(../images/buttons/button-tailpad.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}

input.view-cart {width:102px;background:url(../images/buttons/button-view-cart.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;cursor:pointer;}

input.more-info {width:102px;background:url(../images/buttons/button-more-info.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}
input.enquiry , input.make-enquiry, a.enquiry , a.make-enquiry {width:102px;background:url(../images/buttons/button-make-enquiry.gif) no-repeat left top;height:31px;display:block;text-indent:-9999px;overflow:hidden;border:none;cursor:pointer;}



input.back-2-shop:hover, input.check-out:hover, input.delete-cart:hover, input.refresh:hover, input.add-to-cart:hover, input.buy-now:hover, input.make-enquiry:hover, a.make-enquiry:hover {background-position:0 -31px;}



/* LISTINGS */

ul#listing {width:920px; height: auto; margin:0 0 20px 0; padding:0; list-style: none; background-image: none!important; clear: both; display: block; }
ul#listing li { list-style: none; width: 256px; height:250px; overflow:hidden; background: url('../images/bg-listing2.gif') no-repeat 0 0!important; display: inline; padding: 10px 12px; margin: 0 25px 25px 0; float: left; }
ul#listing li h3 { font-size: 1.2em; font-weight: bold; margin: 0 0 15px 0; }
ul#listing li span { font-size: 1em; display: inline; float: left; padding: 3px 10px 3px 0; }
ul#listing li .thumb { float: left; width: 100px; height: 110px; overflow: hidden; display: inline; padding-bottom: 40px; border: 3px solid #0ea5ff; margin: 0 15px 0 0; background: #fff!important; text-align: center; }
ul#listing li .info { display: block; width: 130px; height: 150px; overflow: hidden; float: left; }
ul#listing li .info select { font-size: 1.1em; float: left; clear: left; border:none; background:#fff; width: 121px; padding: 1px 3px; margin:0 0 8px 0; position: relative; z-index: 100; }
ul#listing li .info .priceStarBox { display: inline-block; padding-bottom: 5px; float: left; clear: both; width: 130px; height: 55px; border-bottom: 1px dotted #333; text-indent: 30px; margin: 0 0 10px 0; background: url('../images/price-star.gif') no-repeat 0 0; text-align: left; color: #0ea5ff; line-height: 55px; font-size: 16px; font-weight: bold; }
ul#listing li .info .pricerange { display: block; padding-bottom: 5px; margin: 0; background: url('../images/price-star.gif') no-repeat 0 0; text-indent:10px; text-align: left; color: #0ea5ff; line-height: 55px; font-size: 16px; font-weight: bold; }
ul#listing li .info .priceStarBox span { font-size: 0.8em; margin-left: -20px; }
ul#listing li .listing-buttons { clear: both; width: 250px; height: 31px; display: inline-block; padding: 5px 0; border-top: 1px dotted #333; float: left; margin-top: 10px; }
ul#listing li .listing-buttons input { display: inline; float: right; margin-left: 5px;}
.mini {  width: 60px!important; padding: 2px; clear: none!important; margin-top: 5px; }

.next { clear: both; display: block; padding: 10px; margin: 0; font-size: 1.1em; text-align: right; border-top: 1px dotted #333; }

ul#listing li .thumb:hover, ul#listing li .thumb.thumb-hover { cursor: pointer; border-color: #fff; background: #fff url('../images/view-detail.jpg') no-repeat 0 bottom!important;}


/* DETAILS */

#details {width:920px; height: auto; margin:0 0 20px 0; padding:0; list-style: none; background-image: none!important; clear: both; display: block; }
#details #image-display { width: 400; height: auto; margin: 0; text-align: center; display: inline;  float: left; }
#details #image-display #image-container { width: 355px; height: 380px; overflow: hidden; background-color: #fff; padding: 10px; border: 5px solid #0ea5ff; text-align: center; }
#details #image-display .thumbnails { clear: both; float: left; margin: 10px 0; padding: 0; display: inline; width: 400px; height: auto; }
#details #image-display .thumbnails a { width: 110px; height: 110px; border: 5px solid #0ea5ff; background-color: #fff; text-align: center; float: left; display: inline; margin: 0 12px 10px 0; }
#details #image-display .thumbnails a:hover { border: 5px solid #fff; }

#details #info-panel { width: 460px; height: auto; margin: 0; display: inline; padding: 0; float: right; }
#details #info-panel h3 { font-size: 1.3em; font-weight: bold; margin: 0 0 15px 0; }
#details #info-panel select { font-size: 1.2em; float: left; clear: right; border:none; background:#fff; padding: 1px 3px; width: 150px; margin:0 20px 8px 10px; }
#details #info-panel span { font-size: 1.1em; display: inline; float: left; padding: 3px 0; }
#details #info-panel .priceStarBox { display: block; padding-bottom: 5px; float: left; clear: both; width: 450px; height: 55px; border-bottom: 1px dotted #333; text-indent: 30px; margin: 0 0 10px 0; background: url('../images/price-star.gif') no-repeat 0 0; text-align: left; color: #0ea5ff; line-height: 55px; font-size: 16px; font-weight: bold; }
#details #info-panel .pricerange { display: block; padding-bottom: 5px; margin: 0; background: url('../images/price-star.gif') no-repeat 0 0; text-indent:10px; text-align: left; color: #0ea5ff; line-height: 55px; font-size: 16px; font-weight: bold; }
#details #info-panel .listing-buttons { clear: both; width: 450px; height: 31px; display: inline-block; padding: 5px 0; border-top: 1px dotted #333; border-bottom: 1px dotted #333; float: left; margin: 10px 0; }
#details #info-panel .listing-buttons input { display: inline; float: right; margin-left: 5px;}

#details #info-panel #tab-contents { width: 450px; height: auto; margin: 0 ;padding: 10px 0; clear: both; display: block; }
#details #info-panel #tab-contents ul li { margin: 0; padding: 0; background-image: none!important; }
.customer-review { width: 420px; clear: both; display: inline-block; padding-bottom: 5px; margin-bottom: 10px; border-bottom: 1px dotted #222; color: #fff!important; }
.customer-review p { font-size: 1.2em; padding: 0; margin-bottom: 5px; }
.customer-review p.cname { text-align: right!important; color: #66CCFF; font-size: 1.1em;}

#review-form select {
	margin:2px 0 !important;
}




/*old listing css*/
.product-listing {width:920px;margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px dashed #333;}
.product-listing-pic {padding:10px;background:#222;border:0;float:left;width:100px;text-align:center;}
.product-listing-text {width:658px;float:left;padding:0 20px;}

.product-listing-text-noimage {width:758px;float:left;padding:0 20px;}

.product-listing-buttons { margin-top: 40px; width:102px;float:left;padding:10px 0 0 0; font-size: 12px; color: #fff;}

.product-listing-buttons a {margin:0 0 5px 0;}
.product-listing-buttons select {border:none;background:#fff;padding:3px;width:99px;margin:0 0 5px 0;}

#flash-surf {background:url(../images/bg-board-flash.gif) no-repeat center top;}

select.fixsize { width: 120px!important; }
.extended { width: 900px; }

ul.product-categories {list-style:none;padding:0;background:none;width:960px;}
ul.product-categories li {float:left; display: inline; padding:0;width:260px;margin:0 0 20px 0; padding-left: 20px; font-size: 16px; background: url('../images/newsticker-star.gif') no-repeat;}
ul.product-categories li img {float:left;width:100px;padding:10px;background:#222;}
ul.product-categories li span.category-listing-title {width:320px;float:left;display:block;padding:0 0 0 20px;}


span.price {color:#0087f6;text-decoration:none;font-size:1.8em;display:inline-block;background:url(../images/bg-price-star.gif) no-repeat center top;height:42px;padding:10px 0;}

.priceStarBox {
	color: #0ea5ff;
	font-size: 16px;
	font-weight: bold;
	line-height: 52px;
	background: url('../images/price-star-background.gif') no-repeat top center;
	text-align: center;
	float: right;
	width: 100px;
	margin: 0 0 10px 0;
}

/* end old listing css*/

/* CART */

#cart {font-size:1.2em;color:#ddd;}
#cart th {text-align:left;background:#333;color:#ddd;padding:5px 10px;}
#cart table table td {padding:5px 10px;background:#222;border-bottom:1px dashed #444;}
#cart table table input {border:none;padding:3px;}
#cart .right {text-align:right;}
#cart table table table td {border-bottom:0;}
#cart td.totalprice {text-align:right;font-weight:bold;padding:8px 0;color:#eee;padding:20px 0;}
#cart td.buttons {padding-top:10px;}


p#boardpara {
	padding:10px 0 0 3px;
}


table#boardprice tr td {
	padding:0 5px;
}

td.boardpricecolumn {
	font-size: 14px;
	font-weight: bold;
	color: #0087f6;
}