/**/
.ProductBreakH
{
	width: 835px;
	height: 1px;
	float: left;
	display: inline;
	margin-left: 0px;
	margin-right: 5px;
	border-bottom: solid 1px #BBBBBB;
	padding-top: 10px;
}

#imageCategory
{
	display: block;
	float: left;
	width: 540px;
	height: 360px;
	position: relative;
	margin-top: 5px;
	margin-right: 10px;	
	border-right: solid 1px #BBBBBB;
	overflow: hidden;
}

#imageCategory #image
{
	width: 100%;
	text-align: center;	
	display: block;
	float: left;
	height: auto;
	bottom: 0px;
	overflow: hidden;
	position: absolute;
}

#imageCategory .imgnav
{
	position: absolute;
	height: 20px;
	width: 20px;
	bottom: 5px;
	outline: none;
	cursor: pointer;
	z-index: 5;
}

#previmg
{
	right: 35px;
	background: url(/App_Themes/Default/Images/Product/Back.png) left center no-repeat;
}

#previmg:hover
{
	background: url(/App_Themes/Default/Images/Product/BackOn.png) left center no-repeat;
}

#nextimg
{
	right: 10px;
	background: url(/App_Themes/Default/Images/Product/Forward.png) right center no-repeat;
}

#nextimg:hover
{
	background: url(/App_Themes/Default/Images/Product/ForwardOn.png) right center no-repeat;
}

#playpauseimage
{
	left: 50%;
	margin-left: -25px;
	background: url(/App_Themes/Default/Images/Product/Play.png) right center no-repeat;
}

.ProductDetails
{
	width: 275px;
	height: 360px;
	display: inline;
	float: left;
	margin-top: 10px;
	color: #666666;
}

.ProductDetails th, .ProductDetails td
{
	font-size: 10px;
	padding: 1px;
}

.ProductDetails .Name
{
	display: block;
	float: left;
	height: 60px;
	width: 100%;
	position: relative;
}

.ProductDetails .Name h1 span
{
	font-size: 15px;
}

.ProductDetails .Name h4 span
{
	font-size: 10px;
}

.Details
{
	display: block;
	float: left;
	height: 120px;
	width: 150px;
text-align:left;
}

.Details table
{
padding-top:10px;
}

.ProductCutout
{
	display: block;
	float: left;	
	width: 120px;
	height: 120px;
}

.ProductDetails .Details h3 span
{
	font-size: 18px;
}
.UspBullets
{
	font-size: 10px;
	margin-left: 15px;
}

.ProductDetails .USPs
{
	display: block;
	float: left;
	height: 100px;
	width: 100%;
	margin-top: 10px;
	padding-top: 10px;
	color: #666666;
	border-top: solid 1px #BBBBBB;
}

.ProductDetails .USPs h3
{
    font-size: 14px;
    padding-bottom: 6px;
}

.ProductDetails .USPs span
{
    font-size: 10px;
}

.WhereToBuyButton a
{
	background-image: url(/App_Themes/Default/Images/Product/WhereToBuyOff.jpg);
    display: block;
	float: left;
	width: 140px;
	height: 25px;
	margin-bottom: 2px;
}

.WhereToBuyButton a:hover
{
	background-image: url(/App_Themes/Default/Images/Product/WhereToBuyOn.jpg);
}

.Currency
{
	font-family: Arial;
	display: block;
	float: right;
	margin-top: 5px;
}

/*** Tabs ***/

.MyTab .ajax__tab_header
{
	display: block;
	float: left;
	height: 20px;
	width: 800px;
	margin-left: 10px;
}

.TabSection
{
	display: block;
	float: left;
	width: 825px;
	height: 130px;
}

.MyTab .ajax__tab_tab
{
	width: 92px;
	height: 20px;
	display: block;
	float: left;
	background-position: top center;
	background-repeat: no-repeat;
	font-size: 10px;
	text-align: center;
	padding-top: 3px;
	color: #555555;
}

.MyTab .ajax__tab_outer
{
	background-image: url(/App_Themes/Default/Images/Product/TabOff.jpg);
	background-repeat: no-repeat;
}

.MyTab .ajax__tab_active .ajax__tab_outer
{
	background-image: url(/App_Themes/Default/Images/Product/TabOn.jpg) !important;
	background-repeat: no-repeat;
}

.MyTab .ajax__tab_body
{
	display: block;
	float: left;
	height: 100px !important;
	width: 825px;
	border: solid 1px #BBBBBB;
	border-left: 0px;
	border-right: 0px;
}

.OptionBlock
{
	display: block;
	float: left;
}

.OptionBlock:hover
{
	cursor: pointer;
}

/*** Paint & Handle Options Boxes ***/

.OptionsPopUp
{
	display: block;
	background-color: #FFFFFF;
	border: solid 1px #666666;
	padding: 10px;
	width: 750px;
	height: 500px;
}

