/* CSS Document */
/*iframe upload page*/
.uploadFrame{
height:160px;
vertical-align:text-top; 
border-width:0px;
border:1px solid #ccc;
background:#fff;
padding:10px;
width:95%;
}
/* end of iframe upload page*/
/* Breadcrumb */

#breadcrumb{
font-size:110%;
color:#666;
padding-top:5px;
}

#breadcrumb ul{
margin:0px;
padding:0px;
height:35px;
overflow:hidden;
background:#f7f7f7;
border:1px solid #cfcfcf;
}

#breadcrumb li{
list-style:none;
float:left;
margin:0px;
padding:0px;

}

#breadcrumb li a{
display:block;
height:26px;
padding-top:8px;
text-indent:10px;
padding-right:19px;
background:url(../images/Breadcrumbs/breadcrumb-arrow.png) no-repeat right;
color:#333;
}

#breadcrumb li a:hover{
color:#666;
}

#breadcrumb li.home-breadcrumb a{
padding-top:10px;
height:24px;
text-indent:10px;
padding-right:19px;
}

/*end of breadcrumb*/
/* Product results navigation*/
.active{
color:#000;
}

.not_active{
color:#cfcfcf;
display:none;
}

.pageCurrentLast{
font-weight:bold;
}
/* End of Product results navigation*/

/*product wrap*/
#product_wrap{
	width:100%;
	height:100%;
	float:left;
	overflow:hidden;
/*	border-left:1px solid #cfcfcf;
	border-top:1px solid #cfcfcf;*/
}
/*end of product wrap*/

.ProductBox{
	position:relative;
	/*width:376px;
	width:250px;*/
	width:31.99%;
	height:315px;
	margin:0.5%;
	float:left;
	border:1px solid #cfcfcf;
/*	border-bottom:1px solid #cfcfcf;*/
	background:#FFF url(../images/Table_header_bkg.gif) repeat-x bottom;
}

.ProductBox .ProductHeader{
	font-weight:bold;
	margin:5px;
	font-size:100%;
	text-align:center;
}

.ProductBox .ProductHeader h2{
	text-align:center;
	margin:0;
	padding:0;
	font-size:120%;
}

.ProductBox .ProductImage {
	height:150px;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	/*border:1px solid #cfcfcf;*/
	overflow:hidden;
	margin-bottom:5px;
	text-align:center;
}

.ProductBox .Productprice{
 text-align:left;
 font-size:120%;
 text-align:center;
 margin-top:10px;
 clear:left;
}

.Productprice .price_display{
color:#0066CC;
font-weight:bold;
font-size:180%;
}

.ProductBox .ProductOptions{
 font-size:90%;
 text-align:center;
 clear:left;
}

.ProductBox .ProductOptions ul{
margin:0px;
padding:0px;
margin:auto;
}
.ProductBox .ProductOptions li{
margin:0px; 
padding:0px; 
margin-right:5px;
list-style-type:none;
}

.ProductBox a{
color:#0066CC;
}

.ProductBox .Buttons {
text-align:center;
}

.ProductBox .ButtonSet2{
text-align:center;
}

.ProductBox .Buttons a{
	margin-top:5px;
	margin-bottom:5px;
}

.ProductBox .Productinfo{
	margin:auto;
	margin-top:5px;
	width:250px;
	height:50px;
	width:225px;
	overflow:hidden;
	font-size:90%;
	line-height:1.3em;
}

.ProductBox .Productupdate{
	margin-top:10px;
	margin-left:5px;
	font-size:10px;
	display:none;
}


.ProductBox .SRP{
text-decoration:line-through;
color:#FF0000;
font-weight:bold;
}

