@charset "UTF-8";
/* CSS Document */

/* standards */

body
{
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}

/* stylesheet rules for product pages - prefix all classes and ID's with 'prdpg_' for easy identification when adding to main stylesheet */

.align
{
width: 780px;
display: block;
margin-left: auto;
margin-right: auto;
}
.prdpg_container
{
width: 780px;
/* build guides 
border-style: dashed;
border-width: 1px;
border-color: #0000FF;*/
}

.prdpg_left_block
{
width: 416px;
float: left;
margin-right: 15px;
z-index: 0;
}
.prdpg_right_block
{
width: 349px;
float: left;
}

.prdpg_mainimg
{
width: 416px;
height: 392px;
/* "margin-right: 20px;"  must set to 22px when border is removed - may not be needed if using left/right blocks */
margin-bottom: 18px;
float: left;
/* build guides 
border-style: dashed;
border-width: 1px;
border-color: #000000;*/
}

#blackout
{
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
opacity: 0;
filter:alpha(opacity=0);
background-color:#FFFFFF;
z-index: 50000;
display: none;
}

#closeLabel
{
position: absolute; 
-index: 50002;
top: 10px;
left: 688px;
}

#XButtonUI
{
position: absolute;
z-index: 50002;
top: 10px;
left: 746px;
}

#largeImg {
display: none;
width: 778px;
height: 778px;
position: absolute;
margin-left: auto;
margin-right: auto;
top: 100px;
z-index: 50001;
border-color: #dadada;
border-style: solid;
border-width: 1px;
opacity: 0;
filter:alpha(opacity=0);
}
#megaZoomImg
{
position: absolute;
}

#prdpg_zoomImgID
{
width: 348px;
height: 348px;
border-style: solid;
border-width: 1px;
border-color: #dadada;
float: right;
cursor: pointer;
}

#prdpg_zoom_guide
{
position: relative;
width: 87px; /* previously 116 square */
height: 87px;
border-style: solid;
border-color: #666666;
border-width: 2px;
z-index: 2000;
cursor: pointer;
visibility: hidden;
background-color: #cccccc;
opacity: 0.3;
filter:alpha(opacity=30);
}

.prdpg_flyout_layer
{
display: none;
position: relative;
left: 0px;
top: 0px;
width: 348px;
height: 348px;
border-style: solid;
border-color: #dadada;
border-width: 1px;
overflow: hidden;
z-index: 2000;
}

.prdpg_flyout_img
{
position: absolute;
top: 0px;
left: 0px;
}

#prdpg_magnified_img {
width: 1392px;
height: 1392px;
}

.prdpg_selectedTab
{
position: absolute;
width: 140px;
height: 12px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #d2d6d9;
border-bottom-color: #FFFFFF;
font-size: 11px;
padding: 8px 8px 8px 8px;
background-color: #FFFFFF;
z-index: 0;
cursor: pointer;
color: #8d8c8c;
}
.prdpg_unselectedTab
{
position: absolute;
width: 140px;
height: 12px;
border-style: solid;
border-width: 1px 1px 0px 1px;
border-color: #edecec;
border-bottom-color: #d2d6d9;
font-size: 11px;
padding: 8px 8px 8px 8px;
background-color: #f6f6f6;
margin-left: 164px;
z-index: 0;
cursor: pointer;
}

/* V carousel rules */

.v_c_container
{
width: 66px;
height: 293px;
background-color:#CCCCCC;
float: left;
}
.v_c_container2
{
width: 66px;
height: 293px;
background-color: #FFFFFF;
}
.v_c_up_ui
{
position: absolute;
margin-top: 0px;
cursor: pointer;
}
.v_c_down_ui
{
position: absolute;
margin-top: 260px;
cursor: pointer;
}
.v_ribbon_cropbox
{
position: absolute;
margin-top: 32px;
width: 66px;
height: 228px;
padding: 0px;
background-color: #FFFFFF;
overflow: hidden;
}


.img_slctd
{
border-style: solid;
border-width: 1px;
border-color: #825067;
width: 51px;
height: 51px;
margin-top: 4px;
}
.img_unslctd
{
border-style: solid;
border-width: 1px;
border-color: #FFFFFF;
width: 51px;
height: 51px;
margin-top: 4px;
}
.img_thumb
{
border-style: solid;
border-width: 1px;
border-color: #c6c5c4;
margin: 0px;
position: absolute;
cursor: pointer;
}
#v_ribbon
{
width: 66px;
height: 456px;
background-color: #FFFFFF;
position: relative;
top: 0px;
}

.prdpg_rec_prods_block
{
width: 379px;  /*368px without padding */
height: 188px; 
border-style: solid;
border-width: 1px;
border-color: #dadada;
margin-top: 0px;
margin-bottom: 14px;
vertical-align: middle;
padding: 0px 0px 0px 35px;
/* "margin-right: 22px;"  - may not be needed if using left/right blocks */
float: left;
/*background-color: #f6f6f6;  */
}