.OptionsPopUp h2
{
	color: #7B776A;
	font-family: Times New Roman;
	font-size: 20px;
    margin-bottom: 5px;
}

.OptionsPopUp h2 span
{
	color: #7B776A;
	font-family: Times New Roman;
	font-size: 20px;
    margin-bottom: 5px;
    width: 60%;
}

.OptionsPopUp .PopupLeft
{
	float: left;
	border-right: solid 1px #BBBBBB;
	display: block;
	width: 340px;
	height: 100%;
	color: #666666;
    font-size: 12px;
    padding-right: 10px;
}

.OptionsPopUp .PopupLeft .PaintProduct
{
	color: #666666;
    font-size: 12px;
    padding-top: 5px;
    display: block;
    float: left;
    width: 160px;
}

.OptionsPopUp .PopupLeft .Note
{
    display: block; 
    float: left;
    color: #666666;
    font-size: 11px;
    width: 330px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: solid 1px #BBBBBB;
}

.PopupLeft .HandleBlock
{
	display: block;
	float: left;
	height: 55px;
	width: 135px;
	margin-right: 30px;
	margin-top: 10px;
	font-size: 10px;
	color: #666666;
}

.PopupLeft .HandleBlock .Image
{   
    display: block;
    float: left;
    height: 55px;
    width: 55px;
    margin-right: 10px;
}

.PopupRight .HandleOptionPanel
{
	font-size: 10px;
	display: block;
	float: left;
	width: 30%;
}

.PopupRight .HandleOptionPanel h3
{
	font-size: 14px;
}
    
.OptionsPopUp .PopupRight
{
	float: left;
	display: block;
	width: 340px;
	height: 100%;
	margin-left: 5px;
	margin-top: 5px;
}

.OptionsPopUp .PopupRight h2
{
	width: 98%;
	display: block;
	float: left;
}

.PopupRight .Paint
{
    display: block;
    float: left;
    height: 90px;
    width: 70px;
    margin-right: 10px;
}

.PopupRight .PaintCategory
{
	display: block;
	float: left;
	height: 93px;
	margin-left: 20px;
	font-size: 10px;
	color: #666666;
}

.PopupRight .PaintBlock
{
	display: block;
	width: 70px;
	height: 70px;
	float: left;
	font-size: 10px;
	color: #666666;
}

.modalBackGround
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.CloseButton
{
	display: block;
	width: auto;
	position: absolute;
	right: 6px;
	top: 6px;
	z-index: 50;
}

.CloseButton input
{
	background-image: url(/App_Themes/Default/Images/Product/TabOn.jpg);
	z-index: 55;
}

/*** Scroller ***/

#thumbCategory 
{
	overflow: hidden;
	width: 765px;
	position: relative;
	display: block;
	float: left;
	margin-top: 8px;
}

#thumbs li
{
	list-style-type: none;
}

.ScrollArrow
{
	display: block;
	float: left;
	height: 90px;
	width: 30px;
}

/*In this range*/
#scrollcontainer
{
	overflow: hidden;
	width: 765px;
	position: relative;
	display: block;
	float: left;
	margin:0px;
}

.MiniThumbBlock
{
	vertical-align: baseline;
	bottom: 0px;
	margin-top: 5px;
	margin-right: 5px;
	height: 80px;	
	padding-right: 4px;
	padding-left: 4px;
}

.MiniThumbBlock:hover
{
	cursor: pointer;
}

#ctl00_MainContentPlaceHolder_productPanel
{
clear:none;
position:relative;
float:left;
display:block;
overflow:hidden;
margin:0px;
padding:0px;
width:692px;
}

.productLifestyleImages
{
overflow:auto;
}

.productLifestyleImagesScroller{
float:left;
position:relative;
clear:none;
width:10000px;
}

.productLifestyleImages img
{
margin:0px;
padding:0px;
float:left;
position:relative;
display:inline-block;
margin-right:1px;
clear:none;
opacity:0;
}


.productImageLeft, .productImageRight
{
top:200px;
	width: 50px;
	height: 50px;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	opacity: 0.85; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.85; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 85); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
	background-position: center center;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}

.productImageRight
{
background-image:url(/App_Themes/Default/Images/Category/categoryRight.png);
right:0px;
}
.productImageLeft
{
background-image:url(/App_Themes/Default/Images/Category/categoryLeft.png);
left:0px;
display:none;
}

.productTabWrapper{
position:absolute;
overflow:hidden;
height:156px;
bottom:0px;
width:692px;
}

.productTabHolder
{
display:block;
z-index:500;
position:absolute;

bottom:0px;
height:36px;
width:692px;
}

.tabUp{
display:block;
position:absolute;
top:12px;
left:665px;
}

.tabDown{
display:none;
position:absolute;
top:12px;
left:665px;
}

#ctl00_MainContentPlaceHolder_productTabArea
{
overflow:hidden;
height:146px;
}