.ProductBox .Productoffer{
	width:50px;
	height:50px;
	position:absolute;
	right:0;
	bottom:0;
	background:url(../images/offer_box.png) no-repeat;
}
.Productoffer span{
	display:none;
}

	/*Member rates popup table*/
	.discounthover {
	display:inline;
	position:relative;
	z-index: 1;
	}
	.discounthover table {
		position:absolute;
		left:-103px;
		bottom:20px;
		visibility:hidden;
		background-color:#FFFFFF;
		border:solid #cfcfcf 1px;
		width:20em;
	}
	.discounthover table td {
		padding:2px;
	}
	.discounthover:hover table {
		visibility:visible;
	}
	.notes{
		font-size:smaller;
		color:#999999;
	}
	/* end of member rates */
	
/* verticle layout for product results*/

.vert_products{
	position:relative;
	_position:static; /* IE6 hack*/
	float:left;
	width:100%;
	border-top:1px solid #cfcfcf;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	margin-bottom:5px;
	margin-top:10px;
	min-height:200px;
	_height:200px;
	background:url(../images/box-bkg.gif) repeat-x top;
}

.vert_products h2{
margin-top:0px;
}

.vert_products .vert_image{
/*	width:150px;
	height:150px;*/
	margin-left:auto;
	margin-right:auto;
	height:150px;
	overflow:hidden;
	float:left;
	font-size:75%;
	width:20%;
	border:1px solid #cfcfcf;
	margin:2px;
	text-align:center;
}

.vert_buttons{
	background:#eeeeee url(../images/box-bkg2.gif) repeat-x center top scroll;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	padding-top:10px;
	padding-bottom:0px;
	height:30px;
	width:99%;
	padding-left:1%;
	top:158px;
	_margin-top:150px;
	left:0;
	position:absolute;
	_position:static;
}

.vert_products a{
color:#0066CC;
}

.vert_products a:hover{
border-bottom:1px;
}

.deliverymessage{
	margin-left:5px;
	font-size:90%;
	color:#666666;
}

.vert_products .vert_details{
	/*border-left:1px dotted #999;*/
	min-height:148px;
	_height:148px;
/*	text-align:justify;*/
	font-size:100%;
	float:left;
	width:48%;
	padding-left:1%;
	padding-top:2px;
}

.vert_details .description{
font-size:90%;
line-height:1.3em;

}

.vert_products .vert_details_alt{ 
	/*border-left:1px dotted #999;*/
	min-height:148px;
	_height:148px;
	/*text-align:justify;*/
	font-size:100%;
	float:left;
	width:75%;
	padding-left:1%;
	padding-top:2px;
}

.vert_products .vert_prices{
	/*border-left:1px dotted #999; 
	min-height:147px;
	_height:147px;
	text-align:left;
	font-size:100%;
	float:right;
	width:28%;
	padding-top:7%;
	padding-left:1%;
	padding-right:1%;*/
}
.vert_products .vert_prices .vert_prices_table td{
	height:152px;
	min-height:152px;
	_height:152px;
	vertical-align:middle;
	width:30%;
	text-align:center;
}


.vert_products .vert_prices ul{
margin:0px;
padding:0px;
}
.vert_products .vert_prices li{
margin:0px;
padding:0px;
list-style-type:none;
}

.vert_products .price_display{
	color:#0066CC;
	font-weight:bold;
	font-size:200%;
}

.vert_products .VATPrice{
	color:#FF0000;
}

.vert_products .SRP{
text-decoration:line-through;
font-size:125%;
color:#FF0000;
font-weight:bold;
}

.vert_products .TradePrice{
font-size:150%;
font-weight:bold;
}

.vert_products .vert_viewimage{
	height:13px; 
	width:560px;
}

.vert_products .Productoffer{
	width:50px;
	height:50px;
	position:absolute;
	right:0;
	top:0;
	background:url(../images/offer_list.png) no-repeat;
}

/* end of verticle layout for product results*/


/* view product*/	
#viewproduct {
	margin:auto;
}
	
#viewproduct form {
	padding:0px;
	margin:0px;
}

#viewproduct .Pricebox{
margin-bottom:10px;
}

