/***********************************************************************/
/* Doors and Fittings                                                  */
/***********************************************************************/
/* Product information page                                            */
/***********************************************************************/

#pi
{
	float: left;
	width: 750px;
	margin: 0px;
}

/***********************************************************************/
/* Product left / right panels                                         */
/***********************************************************************/

#pi .pileft
{
	float: left;
	width: 350px;
}

#pi .piright
{
	float: left;
	width: 380px;
	margin-left:20px;
}

/***********************************************************************/
/* Brand and Manufacturer                                              */
/***********************************************************************/

#pi .brandmanu
{
    float: left;
    clear: left;
    padding: 10px 0px;
}

#pi .brandmanu h5
{
    float: left;
    clear: left;
    width: 100px;
    padding: 3px 0px;
}

#pi .brandmanu h6, #pi .brandmanu p, #pi .brandmanu a
{
    float: left;
    padding: 3px 0px;
}

#pi .brandmanu a
{
    font-size: 14px;
}

/***********************************************************************/
/* Links, File & Flags panes                                           */
/***********************************************************************/

#pi .pilinks, #pi .pifile, #pi .piflags
{
    float: left;
    width: 380px;
    padding: 4px 0px 10px 0px;
}

#pi .pilinks .bt, #pi .pilinks .bb, #pi .pifile .bt, #pi .pifile .bb, #pi .piflags .bt, #pi .piflags .bb
{
    display: none;
}

#pi .pilinks .bc, #pi .pifile .bc, #pi .piflags .bc
{
    float: left;
    border: none;
}

#pi .pilinks ul li, #pi .pifile ul li
{
    float: left;
    clear: both;
    padding: 5px 0px 3px 0px;
}

#pi .pilinks ul li .linkimg, #pi .pifile ul li .linkimg
{
    float: left;
    width: 50px;
}

#pi .pilinks ul li .lnk, #pi .pifile ul li .lnk
{
    float: left;
    padding: 5px 0px;
}

/************************************/
/* ProductInfoAsscThumbsPane        */
/************************************/

#pi .pifile ul li
{
	overflow: hidden;
	text-align: center;
	width: 340px;
}

#pi .piimg
{
	width: 340px;
	text-align: left;
}

#pi .piimg .jqzoom
{
	margin: 0 0 0 10px;
}

#pi .pass_thumb .paitpanel
{
	width: 120px;
	text-align: center;
	float: left;
	margin: 0 0 0 20px;
}

#pi .pass_thumb .piatimg
{
}

#pi .pass_thumb .piattitle
{
	width: 120px;
	float: left;
	margin: 10px 0 0 0;
}

div.jqZoomTitle
{
	display: none !important;
}

#pi .cls_superattrribute .submit
{
	cursor: pointer;
}

#pi table.product_layout
{
	width: 745px;
}

#pi table.product_layout .product_layout_cell_left
{
	vertical-align: top;
	text-align: center;
	width: 340px;
}

#pi table.product_layout .product_layout_cell_right
{
	vertical-align: top;
}

#pi .pidesc h2
{
	clear: left;
padding: 0px 0px 20px 0px;
}

#pi h2
{
	clear: left;
}

#pi .pass_thumb
{
	float: left;
	display: inline-item;
}

#pi .price
{
	display: none;
}

#pi .pass_thumb a
{
	margin: 10px 0 0 20px;
	float: left;
}

#pi .piimg
{
	text-align: center;
}
#pi .piimg a
{
    float: none;
    margin-left: auto;
    margin-right: auto;
}