#ctl00_MainContentPlaceHolder_tabTitles{
position:relative;
float:left;
width:95%;
height:30px;
}

.tabFill
{
float:left;
list-style:none;
padding:6px;
padding-left:0px;
padding-right:0px;
background-image:url(/App_Themes/Default/Images/Product/productTabBarBackground.png);
background-color:Transparent;
background-repeat:repeat-x;
height:24px;
width:620px;
cursor:default;
right:-35px;
top:0px;
position:absolute;
z-index:-1;
}

#ctl00_MainContentPlaceHolder_tabTitles ul li{
float:left;
list-style:none;
height:20px;
padding:6px;
padding-left:0px;
padding-right:0px;
background-image:url(/App_Themes/Default/Images/Product/productTabBarBackground.png);
background-color:Transparent;
height:24px;
}

#ctl00_MainContentPlaceHolder_tabTitles ul li img{
cursor:pointer;
}

.productWhereToBuy,
.productLooksGreatWith,
.productInThisRange,
.productPaintOptions{
position:absolute;
top:36px;
width:5000px;
background-color:White;
height:150px;
display:none;
opacity: 0.95; /* Standard CSS3 opacity setting */
-moz-opacity: 0.95; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
filter: alpha(opacity = 95); /* Opacity for Internet Explorer. */
}

#ctl00_MainContentPlaceHolder_tabTitles ul{
width:1000px;
}

.tabDown, .tabUp{
cursor:pointer;
}

.productPaintOptions
{
left:0px;
width:5000px;
color:#535252;
}

.productPaintIntro
{
margin:10px;
font-size:11px;
width:660px;
margin-left:15px;
position:absolute;
float:left;
z-index:200;
display:none;
}

.productPaintListGroup
{
margin-left:26px;
margin-right:26px;
margin-top:25px;
position:relative;
float:left;
}

.paintGroupLeft{
position:absolute;
left:10px;
top:-10px;
}

.paintGroupRight{
position:absolute;
left:325px;
top:-10px;
}

.productPaintList
{
cursor:pointer;
}
.paintLeft
{
position:absolute;
left:-15px;
top:30px;
}

.paintRight	
{
position:absolute;
right:-15px;
top:30px;
}

.productPaintList
{
float:left;
position:relative;
width:74px;
margin-right:5px;
text-align:center;
}

.productPaintList span
{
font-size:11px;
}

.productPaintIntro h5
{
font-size:13px;
margin-bottom:5px;
font-weight:bold;
color:#999999;
}

.paintNext{
float:right;
cursor:pointer;
}

.paintPrice
{
font-style:italic;
}

.paintLeft, .paintRight
{
cursor:pointer;	
}

#ctl00_MainContentPlaceHolder_paintPriceLabel{
font-weight:bold;
}

.productInThisRange{
overflow:auto;
}
.productLooksGreatWithContent{
overflow:auto;
}

.productInThisRangeContentScroller{
float:left;
position:relative;
clear:none;
width:10000px;
left:0px;
}

.productLooksGreatWithContentScroller{
float:left;
position:relative;
clear:none;
width:10000px;
left:0px;
}


.productInThisRangeItemDiv, .productLooksGreatWithItemDiv{
margin:0px;
padding:0px;
clear:none;
float:left;
position:relative;
padding-top:30px;
text-align:center;
width:126px;
height:80px;
vertical-align:bottom;
padding-bottom:0px;
}

.productInThisRangeSubDiv{
position:absolute;
text-align:center;
bottom:10px;
vertical-align:bottom;
width:100%;
}

.inThisRangeLeft, .looksGreatWithLeft{
position:absolute;
top:1px;
left:16px;
z-index:5000;
display:none;
cursor:pointer;
}

.inThisRangeRight, .looksGreatWithRight{
position:absolute;
top:1px;
left:656px;
z-index:5000;
display:none;
cursor:pointer;
}

.productLooksGreatWith .inThisRangeItemImage{
vertical-align:bottom;
position:absolute;
bottom:30px;
left:20px;
}

.productWhereToBuy img{
margin-top:10px;
position:relative;
float:left;
}

.productWhereToBuy .intro{
position:relative;
float:left;
font-size:11px;
color:#737373;
width:300px;
margin-left:22px;
margin-top:20px;
}

.productStockistsSearchArea{
float:left;
position:relative;
color:#737373;
font-size:11px;
margin-top:20px;
border-left:solid 1px #CCCCCC;
height:80px;
padding-left:20px;
}

.productStockistsSearchArea .townEntry{
width:230px;
margin-top:-10px;
margin-bottom:4px;
}

.productStockistsSearchArea .countryEntry{
width:130px;
margin-top:4px;
margin-bottom:4px;
}

.productStockistsSearchArea .searchButton{
width:100px;
margin-left:2px;
top:-1px;
position:relative;
}

.co-label{
display:none;
}

 .productInThisRangeItemDiv:hover h6
{
	text-decoration:underline;
}