#viewproduct .Qty{
margin-top:5px;
}


#OptComboPriceEx{

}

#OptComboPriceInc{

}

.LargePrice{
font-size:200%;
font-weight:bold;
}

.LargePrice .vatlabel{
font-weight:100;
font-size:50%;
}

.SmallPrice{
}
.SmallPrice .vatlabel{

font-weight:100;
}

#AddtoCart {
	margin:3px;
	font-size:100%;
}
#productimage {
	float:left;
	height:250px;
	width:350px;
	overflow:hidden;
	font-weight:bold;
	margin:0px;
	padding:0px;
	margin-top:5px;
}
#ViewProductInfo {
	float:left;
	width:100%;
	margin-top:10px;
}
ul.Tab_view {
	margin:0px;
	padding:0px;
	height:25px;
}
.Tab_view li {
	float:left;
	width:100px;
	_width:100px;
	margin:0px;
	padding:0px;
	text-align:center;
	list-style-type:none;
	margin-right:1px;
}
.Tab_view li a {
	width:100%;
	height:20px;
	padding-top:5px;
	display:block;
	color:#ffffff;
	background:url(../images/tab.jpg) no-repeat;
}
.Tab_view li a:hover {
	background:url(../images/tab-over.jpg);
	color:#ffffff;
}

#view_desc{
	width:99%;
	float:left;
	margin-top:5px;
	padding:3px;
	border:1px dotted #999;
	background-image:url(../images/Table_header_bkg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#product_content {
	width:100%;
	float:left;
	margin-top:5px;
	padding:3px;
	border:1px dotted #999;
	background-image:url(../images/Table_header_bkg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#back2top {
	margin-top:10px;
	margin-bottom:10px;
	width:100%;
	float:left;
}
#enlarge {
	margin:5px;
}

#productoptions{
float:left;
/*margin-left:205px;*/
margin-left:50px;
padding:5px;
/*border:1px dotted #666;
background:url(../images/Table_header_bkg.gif) repeat-x bottom;*/
/*width:300px;*/
}


#productoptions .ProductPrice{
margin-bottom:10px;
}
#productoptions .ProductParameter{
margin-bottom:10px;
}

/* end of view product*/

/* Products Gallery */
#gallery {
	margin:0px;
	padding:0px;

}
#gallery ul {
	margin:0px;
	padding:0px;

}
#gallery li {
	margin:0px;
	list-style:none;
	float:left;
/*	border-left:1px dotted #666666;
	border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;*/
	width:110px;
	height:110px;
	overflow:hidden;
	margin-right:3px;
}
#gallery li#last {

/*	border-right:1px dotted #666666;
	border-bottom:1px dotted #666666;*/
}

/* end of Products Gallery*/

/* image Categories*/


.imagecategory{
width:100%;
float:left;
margin-bottom:5px;
padding-bottom:5px;
}
.imagecategory ul{
margin:0px;
padding:0px;
margin:auto;
}

.imagecategory li{
margin:0px;
padding:0px;
list-style-type:none;
margin:18px;
border:1px solid #cfcfcf;
float:left;
text-align:center;
}

.imagecategory  .categoryname{
	font-weight:bold;
	background:#eeeeee;
	width:144px;
	padding:3px;
	border-top:1px solid #cfcfcf;
}

.imagecategory  .categoryname a{
	color:#000;	
	}
.imagecategory  .categoryname a:hover{
	color:#fff;	
	}	

.categoryname:hover{
	background:#cfcfcf;	
	}

.imagecategory li a{
width:150px;
height:150px;
overflow:hidden;
color:#000;	
	}
	
.imagecategory li a img{
	opacity:0.8;
	filter:alpha(opacity=80);
	
}

.imagecategory li a:hover img{
	opacity:1.0;
	filter:alpha(opacity=100);
}
	
/* end of image categories*/
/*Option system*/
.optionnumberfield {
	width:5em;
}

