@charset "utf-8";

/* **************************************************************
	
	Name: product-view.css
	Description: global styles all pages [ PRODUCT VIEW ] 
	
	BLUE - 			#396F9D  
	ORANGE -		#FF6600  
	grey - 			#ccc   
	RED - 			#CC0000
	BG_HIGHLIGHT - 	#ebf0f5


*************************************************************** */ 

h3.view-attributes{background-position:0 -190px;padding-bottom:12px;padding-left:14px;font-size:12px;font-weight:700;margin-bottom:0;color:#000}
h2.additional-info{margin-top:12px}
h3.other-items{padding:0;margin:.5em 0 .2em}


/* Specifications table  */

.data-table .even{background:#FFF}
.data-table .last th,.data-table .last td{border-bottom:0 !important}
.data-table th{white-space:nowrap;text-transform:uppercase;padding:2px 8px}
.data-table th.wrap{white-space:normal}
.data-table td{padding:4px 14px 6px}
.data-table thead tr{background:#e9e9e9}
.data-table tfoot tr{background-color:#f3f3f3 !important}
.data-table tbody td{background:url('../images/list_elements/dashed_stroke.gif') repeat-x bottom left}
.data-table .even tr{background:#fcfcfc}.data-table .title{font-weight:700;color:#444;margin:0;padding:0}
.data-table .option-label{font-weight:700;font-style:italic}
.data-table .option-value{padding-left:10px}
.box-table td{padding:10px}
.box-table tfoot td{padding-top:5px;padding-bottom:5px}
.generic-table td{padding:2px 8px}
h2.mix-match{color:#5bb7d1;border-color:#5bb7d1}

/* BLOG - RHS BLURB  */

.view-help-holder { margin-bottom:14px}
.view-help-holder h3 { line-height:1}
.view-help-holder h3 a { font-size:14px; line-height:1.2}
.view-help-holder p { margin-bottom:6px}

/* ATTRIBUTES / SPECIFICATIONS  */

.attribute-specs .data-table{margin:0;margin-bottom:3.2em}
.attribute-specs .data-table .label{width:40%;font-weight:400}
.attribute-specs .data-table .attribute-head td{background:none;margin:0;padding:0}

/* Carousel styles
--------------------------------------------------------------  */

#grouped-carousel{width:412px;height:109px;float:left;margin-bottom:1em;background-color:#FFF;border:2px solid #c5d520;text-align:center;overflow:hidden}
#grouped-carousel .view-gallery{float:left;width:422px}
#grouped-carousel li{padding:2px}
#grouped-carousel .grouped-item{float:left;text-align:center;clear:right;padding:4px;margin:4px}
#grouped-carousel .grouped-item a{width:86px;height:86px;display:block}
#grouped-carousel .grouped-item img{cursor:hand;cursor:pointer;z-index:1;position:relative;left:0;width:86px;height:86px}
#grouped-controls{height:20px;margin-bottom:0}
#grouped-controls li a{text-decoration:none;display:block;width:15px;height:15px;background-position:0 -735px}
#grouped-controls li a.activeSlide{background-position:0 -800px}
#grouped-controls li.no-display{display:none}
.grouped-image-box .prev-holder{display:block;width:19px;height:109px;float:left;margin:0 5px 0 0;position:relative;z-index:1}
.grouped-image-box .next-holder{display:block;width:19px;height:109px;float:left;margin:0 0 0 5px;position:relative;z-index:1}
.grouped-image-box .prev{background:url('../images/carousel/button.grouped.left.gif') no-repeat center left;display:block;width:19px;height:109px;position:absolute;top:0;left:0;z-index:10}
.grouped-image-box .next{background:url('../images/carousel/button.grouped.right.gif') no-repeat center right;display:block;width:19px;height:109px;float:left;position:absolute;top:0;left:0;z-index:10}
.grouped-image-box .prev-group-inactive{background:url(../images/carousel/button.grouped.left-inactive.gif) no-repeat center left;display:block;width:19px;height:109px;position:absolute;top:0;left:0;z-index:11}
.grouped-image-box .next-group-inactive{background:url(../images/carousel/button.grouped.right-inactive.gif) no-repeat center right;display:block;width:19px;height:109px;position:absolute;top:0;left:0;z-index:11}
.grouped-description .grouped-box{padding-right:10px}
.grouped-description{width:207px}
.grouped-default-image{margin-left:5px}
.grouped-description p{margin-bottom:.3em}

/* GALLERY
--------------------------------------------------------------  */
#zoom{z-index:6666}
#view-gallery-carousel{width:434px;height:72px;float:left;margin-top:2px;margin-bottom:5px}

#view-gallery-carousel a{display:block}


#view-gallery-carousel .view-gallery{float:left;margin-bottom:12px;width:404px;z-index:33}
#view-gallery-carousel .slide{float:left;width:439px;height:72px}
#view-gallery-carousel .slide .item{background-position:-297px -857px;height:77px;width:77px;float:left;text-align:center;clear:right;margin:0 13px 0 0}
#view-gallery-carousel .slide .item img{z-index:1;position:relative;left:0;width:66px !important;height:66px;cursor:hand;cursor:pointer}
#view-gallery-carousel .slide .item.last{margin:0}.more-view-jump-controls{display:block;text-align:center;height:20px;margin:0 auto}
.more-view-jump-controls a{text-decoration:none;display:block;width:15px;height:15px;background-position:0 -735px}
.more-view-jump-controls a.activeSlide{background-position:0 -800px}
.more-view-jump-controls a span{display:none}
#view-gallery-carousel .prev{background:url('../images/carousel/button.left.png') no-repeat top left;width:15px;height:72px;float:left}
#view-gallery-carousel .next{background:url('../images/carousel/button.right.png') no-repeat top right;width:15px;height:72px;float:right}
.dialog{z-index:9000}
.tooltip{z-index:9999}

/* PRODUCT VIEW - RANGE INFORMATUION
--------------------------------------------------------------  */

.range-holder{background-color:#f5f8d4;border:1px solid #dcdecc;padding:12px 0;-webkit-border-bottom-right-radius:9px;-khtml-border-radius-bottomright:9px;-moz-border-radius-bottomright:9px;border-bottom-right-radius:9px}
.range-holder .grouped-content{cursor:hand;cursor:pointer}
.range-holder .grouped-default-image img{border:2px solid #c5d520;background-color:#FFF;float:right;margin:0 auto;padding:2px}
.range-holder h4{font-weight:700;line-height:1.3;margin:0 0 .3em;padding:0}


#price-options { margin-top:12px}


/* Detailed Information === Product View 
--------------------------------------------------------------  */

.btn-detailed-info{padding-left:15px;background:url('../images/icons/link_arrow_down.gif') no-repeat left 4px}
.btn-detailed-info,h3 a{font-weight:700;text-decoration:none}

/* paddings
--------------------------------------------------------------  */

.padding-top-none{padding-top:0}
.navigation a{text-decoration:none;color:#777}
.controls{margin-top:5px;height:23px}
.controls a{padding:5px}
.loader{background-image:url('loader.gif');background-repeat:no-repeat;background-position:center;width:550px;height:350px}
.slideshow span.image-wrapper{float:left;padding-bottom:12px}
.embox{clear:both;border:1px solid #ccc;background-color:#eee;padding:12px}
.image-desc{padding-top:12px}
ul.thumbs{clear:both;margin:0;padding:0}
ul.thumbs li{float:left;list-style:none;margin:5px 10px 5px 0;padding:0}
ul.thumbs li.selected a.thumb{background:#000}
a.thumb:focus{outline:none}
.navigation div.top{margin-bottom:12px;height:11px}
.navigation div.bottom{margin-top:12px}
.pagination a,div.pagination span.current{display:block;float:left;margin-right:2px;border:1px solid #ccc;padding:4px 7px 2px}
.pagination a:hover{background-color:#eee;text-decoration:none}
.pagination span.current{font-weight:700;background-color:#000;color:#fff;border-color:#000}

/* Minimal Gallery Styles  */

#thumbs-min .thumbs li{float:none;list-style:none;margin:0;padding:0}
#thumbs-min a.thumb{display:inline;border:none;padding:0}
#thumbs-min .thumbs li.selected a.thumb{background:inherit;color:#000;font-weight:700}
.navigation{width:300px;float:left}

/*-----------------------------------------------------------------------------------------------
	Category page carousel styles
----------------------------------------------------------------------------------------------- */

.catalog-category-view #carousel-feature{height:175px;width:656px;background:#eff4bf;margin-bottom:20px;color:#333}
.catalog-category-view #carousel-slides ul li .carousel-image{float:left;width:435px}
.catalog-category-view #carousel-slides ul li .carousel-text{float:left;height:135px;width:180px;padding:20px;overflow:hidden}


/* GROUPED PRODUCT STYLES */

.grouped-product-informative-box .image-box img,.grouped-product-informative-box .icon{line-height:0;margin:0;padding:0}
#view-gallery-carousel .more-view-jump-controls li,.grouped-image-controls li{display:inline-block;list-style:none;padding:0 1px}
.range-holder p:last-child,.margin-bottom-none{margin-bottom:0}
.col2-set .registered-users .content,.col2-set .new-users .content{padding:0 10px}

div.slideshow,div.pagination{clear:both}
div.slideshow a.advance-link,a.thumb{display:block;border:1px solid #ccc;padding:2px}
div.slideshow img,ul.thumbs img{border:none;display:block}

.catalog-category-view #carousel-slides ul,.catalog-category-view #carousel-slides ul li{height:175px;width:656px;overflow:hidden}


/* Product View
-------------------------------------------------------------- */
div.product-shop{padding-left:37px;width:391px;margin-right:0;float:right}
.product-img-box .product-image{display:block;border:1px solid #cacaca}
.product-img-box .product-image img{display:block}
.product-img-box img{margin:6px}
.product-img-box .more-views h4{border-bottom:1px solid #ccc;margin-bottom:.8em;text-transform:uppercase}
.product-img-box .more-views ul{margin-left:-4px}
.product-img-box .more-views li{float:left;margin:0 0 4px 4px}
.product-img-box .more-views li img{vertical-align:top;border:1px solid #ddd}
.catalog-product-view .add-to-box{margin:10px 0;padding:0 0 10px}
.catalog-product-view .add-to-box li{margin:0;padding:0;list-style-type:none;float:left}
.catalog-category-view .price-box{float:none;margin:0;padding:0;font-weight:400;display:block}
.catalog-category-view .price-box .regular-price{font-weight:400}

/*  PRODUCT VIEW - VIEW PHTM
-------------------------------------------------------------- */
.product-img-box{width:439px;margin-right:7px;float:left}
.image_holder{background-position:-297px -370px;position:relative;z-index:20}
.image_holder .zoom-icon{position:absolute;width:27px;height:27px;z-index:2;background-position:0 -1268px;}
.image_holder img{position:relative;z-index:0}
.image_holder .zoom-icon a{background-position:0 -1268px;display:block;width:27px;height:27px;position:relative}
.product-zoom, .product-zoom.active{background-position:0 -1268px; display:block;}
#grouped-image.image_holder{position:relative;z-index:20;background:none}

/*  RELATED PRODUCTS
-------------------------------------------------------------- */
h2.mix{color:#0F0;font-size:24px;margin:0;padding:12px 0 0;visibility:hidden}
.related .content{padding:0}
.related .content a{font-weight:700}
.related .related-list{margin:0;padding:0}
.one-col .related .related-list li{list-style:none;float:left;width:138px;margin-right:10px}
.two-col .related ol.related-list li{list-style:none;float:left;width:136px;margin-right:8px}
.related-list h3{clear:both;line-height:.8em;padding-right:6px}
.related-list h3 a{font-size:10px}

/*  UPSELL PRODUCTS
-------------------------------------------------------------- */
h2.related{color:#0F0;font-size:24px;margin:0;padding:12px 0 0;visibility:hidden}
.up-sell div.content{padding:0}
.up-sell a{font-weight:700}
.up-sell .upsell-list{list-style:none;margin:0;padding:0}
.one-col .up-sell .upsell-list li{list-style:none;float:left;width:138px;margin-right:10px}
.two-col .up-sell .upsell-list li{list-style:none;float:left;width:136px;margin-right:8px}
.up-sell .upsell-list h3{margin-bottom:10px;line-height:.8em}
.up-sell .upsell-list .price-box{padding:0}

.one-col .up-sell .upsell-list li.last, .up-sell .upsell-list li.last, .two-col .related ol.related-list li.last,.related .related-list li.last { margin-right:0}

/* PRODUCT VIEW COLOUR SWATCHES - VIEW PHTML
-------------------------------------------------------------- */
.colour-container ul{list-style:none;margin:0;padding:0}
.colour-container li{float:left;width:64px;height:27px;list-style:none;margin:0 10px 10px 0;padding:0;text-align:center}
.colour-container li.last{margin:0}
.colour-container .colour-item{margin:0;padding:0}
.colour-container .colour-item img{margin:0;padding:0}

/* DOM LOGO HOLDERS - AUSTRALIAN MADE - EXCLUSIVE TO DOMAYNE - RTA 
-------------------------------------------------------------- */
div.dom-logos{height:37px;text-align:center;vertical-align:middle}
div.dom-logos img{margin:auto;}

/* DOM PRODUCT ICONS
-------------------------------------------------------------- */
#product-icons img{margin:5px}


/* GROUPED LIST - groupview.phtml  
--------------------------------------------------------------  */

.grouped-product-informative-box{border:1px solid #cbcdb2;background-color:#eff4bf; margin-bottom:28px;}
.grouped-product-informative-box .image-box,.grouped-product-informative-box .hit-area{line-height:0;float:left;position:relative;}
.group-description{margin:28px 28px 28px 610px}
.grouped-grid .price-box{display:block;clear:both;margin:3px 0 0 0}
div.grouped-image-box{width:469px}
div.grouped-image-box ul{list-style:none;padding-left:0}


/* GROUPED LIST LIST ITEM HOVERS 
--------------------------------------------------------------  */

.grouped-grid .item .box{margin-bottom:5px;background-color:#fff;min-height:269px;padding:10px}
.grouped-grid .item .box:hover,.grouped-grid .item .box.hover{margin-bottom:5px;background-color:#fff;background:#F3F8FC none repeat scroll 0 0;padding:10px}


/* Generic Product Grid 
-------------------------------------------------------------- */

.generic-product-grid{width:100%}
.generic-product-grid td{border-bottom:1px solid #d9dde3;border-right:1px solid #d9dde3;margin:0;padding:0}
.generic-product-grid .last td{border-bottom:0}
.generic-product-grid .last{border-right:0}
.generic-product-grid .product-image{text-align:center}
.generic-product-grid .product-image p{margin:0;padding:0}
.generic-product-grid .empty-product{border-right:0}


/* GROUPED LIST LIST ITEM HOVERS 
--------------------------------------------------------------  */

.product-view-tips {float:right;padding-left:37px;width:249px}


/* PRODUCT POMOTIONS - PRICE AREA
--------------------------------------------------------------  */

.product-promo-list{border:1px solid #ccc;padding:9px;margin:18px 0 24px}
.product-promo-list ul{margin:3px 0 0 3px;padding:9px}
.product-promo-list ul li a{font-size:14px}
.item.box img{display:block}


/* PRODUCT POMOTIONS - OPTIONS LISTS
--------------------------------------------------------------  */
ul.options-list{list-style:none;margin:0;padding:0}

/* short-description
--------------------------------------------------------------  */

.short-description p:last-child{margin-bottom:7px}


/* Pricing styles
--------------------------------------------------------------  */
#product-info-box .price-terms{padding-left:20px;}
#price-container{padding-left:7px; margin-bottom:7px}

/* standard pricing styles */

#price-container .price{font-weight:700;font-size:17px; margin-bottom:7px}

/* Cashback pricing styles */
.cashback_text {font-weight:bold;}
.cashback-after-price {font-size:17px; font-weight:bold; color:#999;}


/* Cashback before */

#price-container span.cashback-before-holder,.cashback-after-holder{float:left}
#price-container span.cashback-before-holder{padding:0 10px 0 0;border-right:1px solid #ccc}
#price-container .cashback-before-holder span,#price-container .cashback-before-holder p.price{color:#999}
#price-container span.cashback-before-holder .price{font-weight:700;font-size:17px;margin-bottom:5px}
#price-container span.cashback-before-text{clear:both;margin-bottom:5p}

/* Cashback after */

.cashback-after-holder{margin-right:24px;margin-left:10px}
.cashback-after-holder .cashback-after-price{font-weight:700;font-size:17px}

#price-container span.cashback-before-price, #price-container span.cashback-after-price{margin-bottom:5px}
#price-container p{margin-bottom:3px}

/* Cashback Disclaimer */

.cashback-disclaimer-holder{float:left;width:170px}
.cashback-disclaimer.small{margin-bottom:7px}
.cashback-amount{clear:both; color:#474747;}

/* Cashback pricing styles */

#price-container.special .price{font-weight:700;font-size:17px}
.price-offer{font-weight:700; margin-bottom:3px}


/* Options
--------------------------------------------------------------  */

/* Options lists */

ul.options-list {margin:0 0 12px 0} 
ul.options-list li {background-position:-296px -1810px;margin-bottom:5px;padding:0 0 0 17px}

/* Options text and links */

span.options-title { color:#000;font-size:12px}
a.options-link {font-size:12px; font-weight:700}

/* Product options
--------------------------------------------------------------  */

/* Services heading */

h2.services-finance-header {color:#000;font-size:12px}

/* Options lists */

#product-options {border:1px solid #d8d8d8; margin-bottom:21px;padding:10px}


/* Options lists */
#product-options-list {margin:0 0 0 10px;list-style:none;padding:0}
#product-options-list li{background-position:-295px -1504px; padding-left:15px}
#product-options-list span {display:inline-block}
.options-list-item {margin-right:12px;width:120px}

/* POP UP SLIDES */

#numoOverlay{background-color:#000;display:none;filter:alpha(opacity=80);height:100%;left:0;position:fixed;top:0;width:100%;z-index:770;}
#numoContainer{background:#FFF;color:#aeaeae;height:auto;left:50%;padding:0 50px;padding-top:30px;position:absolute;top:50%;width:600px;z-index:10000;}
#target.loading,#numoOverlay.loading{background:#FFF url('../images/numoshow/ajax-loader.gif') no-repeat center center;float:left;}
#numoInfoContainer{display:none;height:28px;}
#numoContainer a.prev-numo,#numoContainer a.next-numo{display:block;left:0;position:absolute;text-align:center;width:6em;}
#numoContainer a.prev-numo{background-position:-200px 0;left:1px;right:auto}
#numoContainer a.prev-numo:hover{background-position:-200px -90px}
#numoContainer a.next-numo{background-position:-330px 0;left:auto;right:1px;}
#numoContainer a.next-numo:hover{background-position:-330px -90px;left:auto;right:1px;}
#numoContentWrapper{position:absolute;right:20px;top:20px;width:240px;z-index:999;}
#numoShowClose{background:transparent url('../images/numoshow/numoshow-close.gif') no-repeat scroll left top;display:block;font-size:10px;height:12px;position:absolute;right:50px;top:20px;width:56px;z-index:5;}
#numoShowClose:hover{background-position:bottom left;}
#numoThumbContainer{padding-top:12px;}
#numoThumbContainer img{border:none;display:block;padding:2px;}
#numoThumbContainer a{background:url('../images/numoshow/ajax-loader-thumb.gif') no-repeat center center;border:1px solid #CCC;display:block;float:left;margin-bottom:10px;margin-right:6px}
#numoThumbContainer a.active{border:1px solid #F60;}
#numoInfoHeading{color:#333;font-weight:bold;}
#numoInfoHeading p{margin:0 0 6px;padding:0;}
.clear{clear:both;}
#target{float:left;}
#numoContainer #prev-inside,#numoContainer #next-inside,#numoShowClose span{display:none;}



/* product-info-box */

div.col-1-layout div.two-col div.col-1 { width:434px}
div.col-1-layout div.two-col div.col-2 { width:434px; margin-right:0}

#product-contactus {border:1px solid #D8D8D8; padding:10px; margin-bottom:21px; font-size:15px; line-height:1.2; background:#E5F4F9}
.catalog-product-view .wish {margin-right:30px;} 
	
	
/* SOCIAL MEDIA */
.addthis_toolbox a.at300b {width:100px; height:20px; overflow:hidden; margin-right:3px}
.catalog-product-view .addthis_toolbox {height:20px; padding:3px 0; display:inline; float:left;}
.addthis_button_facebook_like {width:100px}