#pi label
{
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
#pi table.product_layout .product_layout_cell_right h5
{
	display: none;
}

#pi .pibuy
{
float: left;
clear: left;
}

#pi #buy_form
{
	width: 390px;
}

#pi #buy_form .inputtext
{
	color: #999999;
}

#pi #buy_form select
{
	color: #999999;
	float: left;
	clear: both;
}

#pi #buy_form label
{
	color: #999999;
	margin: 6px 0 6px 0;
	border-top: dotted 2px #cccccc;
	padding: 6px 0 0 2px;
}

/* Qty box */

#pi #buy_form .attr label
{
	width: 104px;
	padding: 4px 0px 0px 4px;
	border-top: none;
}

#pi #buy_form .attr .inputtext
{
	width: 30px;
	margin: 4px 0px 0px 4px;
	padding: 4px;
	text-align: center;
}

#pi #buy_form input.submit
{
	float: left;
	clear: both;
	padding: 0px;
	margin: 10px 0 0 6px;
}

#pi .sa_name
{
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 100%;
}

#pi .cls_superattrribute
{
	width: 100%;
}

#pi .cls_superattrribute img
{
	vertical-align: top;
	margin: 2px 0 0 8px;
}

#pi .cls_superattrribute .submit
{
	margin: 0px;
}

#pi .cls_superattrribute .bc
{
	border-bottom: dotted 2px #cccccc;
	padding: 4px 0 4px 0;
	margin: 4px 0 0 0;
}

#pi .cls_superattrribute .sa_name{
	border: none !important;
}
#pi .cls_superattrribute .sa_validator
{
	border: none !important;
color: #C63A19 !important;
}

#pi #safour_pnl_show td
{
	text-align: center;
}

#pi #safour_pnl_show .inputtext_short
{
	width: 50px;
	padding: 4px;
}

#pi #safour_pnl_show .inputtext_short_light
{
	color: #868686 !important;
	/*font-style: italic !important;*/
	width: 50px;
	padding: 4px;
}


#pi .cls_superattrribute .inputtext
{
	padding: 4px;
}
#pi #skuid
{
	padding: 4px;
}

/***********************************************************************/
/* Large image gallery                                                 */
/***********************************************************************/

#pi .gallery
{
	float: left;
	clear:left;
}

#pi .gallery h4
{
	width: 723px;
	margin-top: 20px;
	padding: 7px 10px 7px 10px;
	color: #3278D7;
	font-size: 18px;
	background-color: #F3F3F3;
	border-left: solid 1px #3278D7;
	text-align: left;
}

#pi .gallery .piimg_large
{
	float: left;
	width: 85px;
	margin: 10px 5px 5px 0px;
}


/***********************************************************************/
/* Associate, Recommended and Related products                         */
/***********************************************************************/
#pi .pass h3, #pi .prec h3, #pi .prel h3
{
	float: left;
	width: 723px;
	margin-top: 20px;
	padding: 7px 10px 7px 10px;
	color: #3278D7;
	font-size: 18px;
	background-color: #F3F3F3;
	border-left: solid 1px #3278D7;
	text-align: left;
}


/* Hide associated products and additional images */

#pi .pass
{
	display: none;
}

#pi .piimgx
{
	display: none;
}

/***********************************************************************/
/* JQuery                                                              */
/***********************************************************************/

#pi .jaq_load_image
{
	margin: 6px 0 0 0;
}

#pi #safour_pnl_show
{
	display: none;
}

#pi #imgjaq
{
	display: none;
}

#pi #dynpricejaq
{
	border: 0px;
	float: left;
	display: inline-item;
	font-size: 24px;
	height: 28px;
	width: 100%;
}

.pnotify
{
	font-size: 10px;
	font-family: Verdana;
	background-color: #666666;
	color: #ececec;
}

/* Notice
----------------------------------*/
.ui-pnotify
{
	top: 18px;
	right: 18px;
	position: relative;
	height: auto; /* Ensure that the notices are on top of everything else. */
	z-index: 9999;
}
/* This hides position: fixed from IE6, which doesn't understand it. */
html > body .ui-pnotify
{
	position: fixed;
}
.ui-pnotify .ui-pnotify-shadow
{
	margin: 0;
	position: absolute;
	top: 2px;
	left: 2px;
	bottom: -3px;
	right: -3px;
	z-index: -1;
}
.ui-pnotify-container
{
	background-position: 0 0;
	padding: 8px;
	height: 100%;
}
.ui-pnotify-closer
{
	float: right;
	margin-left: 2px;
}
.ui-pnotify-title
{
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 4px;
}
.ui-pnotify-text
{
	display: block;
}
.ui-pnotify-icon, .ui-pnotify-icon span
{
	display: block;
	float: left;
	margin-right: 2px;
}