/*Product Review and Rating*/

.product_review{
padding-bottom:3px;
}
a.product_review_link{
color:#0066CC;
border-bottom:1px dotted #0066CC;
padding-bottom:3px;
}

#Product_Review{
background-color:#f7f7f7;
}

.add_review_error{
	margin-top:10px;
	margin-bottom:10px;
	color:#F00;
	}

.ratethisproduct{
background-color:#eeeeee;
border:1px solid #cfcfcf;
margin-top:5px;
margin-bottom:5px;
width:410px;
padding:5px;
}

.ratethisproduct label{
margin:0px;
padding:0px;
display:inline;
float:none;
width:10px;
}
/*end of Product Review and Rating*/

/* basic buttons styling*/

a.backorder {
color:#FF0000;
border-bottom:1px dotted #FF0000;
padding-bottom:3px;
/*width:65px;
height:18px;
background-image:url(../_buttons/back_order.gif);
background-repeat:no-repeat;
text-decoration:none;*/
}

a.addtobasket {
color:#0066CC;
border-bottom:1px dotted #0066CC;
padding-bottom:3px;
/*width:65px;
height:18px;
background: url(../_buttons/add_to_shopping_cart.png) no-repeat;
text-decoration:none;*/
}

a.viewimage{
color:#0066CC;
border-bottom:1px dotted #0066CC;
padding-bottom:3px;
}
a.viewdetail{
color:#0066CC;
border-bottom:1px dotted #0066CC;
padding-bottom:3px;
}

.addtobasket span{
/*visibility:hidden;*/
}
.backorder span{
/*visibility:hidden;*/
}

.viewimage span{
/*visibility:hidden;*/
}
.viewdetail span{
/*visibility:hidden;*/
}

/* end of product button  styling*/

/*Promotions gallery*/
.promotiongallery{
font-size:0;
}
.promotiongallery a {
}
.promotiongallery img {
}
.largepromotion {
/*height is required here!!!*/
	height:375px;
}
.largepromotion a{
	width:755px;
	height:375px;
	overflow:hidden;
	text-align:right;
}
.mediumpromotion{
width:755px;
margin:0px;
padding:0px;
text-align:right;
margin-top:1px;
}
.smallpromotion {
width:755px;
margin:0px;
padding:0px;
text-align:right;
margin-top:1px;
}

#promotion-clear{
margin:0px;
padding:0px;
font-size:0;	
}

/*promotions*/

/* View Page Template */

.compound{
margin:0px;
padding:0px;
margin-top:5px;
width:100%;
}

.compound div{
}
.compound .boxholder {
	padding:5px;
}

.compound #header{
padding:5px;
}

.compound #tier_one{
margin-top:5px;
float:left;
width:100%;
}

#product_options{
width:63.5%;/*width should only be used if this appears on the left hand side*/
padding:1%;
background:#eeeeee;
}

#product_options .ProductParameter{
margin-bottom:10px;
}

#product_options #Pricebox{
margin-bottom:10px;
}

#product_options #Pricebox #AddToBasket{
vertical-align:bottom;
margin-left:10px;
}

#product_options #Pricebox .Qty{
margin-left:10px;
}

#product_options #Pricebox .LargePrice{
font-size:200%;
color:#0066cc;
font-weight:bold;
}

#product_options #Pricebox .button_image{
	vertical-align:bottom;
}

#product_options #Pricebox .SmallPrice{
font-size:100%;
font-weight:normal;
margin-left:10px;
}

#product_options #Pricebox .LargePrice .vatlabel{
font-weight:normal;
font-size:50%;
}

#product_options #options{

}

#product_options #options p{

}


#product_options #delivermessage{
margin-bottom:5px;
margin-top:3px;
}

#product_options .componentgroup{
border:1px solid #cfcfcf;
padding:1%;
margin-bottom:5px;
width:98%;
}

#product_options .componentgroup .groupname{
padding:3px;
font-weight:bold;
}