.rec
{
width: 96px;
font-size: 11px;
text-align: center;
float: left;
margin-right: 29px;
}

.rec3
{
width: 96px;
font-size: 11px;
text-align: center;
float: left;
}

.prdpg_prod_title
{
width: 339px; /* originally 390px */
min-height: 33px;
font-size: 2em;
font: Arial;
margin-bottom: 5px;
/*background-color: #f6f6f6;*/
float: left;
/*padding-left: 10px; */
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
}

.prdpg_tabs_container
{
width: 349px; /* set to 390px when border-removed */
min-height: 203px;
float: right;
/*margin-bottom: 14px;*/
/* build guides 
border-style: dashed;
border-width: 1px;
border-color: #FF0000;*/
}
.prdpg_tab_button_cont
{
width: 349px;
height: 24px;
}
#allTabs
{
width: 323px;
min-height: 142px;
height: auto !important;
height: 142px;
border-style: solid;
border-color: #d2d6d9;
border-width: 1px;
margin-top: 4px;
background-color: #FFFFFF;
z-index: -1;
padding: 24px 12px 12px 12px;
display: block;
}
#tab1
{
width: 323px;
min-height: 142px;
background-color: #FFFFFF;
visibility: visible;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4b4848;
}
#tab2
{
/*position: relative;*/
background-color: #FFFFFF;
width: 323px;
min-height: 142px;
height: auto !important;
height: 142px;
display: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4b4848;
}

.prdpg_items_container
{
width: 349px; /* make 390px when border is removed */
float: right;
/*margin-top: 14px;*/
/* build guides 
border-style: dashed;
border-width: 1px;
border-color: #FFFF00;*/
}

.prdpg_prod_name_price
{
min-height: 23px;
width: 339px;
padding-left: 10px;
padding-top: 10px;
margin-bottom: 13px;
background-color: #f6f6f6;
float: right;
vertical-align: middle;
font-size: 13px;
color: #777777;
}

.prdpg_price_range_txt
{
font-weight: bold;
font: Arial;
font-size: 13px;
}

.prdpg_prod_name_txt
{
font-weight: bold;
font-size: 13px;
color: #4b4848;
font: Arial;
}

.prdpg_prices_col
{
margin-top: 18px;
margin-bottom: 18px;
}

.prdpg_items_block
{
/* build guides 
border-style: dashed;
border-width: 1px;
border-color: #00FFFF;*/
}

.prdpg_buttons
{
text-align: left;
padding-top: 18px;
margin-top: 18px;
height: 80px;
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #dadada;
}

.prdpg_buttons a
{
float: left;
font-size: 11px;
color: #4b4848;
font-weight: bold;
margin-left: 85px;
}

.prdpg_buttons img
{
margin-bottom: 11px;
}

.prdpg_txt_opt_button_cntnr {
border-style: none;
border-width: 0px;
width: 348px;
float: right;
margin-top: 12px;
}

.opt_link_txt {
width: 108px;
float: left;
}

a.opt_buttons {
text-decoration: none;
color: #777777;
}

a:hover.opt_buttons {
text-decoration: none;
color: #dadada;
}

a.opt_buttons img {
vertical-align: middle;
}

.prdpg_buttons_container
{
float: right;
margin-left: 26px;
margin-top: -5px;
width: 133px;
}

.prdpg_buttons_container input
{
margin-bottom: 11px;
}

.prdpg_vouchers
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4b4848;
text-align: left;
width: 416px;
height: 42px;
/*background-color: #f6f6f6;*/
}

.prdpg_vouchers a
{
color: #4b4848;
}

.prdpg_vouchers img
{
float: left;
margin-left: 0px;
}

.prdpg_vouchers span
{
position: relative;
top: 8px;
}

.prdpg_variant_drop_down select
{
	width: 280px;
	font-family: Arial, Lucida Console;
	font-size: 11px;
	margin-bottom: 5px; /*space between variant colours */
}

.prdpg_variant_colour
{
	width:100%;
	padding-top:3px;
}

.prdpg_wasprice
{
 font-weight:bold;
}

.prdpg_nowprice
{
 font-weight:bold;
 color:#DC143C;
}

.prdpg_itemprice
{
	font-weight:bold;
}

.prdpg_itemtext
{
	font-size:12px;
	font-weight:bold;
	padding-right:2px;
}

.prdpg_accessory_list
{
	margin-left: -11px;
}

.prdpg_accessory
{
	width: 120px;
}
.prdpg_accessory td
{
	 vertical-align:middle;
	 text-align:center;
}

.prdpg_accessory img
{
	width:96px;
	height:96px;
	border:solid 1px #ffffff;
}

prdpg_accessory_top
{
	height:96px;
}

/* tab 2 content styles */
.label {
background-color: #edecec;
}
.labelTxt {
font-size:11px;
font-weight: bold;
}
.labelEnd {
border-top: solid 1px #edecec;
}
.labelTxt2 {
font-size: 14px;
}
.bodyTxt {
font-size: 11px;
}