.tipsy
{
	padding: 5px;
	font-size: 10px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-repeat: no-repeat;
	background-image: url(/images/tipsy.gif);
	font-size: 14px;
	text-align: left;
}
.tipsy-inner
{
	padding: 5px 8px 4px 8px;
	background-color: black;
	color: white;
	max-width: 200px;
	text-align: center;
}
.tipsy-inner
{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.tipsy-north
{
	background-position: top center;
}
.tipsy-south
{
	background-position: bottom center;
}
.tipsy-east
{
	background-position: right center;
}
.tipsy-west
{
	background-position: left center;
}



/************************************/
/* Custom Height/Width Popup Styling*/
/************************************/
#pi #sa_pnl_product_not_found
{
	display: none;
	z-index: 2000;
}

#pi #sa_pnl_product_not_found #sa_label_product_not_found_close
{
}

#pi #sa_pnl_product_not_found table
{
	width: 100%;
}

#pi #sa_pnl_product_not_found table label
{
}

#pi #sa_pnl_product_not_found td
{
	padding: 1px;
	text-align: left;
}

#pi #sa_pnl_product_not_found th
{
	padding: 2px;
	text-align: left;
	background-color: #3278D7;
	color: #ffffff;
}

#pi #sa_pnl_product_not_found #sa_label_product_not_found
{
	color: #000000;
}

.sa_pnl_product_not_found_show
{
	border: solid 1px;
	overflow: hidden;
	width: 280px;
	position: absolute;
	background-color: #fff;
	padding: 0px;
	margin: -40px 0 0 0;
}
.sa_pnl_product_not_found_show label
{
	border: dashed 1px;
	margin: 0px !important;
	border: 0px !important;
	padding: 0px !important;
}

#pi #sa_pnl_product_not_found #sa_label_product_not_found
{
	color: #000000;
}

#etail_popup_message
{
	font-size: 100%;
}

#etail_popup_message_link, #etail_popup_message_link a, #etail_popup_message_link a:hover
{
	font-size: 100%;
	float: right;
	text-decoration: underline;
	color: #3278D7;
}

#sa_label_product_not_found_close
{
	cursor: pointer;
	float: right;
	color: #ffffff;
	text-decoration: underline;
}
#modal-overlay
{
	position: fixed;
	z-index: 1010;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #ebebeb;
	display: none;
}

#pi .sa_pnl_product_popup_image_show
{
    position: relative;
    padding: 6px 6px 6px 0px;
margin: 10px 0 0 0;
}

#pi .sa_pnl_product_popup_image
{
    display: none;
    z-index: 2000;
    position: relative;
    background-color: #fff;
    padding: 6px 6px 6px 0px;
}

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens
{
    border: 1px solid #888;
    margin: -2px; /* Set this to minus the border thickness. */
    background-color: #fff;
    cursor: move;
}

/* This is for the title text. */
.cloud-zoom-title
{
    font-family: Arial, Helvetica, sans-serif;
    position: absolute !important;
    background-color: #000;
    color: #fff;
    padding: 3px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    top: 0px;
}

/* This is the zoom window. */
.cloud-zoom-big
{
    border: 1px solid #ccc;
    overflow: hidden;
    margin-left: 40px;
}

/* This is the loading message. */
.cloud-zoom-loading
{
    position: absolute;
    top: 0px;
    margin: 0px;
    color: white;
    background: #222;
    padding: 3px;
    border: 1px solid #000;
}