#product_options .componentgroup .togglearea{
	float:right;
	font-weight:100;
}

#product_options .componentgroup .component	{
margin-bottom:2px;
}


.componentgroup .component .component_table{
width:100%;
}
.componentgroup .component .component_table td{
background:#fff;
border-bottom:1px solid #eeeeee;
padding:5px;
}

.component_table .component_select{
width:5%
}

.component_table .component_price{
width:20%
}

.component_table.component_productname{
width:75%
}

.component_table .component_options{

}

#imagearea{
float:right;
width:33%;
/*border:1px solid #cfcfcf;*/
overflow:hidden;
}

#imagearea #largeimage{
/*border-bottom:5px solid #cfcfcf;*/
height:250px;
overflow:hidden;
}

#smallimage {
	max-width:250px;
	max-height:250px;
}

#imagearea #gallery{
overflow-y: hidden;
overflow-x: scroll;
scrollbar-track-color: #f7f7f7; 
scrollbar-darkshadow-color: #eeeeee; 
scrollbar-arrow-color: #cfcfcf; 
scrollbar-shadow-color: #fff; 
scrollbar-highlight-color: #fff; 
width:100%;
background:#eeeeee;
}

#gallery img{
border:1px solid #f7f7f7;
}

.galleryImage {
	width:150px;
	height:150px;
	background-color:white;
	float:left;
	display:block;
	overflow:hidden;
	text-align:center;
}
.galleryImage img {
	opacity:0.9;
}
.galleryImage:hover img{
	opacity:1;
}

.compound #tier_two{
margin-top:5px;
float:left;
width:100%;
}




/* End View Page Template */

/*basket etc */
.groupname {
	font-weight:bold;
}

.componentname {

}

.parametername {
	font-weight:bold;
}
.parametervalue {
	
}
ul.subcomponents {
	margin:0;
	padding:0;
}
li.component {
	margin:0;
	padding:0;
	margin-left:5px;
}
ul.options {
	margin:0;
	padding:0;
}
li.option {
	margin:0;
	padding:0;
	margin-left:10px;
}

/* Image zoom styles */

#zoomimage{
	font-size:0px;
	float:right;
	width:485px;
	height:247px;
	overflow:hidden;
	position:absolute;
	z-index:10;
	margin:10px auto 0px;
	top:310px; 
	left:205px;
	border: 5px solid #cfcfcf;
	background-color: #FFF;
	visibility:hidden;
}


/* product titles for box and grid item*/

.Pricetitle{
display:none;
}

.SRPtitle{
display:none;
}

.Tradetitle{
display:none;
}

.Savingstitle{
color:#F00;
}

.Savings{
	color:#F00;
}
.Savingstitle{

}

/* end of product titles for box and grid item*/

/* shop button basket, add and confirm buttons*/

.shopbtn{
background:#9C0;
color:#FFF;
border:0px;
padding:5px;
cursor:pointer;
}

.shopbtn:hover{
background:#9C3;
}

.shopbtn .additem{}

.shopbtn.updatebtn{
background:#F60;
padding:10px;
}

.shopbtn.updatebtn:hover{
background:#9C3;
}

.shopbtn.checkoutbtn{
padding:10px;
}

.shopbtn.emptybasket{
padding:10px;
background:#F00;
color:#FFF;
}

.shopbtn.emptybasket:hover{
background:#9C3;
}

.shopbtn.addvoucher{
height:36px;
vertical-align:bottom;
}

.shopbtn.voucherclear{
background:#F00;
color:#fff;
height:36px;
vertical-align:bottom;
}

.shopbtn.confirmandpay{
font-size:150%;
font-weight:bold;
text-align:center;
}

.shopbtn.payment{
font-size:150%;
font-weight:bold;
text-align:center;
}



/* end of shop button basket, add and confirm buttons*/

.uploadedImage {
	max-width:50px;
	max-height:50px;
}
