


/****** !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

CSS COPYRIGHT www.volocommerce.com - The CSS is prohibited from viewing, using in whole or part. 
Usage of the CSS may result in legal action. A notification has been sent to us letting us know 
this page has been accessed directly including the IP, Time and domain it was accessed from. 

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! *******/



/**********************************************/
/************ Css template 2col-v2 ************/
/**********************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-radius: 0px;
	
	font-size: 100%;
	font-family: 'apercuregular', arial, tahoma, verdana;
	
	-webkit-text-size-adjust: none;
	-webkit-appearance: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
	line-height: normal;
}

a:link,a:visited{
	color: #444444;
	text-decoration: none;
}

a:hover,a:active{
	color: #444444;
	text-decoration: underline;
}

form{
	display: block;
}

/**********************************************/
/************ Firefox ebay bug fix ************/
/**********************************************/

.item_description {
    font-size: 16px;
}

/**********************************************/
/************ Ebay iframe fix for fancybox ****/
/**********************************************/

#fancybox-wrap.top{
	top: 300px !important;
	bottom: auto !important;
}

#fancybox-wrap.feedback{
	top: 600px !important;
	bottom: auto !important;
}

/**********************************************/
/************ iframe fix for suggestions ******/
/**********************************************/

#BottomPanel{
	position: static;
}

/**********************************************/
/************ Background structure ************/
/**********************************************/

#Listing-Template{
	font-size: 0;
	text-align: center;
	background-color: #fff;
	background-image: url(images/bg-x.png);
	background-repeat: repeat-x;
}

#Listing-Template *{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: 'apercuregular', arial, tahoma, verdana;
}

#Listing-Centering{
	background-image: url(images/bg-x-footer.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}

#Page{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
}

.Mobile #Page{ width: 100%; }
.Desktop #Page{ width: 980px; }

#Page-Inner{
	width: 100%;
	float: left;
}

#Container{
	display: inline-block;
	width: 100%;
	margin: 0 auto;
	
	text-align: left;
}

@media only screen and (max-width: 320px){ 
.Mobile #Container{ width: 320px; }
}
@media only screen and (min-width: 321px){ 
.Mobile #Container{ width: 100%; }
}
.Desktop #Container{ width: 980px; }

#Container-Inner{
	width: 100%;
	float:left;
	position: relative;
	font-size: 16px;
}

/*******************************************/
/************ Content structure ************/
/*******************************************/

#Header-Container{
	float:left;
	width: 100%;
	height: 91px;
	position: relative;
}
							
#Tabbed-Menu{
	float:left;
	width: 100%;
	height: 42px;
	z-index: 100;
}
	
#Content-Container{
	float:left;
	width: 100%;
	z-index: 1;
}

#Menu-Left{
	float: left;
	width: 210px;
	margin: 20px 0 0 0;
}

#Content{
	float: right;
	width: 735px;
	margin: 20px 0 0;
	padding: 0;
}
	
#Footer{
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	height: 446px;
}

#Copyright{
	float: left;
	width: 100%;
	padding: 40px 0 0 0;
	text-align: center;
	height: 121px
}

/******************************************/
/************ Header Container ************/
/******************************************/

#Page-Logo{
	float: left;
	margin: 25px 0 0 -5px;
}

#Contact{
	float: right;
	text-align: right;
	margin-top: 15px;
}

#Contact h2{
	font-weight: normal;
	color: #444444;
	text-transform: uppercase;
	font-size: 0.8em;
}

#Contact h3{
	font-weight: normal;
	color: #407fb4;
	font-size: 1.5em;
	line-height: 24px;
	font-family: 'apercubold', Arial, Helvetica, sans-serif;
}

#Contact p{
	color: #444444;
	font-size: 0.7em;
}

#Social{
	float: left;
	margin: 32px 0 0 40px;
}

#Social a{
	float: left;
	margin: 0 3px;
}

/**********************************/
/******* Header Search ************/
/**********************************/

#Form-Search ul{
	float: left;
	margin: 28px 0 0 45px;
	list-style: none;
}

#Form-Search ul li{
	float: left;
}

#Form-Search ul li input{
	float: left;
	width: 230px;
	height: 30px;
	line-height: 30px;
	border: 1px solid #d5d5d5 !important;
	margin: 0;
	padding: 0;
	
	background-color: #ffffff;
	
	text-indent: 10px;
	font-size: 0.8em;
	color: #444444;
}

#Form-Search ul li input.Button{
	width: 69px;
	border: 0 !important;
	cursor: pointer;
	margin: 0 0 0 10px;
	padding: 0;
	
	background-image: url(images/search-submit.png);
}

/*************************************/
/************ Tabbed Menu ************/
/*************************************/

#Tabbed-Menu{
	font-size: 0.85em;
}

#Tabbed-Menu ul{
	float: left;
	width: 100%;
	list-style: none;
	z-index: 100;
	text-align: center;
}

#Tabbed-Menu ul li{
	display: inline-block;
	position: relative;
	z-index: 100;
}
* html #Tabbed-Menu ul li{
	float: left;
}

#Tabbed-Menu ul li.hover{
	background-color: #407fb4;
}

#Tabbed-Menu ul li.hover a{
	text-decoration: none;
	color: #ffffff;
}

#Tabbed-Menu ul li a{
	padding: 0 34px;
	float: left;
	height: 42px;
	line-height: 40px;
	
	color: #ffffff;
	text-transform: uppercase;
}

#Tabbed-Menu ul li#Home a{
	padding: 0;
	width: 42px;
	background-image: url(images/home.png);
	background-repeat: no-repeat;
	background-position: center;
}
#Tabbed-Menu ul li#Home a:hover{
	background-color: #407fb4;
}

/**********************************/
/************ Dropdown ************/
/**********************************/

#Tabbed-Menu ul li ul{
	position: absolute;
	top: 42px;
	left: 0;
	padding: 20px 0;
	background-color: #444444;
	text-align: left;
	width: auto;
}

#Tabbed-Menu ul li ul li{
	float: left;
}

#Tabbed-Menu ul li ul li a{
	float: left;
	height:26px;
	width: 220px;
	line-height:26px;
	padding: 0;
	text-indent: 20px;
	text-transform: none;
}

#Tabbed-Menu ul li ul li a:hover{
	background-color: #444444;
	color: #ffffff;
	text-decoration: underline;
}

/**********************************/
/************ Dropdown LEVEL3 *****/
/**********************************/

#Tabbed-Menu ul li ul li ul{
	display: none !important;
}

/*********************************/
/********* Selling-Points ********/
/*********************************/

#Selling-Points{
	float: left;
	width: 100%;
	height: 65px;
	text-align: center;
}

#Selling-Points div{
	float: left;
	width: 24.5%;
	margin: 6px 0 0 6px;
	height: 51px;
	border: 1px solid #558cbb;
}

#Selling-Points div.first{
	margin-left: 0;
}

#Selling-Points div h2{
	padding-top: 9px;
	color: #fff;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.8em;
	font-family: 'apercubold', Arial, Helvetica, sans-serif;
}

#Selling-Points div p{
	color: #fff;
	font-size: 0.7em;
}

/*********************************/
/************ Breadcrumbs ********/
/*********************************/

#Breadcrumbs{
	float: left;
	width: 100%;
	margin: 0 0 0;
	padding: 0;
	font-size: 0.7em;
	line-height: 26px;
	border-bottom: 1px solid #e1e1e1;
	text-transform: uppercase;
}

#Breadcrumbs div{
	display: inline;
}

#Breadcrumbs span{
	padding: 0 5px;
}

#Breadcrumbs a{
	color: #444444;
}

/*********************************/
/************ Heading ************/
/*********************************/

div.Heading{
	float: left;
	width: 100%;
	
	background-color: #538cbb;
	text-align: center;
}

div.Heading h2{	
	line-height: 40px;
	font-weight: normal;
	font-size: 1.1em;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'apercumedium', Arial, Helvetica, sans-serif;
}

/***************************************/
/************ Categories ***************/
/***************************************/

#Cat-List{
	float: left;
	width: 100%;
	font-size: 0.8em;
	margin: 0 0 10px;
}

#Cat-List ul{
	float: left;
	width: 100%;
	list-style: none;
}

#Cat-List ul li{
	float: left;
	width: 100%;
}

#Cat-List ul li ul{
	padding-bottom: 15px;
}

/*** FIRST LEVEL ***/

#Cat-List ul li a{
	float: left;
	width: 100%;
	line-height: 26px;
	text-indent: 15px;
	border-bottom: 1px solid #e1e1e1;
	text-transform: uppercase;
	font-family: 'apercubold', Arial, Helvetica, sans-serif;
	color: #444444;
}

/*** SECOND LEVEL ***/

#Cat-List ul li ul li a{
	float: left;
	width: 100%;
	line-height: 24px;
	text-indent: 15px;
	border: 0;
	text-transform: none;
	font-family: 'apercuregular', Arial, Helvetica, sans-serif;
}

/*** THIRD LEVEL ***/

#Cat-List ul li ul li ul li a{
}

/*******************************************/
/************ Content Container ************/
/*******************************************/

.Content-Wide{
	float: left;
	position: relative;
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
	margin: 0 0 0;
}

.Content-Wide-Top{
	float: left;
	width: 100%;
}

.Content-Wide-Content{
	float: left;
	padding: 25px 20px;
	width: 100%;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.Content-Wide-Bottom{
	display: none;
}

/******************************************/
/************ Tabbed Container ************/
/******************************************/

.Tabbed-Container .Content {
	width: 100%;
	/* height: 200px; */
	overflow: hidden;
	padding: 0;
}

.Tabbed-Container .Tabs{
	padding-top: 3px;
	background-color: #565656;
}

.Tabbed-Container .Tabs a.Tab-Link{
	float: left;
	text-indent: 0px;
	padding: 0 20px;
	margin: 0 15px;
	line-height: 40px;
	
	color: #ffffff;
	text-transform: uppercase;
	font-size: 0.8em;
	font-family: 'apercumedium', Arial, Helvetica, sans-serif;
	
}

.Tabbed-Container .Tabs a.Tab-Link:hover, .Tabbed-Container .Tabs a.Tab-Link.Selected{
	background-color: #fff;
	text-decoration: none;
	color: #444;
}

.Tabbed-Container .Tab-Content{ display: none; }
.Tabbed-Container div.Selected{ display: block; }

.Tab-Content{
	/*height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;*/
	width: 100%;
}

.Tab-Content#Returns-Content,
.Tab-Content#Delivery-Content{
	height: 450px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.Mobile .Tab-Content#Returns-Content,
.Mobile .Tab-Content#Delivery-Content{
	height: auto;
	overflow: auto;
}

.Tab-Content .Content-Wide,
.Content-Copied .Content-Wide{
	margin: 0;
	border: 0;
}

.Tabbed-Container .Description-Container,
.Tabbed-Container .Feedback-Container{ padding: 20px 35px; }

.Content-Copied{
	float: left;
	width: 100%;
	background-color: #fff;
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	text-align: left;
	text-indent: 0;
}

/********************************/
/************ Footer ************/
/********************************/

#Footer{
	
} 

#Newsletter{
	float: left;
	width: 100%;
	height: 142px;
	text-align: center;
	padding: 20px 0 0;
}

#Newsletter h2{
	font-weight: normal;
	font-size: 1.4em;
	color: #444;
	font-family: 'apercumedium', Arial, Helvetica, sans-serif;
}

#Newsletter p{
	text-transform: uppercase;
	color: #444;
	padding: 0 0 15px;
}

#Newsletter a{
	font-size: 0.9em;
	text-transform: uppercase;
	color: #fff;
	background-color: #407fb4;
	font-family: 'apercubold', Arial, Helvetica, sans-serif;
	padding: 5px 30px;
}

.Footer-Links{
	float: left;
	margin-top: 35px;
	margin-right: 80px;
	font-size: 0.9em;
}

.Footer-Links ul{
	list-style: none;
}

.Footer-Links li.Footer-Heading{
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.Footer-Links li{
	margin-bottom: 4px;
}

.Footer-Links li a{
	color: #fff;
	font-size: 0.9em;
}

#Footer-Contact{
	float: right;
	text-align: right;
	margin-top: 35px;
}

#Footer-Contact h2{
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
}

#Footer-Contact h3{
	font-weight: normal;
	color: #fff;
	font-size: 1.5em;
	line-height: 30px;
	font-family: 'apercubold', Arial, Helvetica, sans-serif;
}

#Footer-Contact p{
	color: #fff;
	font-size: 0.7em;
}

#Footer-Social{
	float: right;
	margin: 60px 40px 0 0;
}

#Footer-Social a{
	float: left;
	margin: 0 3px;
}

#Volo{
	display: inline-block;
    line-height: normal;
	padding: 0 40px 15px;
}

#Volo .Volo-Logo {
	position: relative;
	top: 4px;
}

#Volo .Volo-Text {
	color: #17a7a4;
    display: inline-block;
    font-size: 0.7em;
    font-style: italic;
    line-height: 13px;
    width: 121px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#Volo .Volo-Text strong{
	font-family: Arial, Helvetica, sans-serif;
}

* html #Volo{
    line-height: 43px;
	display: none;
}

* html #Volo .Volo-Logo {
	top: 10px;
	padding: 0 5px;
}

* html #Volo .Volo-Text {
	width: auto;
	line-height: normal;
	font-style: normal;
}

/*******************************/
/************ Image ************/
/*******************************/

#Image-Container{
	float: left;
	width: 100%;
	position: relative;
	border: 1px solid #e3e3e3;
	margin-top: 20px;
	padding: 20px 0 30px;
}

#Main-Image-Container{
	width: 500px;
	height: 500px;
	text-align: center;
	float: right;
	position: relative;
	border: 0;
	display: table;
	margin: 0 115px 0 0;
	z-index: 1;
}

* html #Main-Image-Container { 
   height: auto;
}

#Zoom-Icon{
	position: absolute;
	left: 170px;
	bottom: -15px;
	cursor: pointer;
	padding: 0 0 0 20px;
	background-image: url(images/zoom-image.png);
	background-repeat: no-repeat;
	line-height: 14px;
	font-size: 0.65em;
	text-transform: uppercase;
	color: #444;
	z-index: 99;
}

#Main-Image-Cell{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center;
}

#Main-Image-Box{
	display: inline-block;
}

#Main-Image{
	
}

#Main-Image-Container #Main-Image img#Img{
	max-width: 500px;
	max-height: 500px;
}

* html #Main-Image-Container #Main-Image img#Img { 
   width: 500px;
}

/*** THUMBNAIL CAROUSEL ***/

#Thumbnail-Carousel{
	float: left;
	width: 70px;
	position: relative;
	margin-left: 20px;
}

#Thumbnail-Carousel-Container{
	float: left;
	margin-top: 18px;
	width: 100%;
	position: relative;
    overflow: hidden;
    height: 480px;
}

#Thumbnail-Carousel-Container #Thumbnail-Image-Container{
	height: 20000em;
	position: absolute;
	padding: 0;
}

#Thumbnail-Carousel #Next,
#Thumbnail-Carousel #Prev{
	height: 12px;
	width: 18px;
	position: absolute;
	display: block;
	left: 50%;
	margin-left: -9px;
	z-index: 1000;
	cursor: pointer;
	background-repeat: no-repeat;
}

#Thumbnail-Carousel #Next{
	bottom: -10px;
	background-image: url('images/arrow-down.png');
}

#Thumbnail-Carousel #Prev{
	top: 0;
	background-image: url('images/arrow-up.png');
}

#Thumbnail-Carousel #Next.Inactive,
#Thumbnail-Carousel #Prev.Inactive{
	opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}

/*** THUMBNAILS ***/

#Thumbnail-Image-Container{
	float: left;
	width: 70px;
	list-style: none;
	margin-left: 20px;
}

#Thumbnail-Carousel #Thumbnail-Image-Container{
	margin-left: 0;
}

#Thumbnail-Image-Container li{
	float: left;
}

#Thumbnail-Image-Container li a,
#Thumbnail-Carousel-Container #Thumbnail-Image-Container li a{
	float: left;
	border: 0;
	padding: 0;
	width: 70px;
	height: 70px;
	display: table;
	margin: 0 0 10px 0;
	outline: 0;
}

* html #Thumbnail-Image-Container li a { 
   height: auto;
}

#Thumbnail-Image-Container li.Odd a{ }

#Thumbnail-Image-Container li a.Selected,
#Thumbnail-Carousel-Container #Thumbnail-Image-Container li a.Selected,
#Thumbnail-Image-Container li a:hover,
#Thumbnail-Carousel-Container #Thumbnail-Image-Container li a:hover{
	text-decoration: none;
}

#Thumbnail-Image-Container li a .TBCell{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center;
}

#Thumbnail-Image-Container li a .TBCell img{
	max-width: 70px;
	max-height: 70px;
	display: inline-block;
	width: auto !important;
	height: auto !important;
}

* html #Thumbnail-Image-Container li a .TBCell img { 
   width: 70px !important;
   height: 70px !important;
}

/*** LEFT RIGHT ***/

#Left,#Right{
	height: 40px;
	width: 40px;
	position: absolute;
	display: block;
	top: 40%;
	z-index: 99;
	cursor: pointer;
	display: none;
}

#Left{
	left: 0;
	background-image: url('images/arrow-left.png');
}

#Right{
	right: 0;
	background-image: url('images/arrow-right.png');
}

/*** VIDEO ***/

#Video-Container{
	float: left;
	margin: 0;
}

#Thumbnail-Image-Container li a.View-Video{
	background-image: url(images/video.gif);
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 0;
	height: 70px;
	overflow: hidden;
}

#Thumbnail-Image-Container li a.View-Video .Play{
	width: 26px;
	height: 26px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -13px;
	margin-top: -13px;
	background-image: url('images/youtube_play.png');
}

#Thumbnail-Carousel-Container #Thumbnail-Image-Container li a.View-Video{
	
}

/*********************************/
/*********** HOVER ZOOM **********/
/*********************************/

/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 4px solid #888;
	margin:-4px;	/* 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:0;
	overflow:hidden;
	top: 0 !important;
	right: 0 !important;
}

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

#wrap{
	z-index: 999 !important;
}

/* UNCOMMENT THESE TO DISABLE CLOUD HOVER ZOOM
#cloud-zoom-big{
	display: none !important;
}

.cloud-zoom-lens{
	display: none !important;
}

.mousetrap{
	cursor: pointer !important;
}*/

/******************************************/
/************ Description Container *******/
/******************************************/

#Description{
	float: left;
	width: 100%;
	margin-top: 20px;
}

#Item-Description{
	clear: both;
	min-height: 410px;
}

.Mobile #Item-Description{
	min-height: 20px;
}

.Description-Container{
	font-size: 0.8em;
	color: #444444;
}

.Description-Container a{
	color: #c30000;
}

.Description-Container a:hover{
	color: #c30000;
}

.Description-Container img{
	max-width: 100%;
}

#Prices{
	float: left;
	margin-right: 30px;
}

.Description-Container #Price{
	color: #c30000;
	margin: 0;
	font-size: 2.0em;
	font-family: 'apercumedium', Arial, Helvetica, sans-serif;
}

.Description-Container #Price .Value{
	font-family: 'apercumedium', Arial, Helvetica, sans-serif;
}

.Description-Container #RRP{
	color: #858585;
	margin: 0 10px 0 0;
	font-size: 1.3em;
	text-decoration: line-through;
}

.Description-Container #Save{
	display: none;
}

.Description-Container h1{
	margin: 0 0 5px 0;
	
	text-align: left;
	font-size: 1.8em;
	font-weight: normal;
	color: #407fb4;
	font-family: 'apercubold', Arial, Helvetica, sans-serif !important;
}

.Description-Container h2{
	padding: 0 0 10px;
	font-size: 1.4em;
	color: #444444;
	font-weight: normal;
}

.Description-Container h3{
	padding: 0 0 10px;
	font-size: 1.3em;
	color: #444444;
	font-weight: normal;
	font-family: 'apercumedium', Arial, Helvetica, sans-serif !important;
}

.Description-Container h4{
	padding: 0 0 10px;
	font-size: 1.3em;
	color: #444444;
	font-weight: normal;
	font-family: 'apercumedium', Arial, Helvetica, sans-serif !important;
}

.Description-Container h4 a{
	padding: 0 0 10px;
	font-size: 1.0em;
	color: #444444 !important;
	font-weight: normal;
	font-family: 'apercumedium', Arial, Helvetica, sans-serif !important;
	text-decoration: none;
}

.Description-Container p{
	padding: 0 0 8px;
	line-height: 17px;
	font-size: 1.0em;
}

.Description-Container ul{
	padding: 0 0 10px;
}

.Description-Container ul li{
	margin: 0 0 4px 16px;
	color: #444444;
}

.Description-Container table{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 10px;
}

.Description-Container table td,
.Description-Container table th{
	text-align: left;
	vertical-align: top;
	color: #444;
	padding: 5px 10px;
	border: 1px solid #e3e3e3;
}

/*********************************/
/*********** PromoBox ************/
/*********************************/

#Promos{
	border: 0;
	margin-top: 20px;
}

#Promo-Prev{
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background-image: url(images/arrow-left.png);
	z-index: 100;
	cursor: pointer;
}

#Promo-Next{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background-image: url(images/arrow-right.png);
	z-index: 100;
	cursor: pointer;
}

.Content-Wide-Content.PromoBox-Container{
	position: relative;
	padding: 0;
	height: 350px;
	overflow: hidden;
	border: 0;
}

#PromoBox{
	float: left;
	list-style: none;
	padding: 30px 0 0;
	width: 100%;
	position: absolute;
	float: none;
	width: 2000em;
}

#PromoBox li{
	float: left;
	position: relative;
	width: 145px;
	margin: 0 25px;
}

#PromoBox li a.Img{
	float: left;
	width: 100%;
	height: 140px;
	text-align: center;
	display: table;
}

#PromoBox li .TBCell {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center;
}

#PromoBox li a.Img img{
	display: inline-block;
	vertical-align: middle;
	max-height: 140px;
	max-width: 140px;
}

* html #PromoBox li a.Img img{ 
	height: 140px;
	width: 140px;
}

#PromoBox li h3{
	float: left;
	width: 100%;
	height: 75px;
	font-weight: normal;
	font-size: 0.75em;
	margin: 15px 0 0 0;
	text-align: center;
	line-height: 15px;
}

#PromoBox li h3 a{
	color: #444;
	text-decoration: none;
}

#PromoBox li h3 a:hover{
	text-decoration: underline;
}

#PromoBox li p{
	float: left;
	width: 100%;
	font-size: 0.9em;
	padding: 0;
	text-align: center;
}

#PromoBox li p.RRP-Value{
	display: none;
}

#PromoBox li p.RRP-Value span{
}

#PromoBox li p span.Price-Value{
	color: #444;
	font-family: 'apercubold', Arial, Helvetica, sans-serif;
}

#PromoBox img.Buy-It-Now{
	display: none;
}

#PromoBox .Buttons{
	float: left;
	width: 100%;
	text-align: center;
}

#PromoBox .Buttons a.View{
	display: inline-block;
	text-align: center;
	padding: 0 15px;
	height: 20px;
	line-height: 20px;
	margin: 5px 0 0;
	border: 0;
	cursor: pointer;
	
	background-color: #538cbb;
	
	text-indent: 0px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.7em;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'apercumedium', Arial, Helvetica, sans-serif;
}

/*********************************/
/*********** Popup ***************/
/*********************************/

.Pop-Up {
	position: absolute;
	width: 322px;
	padding: 10px;
	border: 1px solid #999999;
	background-color: #ffffff;
	text-transform: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	z-index: 1000000;
	font-family: "Arial";
	line-height: 1.5;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.Pop-Up-Image-Container{
	float: left;
	width: 300px;
	height: 300px;
	display: table;
}

* html .Pop-Up-Image-Container{ 
   height: auto;
}

.Pop-Up-Image-Cell{
	display: table-cell;
	vertical-align: middle;
	position: relative;
	text-align: center;
}

.Pop-Up img.Img{
	max-width: 300px;
	max-height: 300px;
}

* html .Pop-Up img.Img { 
   width: 300px;
}

.Pop-Up .Left{
	margin: 10px 0 0 0;
	float: left;
	width: 200px;
	border-right: 1px solid #c0bfbf;
}

.Pop-Up .Right{
	margin: 10px 0 0 0;
	float: right;
	width: 80px;
	text-align: right;
}

.Pop-Up h3{
	font-size: 0.75em;
	color: #444444;
	font-weight: normal;
	padding: 0 20px 0 0;
}

.Pop-Up .RRP{
	float: right;
	font-size: 0.75em;
	color: #666;
	text-decoration: line-through;
}

.Pop-Up .Price{
	float: right;
	clear: right;
	font-size: 0.9em;
	color: #444444;
	font-weight: normal;
	font-family: 'apercubold', Arial, Helvetica, sans-serif;
}

.Pop-Up img.Buy-It-Now{
	float: right;
	margin: 5px 0 0 0;
}

.Pop-Up .Arrow{
	position: absolute;
	left: -23px;
	top: 75%;
	margin-top: -11px;
	width: 23px;
	height: 22px;
	background-image: url(images/popup.png);
}

.Pop-Up .Arrow.Right{
	left: auto;
	right: -23px;
	background-position: -23px 0px;
}

/*********************************/
/*********** Feedback ************/
/*********************************/

#Feedback-Popup-Button{
	color: #ffffff;
	float: left;
	font-size: 0.75em;
	line-height: 26px;
	padding: 0 15px;
	text-transform: uppercase;
	margin: 10px 0 0;
	background-color: #538cbb;
}

.Feedback-Container{
	position: relative;
	font-size: 1.1em;
	border: 0;
}

#Feedback-Carousel.Carousel{
	height: 71px;
	position: relative;
	overflow: hidden;
}

#Feedback-Carousel.Carousel #Feedback{
	position: absolute;
	height: 20000em;
	float: left;
	width: 100%;
}

#Feedback-Next,
#Feedback-Prev{
	position: absolute;
	height: 18px;
	width: 12px;
	left: 50%;
	margin-left: -6px; 
	background: #ccc;
	cursor: pointer;
}

#Feedback-Next{
	bottom: 0px;
}

#Feedback-Prev{
	top: 0px;
}

#Feedback-Popup{
	width: 902px;
	float: left;
	font-size: 16px;
}

* html #Feedback-Popup{
	width: 922px;
}

#Feedback-Popup .Clip{
	float: left;
	width: 902px;
	height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
}

* html #Feedback-Popup .Clip{
	width: 902px;
}

.Feedback#Feedback-Popup-UL li{
	width: 872px;
}

/*** FEEDBACK LIST ***/

.Feedback{
	list-style: none;
	float: left;
	width: 100%;
}

.Feedback-Title{
	color: #538cbb;
	font-size: 0.9em;
	font-weight: normal;
	padding-bottom: 10px;
}

.Feedback li{
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
	padding: 0 0 10px;
	border-bottom: 1px dotted #ccc;
}

.Feedback li p{
	font-size: 0.75em;
	color: #444444;
}

.Feedback li p a{
	color: #444444;
}

/*** ICON ***/

.Feedback li .Icon{
	float: left;
	width: 16px;
	height: 16px;
	margin: 6px 10px 30px 0;
	padding: 0;
}

.Feedback li .Icon.Positive{ background: url(feedback/rating-0.png) no-repeat; }
.Feedback li .Icon.Negative{ background: url(feedback/rating-1.png) no-repeat; }
.Feedback li .Icon.Neutral{ background: url(feedback/rating-neutral.png) no-repeat; }

/*** BODY ***/

.Feedback li p.feedbackBody{
	width: 440px;
	margin: 5px 0 0 0;
}

/*** DATE ***/

.Feedback li p.feedbackDate{
	float: right;
	clear: right;
	margin: 5px 0 0 0;
	color: #666;
}

/*** BUYER ***/

.Feedback li p.feedbackBuyer{
	float: right;
}

.Feedback li p.feedbackBuyer a,
.Feedback li p.feedbackBuyer span{
	float:left; 
	line-height: 25px;
}

.Feedback li p.feedbackBuyer span{
	padding: 0 0 0 2px;
}

/*** ITEM LINK ***/

.Feedback li p.feedbackItem{
	color: #666;
	margin: 10px 0 0 0;
}

.Feedback li p.feedbackItem a{
	color: #666;
}

/*** SCORE ***/

.Feedback li p.feedbackBuyer a.Score{
	padding: 0 0 0 18px;
}

.Feedback li p.feedbackBuyer a.Score50{ background: url(feedback/score50.png) no-repeat -4px 0; }
.Feedback li p.feedbackBuyer a.Score100{ background: url(feedback/score100.png) no-repeat -4px 0; }
.Feedback li p.feedbackBuyer a.Score500{ background: url(feedback/score500.png) no-repeat -4px 0; }
.Feedback li p.feedbackBuyer a.Score1000{ background: url(feedback/score1000.png) no-repeat -4px 0; }
.Feedback li p.feedbackBuyer a.Score5000{ background: url(feedback/score5000.png) no-repeat -4px 0; }
.Feedback li p.feedbackBuyer a.Score10000{ background: url(feedback/score10000.png) no-repeat -4px 0; }
.Feedback li p.feedbackBuyer a.Score25000{ background: url(feedback/score25000.png) no-repeat; padding-left: 22px; }
.Feedback li p.feedbackBuyer a.Score50000{ background: url(feedback/score50000.png) no-repeat; padding-left: 22px; }
.Feedback li p.feedbackBuyer a.Score100000{ background: url(feedback/score100000.png) no-repeat; padding-left: 22px; }
.Feedback li p.feedbackBuyer a.Score500000{ background: url(feedback/score500000.png) no-repeat; padding-left: 22px; }
.Feedback li p.feedbackBuyer a.Score1000000{ background: url(feedback/score1000000.png) no-repeat; padding-left: 22px; }
.Feedback li p.feedbackBuyer a.Score10000000{ background: url(feedback/score10000000.png) no-repeat; padding-left: 22px; }

/*********************************/
/*********** Rating **************/
/*********************************/

.Rating{
	padding-left: 90px;
	margin-bottom: 15px;
	height: 14px;
	line-height: 14px;
	margin-left: 0;
	color: #444;
	font-size: 0.85em;
	text-transform: uppercase;
}

.Rating a{
	color: #444;
}

.Rating.Stars-00{ background: url(feedback/stars-00.png) no-repeat; }
.Rating.Stars-05{ background: url(feedback/stars-05.png) no-repeat; }
.Rating.Stars-10{ background: url(feedback/stars-10.png) no-repeat; }
.Rating.Stars-15{ background: url(feedback/stars-15.png) no-repeat; }
.Rating.Stars-20{ background: url(feedback/stars-20.png) no-repeat; }
.Rating.Stars-25{ background: url(feedback/stars-25.png) no-repeat; }
.Rating.Stars-30{ background: url(feedback/stars-30.png) no-repeat; }
.Rating.Stars-35{ background: url(feedback/stars-35.png) no-repeat; }
.Rating.Stars-40{ background: url(feedback/stars-40.png) no-repeat; }
.Rating.Stars-45{ background: url(feedback/stars-45.png) no-repeat; }
.Rating.Stars-50{ background: url(feedback/stars-50.png) no-repeat; }

/*********************************/
/*********** AddThis *************/
/*********************************/

.addthis_toolbox {
	float: left;
	margin: 5px 0 0 0;
	width: 70%;
	height: 22px;
	overflow: hidden;
}

.addthis_toolbox a div {
	float: left;
}

* html .addthis_toolbox {
	display: none;
}

/*********************************/
/*********** MOBILE **************/
/*********************************/

#Listing-Template.Mobile,
.Mobile #Listing-Centering{
	background-image: none;
}

.Mobile #Menu-Left{
	display: none;
}

.Mobile #Content{
	width: 100%;
	padding: 0 20px;
}

/*** SOME DEFAULT STYLING ***/

.Mobile #Header-Container{
	text-align: center;
}

.Mobile #Page-Logo{
	margin: 24px 0 0 15px;
}

.Mobile #Page-Logo img{
	max-width: 100%;
}

.Mobile #Contact {
    margin: 15px 20px 0 0;
}

.Mobile #Social {
    float: right;
    margin: 32px 40px 0 0;
}

@media only screen and (max-width: 599px){
.Mobile #Header-Container{
	height: auto;
	padding-bottom: 15px;
}
.Mobile #Page-Logo{
	float: none;
	margin: 0;
}

.Mobile #Page-Logo img{
	margin-top: 24px;
}
.Mobile #Social,
.Mobile #Contact{
	display: none;
}
}

.Mobile #Top-Menu,
.Mobile #Form-Search,
.Mobile #Tabbed-Menu,
.Mobile #Breadcrumbs{
	display: none;
}

.Mobile #Selling-Points{
	height: auto;
	padding-bottom: 6px;
	background-color: #407fb4;
}

.Mobile #Selling-Points div{
	float: none;
	width: 24%;
	display: inline-block;
	margin: 6px 2px 0 2px;
}

@media only screen and (max-width: 999px){
.Mobile #Selling-Points div{
	width: 48%;
}
}
@media only screen and (max-width: 499px){
.Mobile #Selling-Points div{
	width: 97%;
}
}

/*** Image Container ***/

@media only screen and (max-width: 450px){
	
.Mobile #Image-Container{
	text-align: center;
}

.Mobile #Video-Container{
	float: none;
}
	
.Mobile #Image-Container{
	width: 100%;
	margin: 20px 0 0;
}

.Mobile #Main-Image-Container{
	height: 260px;
	width: 100%;
}

.Mobile .Video{
	width: 260px;
	height: 260px;
}

.Mobile #Main-Image-Container #Main-Image img#Img {
	max-width: 260px;
	max-height: 260px;
}

.Mobile #Left, .Mobile #Right{
	display: block;
	top: 120px;
}

.Mobile #Left{
	left: -20px;
}

.Mobile #Right{
	right: -20px;
}

}

@media only screen and (min-width: 451px) and (max-width: 550px){
	
.Mobile #Image-Container{
	text-align: center;
}

.Mobile #Video-Container{
	float: none;
}

.Mobile #Image-Container{
	width: 100%;
	margin: 20px 0 0;
}

.Mobile #Main-Image-Container{
	height: 320px;
	width: 100%;
}

.Mobile .Video{
	width: 320px;
	height: 320px;
}

.Mobile #Main-Image-Container #Main-Image img#Img {
	max-width: 320px;
	max-height: 320px;
}

.Mobile #Left, .Mobile #Right{
	display: block;
	top: 150px;
}

.Mobile #Left{
	left: -20px;
}

.Mobile #Right{
	right: -20px;
}

}

@media only screen and (min-width: 551px){

.Mobile #Image-Container{
	text-align: center;
}

.Mobile #Video-Container{
	float: none;
}

.Mobile #Image-Container{
	width: 100%;
	margin: 20px 0 0;
}

.Mobile #Main-Image-Container{
	height: 450px;
	width: 100%;
}

.Mobile .Video{
	width: 450px;
	height: 450px;
}

.Mobile #Main-Image-Container #Main-Image img#Img {
	max-width: 450px;
	max-height: 450px;
}

.Mobile #Left, .Mobile #Right{
	display: block;
	top: 215px;
}

.Mobile #Left{
	left: -20px;
}

.Mobile #Right{
	right: -20px;
}

}

/*** THUMBNAILS ***/

.Mobile #Main-Image-Container,
.Mobile #Video-Container{
	margin: 0 0 20px;
}
.Mobile #Thumbnail-Carousel,
.Mobile #Thumbnail-Image-Container,
.Mobile #Thumbnail-Carousel-Container{
	float: left;
	width: 100%;
	margin: 0;
}
.Mobile #Thumbnail-Carousel #Next,
.Mobile #Thumbnail-Carousel #Prev,
.Mobile #Thumbnail-Image-Container li a .TBCell{
	display: none;
}
.Mobile #Thumbnail-Carousel-Container {
	width: 100%;
	height: auto;
}
.Mobile #Thumbnail-Image-Container,
.Mobile #Thumbnail-Carousel-Container #Thumbnail-Image-Container{
	position: relative;
	height: auto;
	width: 100%;
	text-align: center;
	left: 0 !important;
	padding-top: 0;
	height: auto;
}
.Mobile #Thumbnail-Image-Container li {
	float: none;
	display: inline-block;
}
.Mobile #Thumbnail-Image-Container li a,
.Mobile #Thumbnail-Carousel-Container #Thumbnail-Image-Container li a{
	border: 0;
	float: none;
	display: inline-block;
	height: 13px;
	width: 13px;
	margin: 5px 3px 0;
	padding: 0;
	background: #dfdfdf;
	border-radius: 10px;
}
.Mobile #Thumbnail-Image-Container li a.Selected,
.Mobile #Thumbnail-Carousel-Container #Thumbnail-Image-Container li a.Selected{
	background: #407fb4;
}
.Mobile #Thumbnail-Image-Container li a.View-Video {
	background-image: none !important;
	height: 13px !important;
	margin-right: 5px !important;
}

/*** REMOVE ZOOM FEATURE ***/
.Mobile #cloud-zoom-big{ display: none !important; }
.Mobile .cloud-zoom-lens{ display: none !important; }
.Mobile .mousetrap{ display: none !important; }
.Mobile #Zoom-Icon { display: none; }

/*** Description ***/

.Mobile #Description{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}

.Mobile .addthis_toolbox{
	display: none;
}

.Mobile .Rating{
	margin-left: 0;
}

.Mobile #Listing-Controls{ display: none; }
.Mobile #Buy-It-Now-Container { display: none; }
.Mobile #Add-To-Basket-Container { display: none; }

/*** TABS ***/

.Mobile .Tabbed-Container .Content {
	height: auto;
	overflow: auto;
}
.Mobile .Tab-Content{
	height: auto;
	overflow-x: auto;
	overflow-y: auto;
}

@media only screen and (max-width: 599px){ 
.Mobile .Tabbed-Container .Tabs{
	padding: 0;
}
.Mobile .Tabbed-Container .Tabs a.Tab-Link{
    width: 100%;
    text-align: center;
    margin: 0;
	border-radius: 0;
	border-right: 1px solid #e3e3e3;
	border-left: 1px solid #e3e3e3;
}
.Mobile .Tabbed-Container .Description-Container,
.Mobile .Tabbed-Container .Feedback-Container{
	padding: 15px;
}
}
@media only screen and (min-width: 600px) and (max-width: 1020px){
.Mobile .Tabs a.Tab-Link{
	padding: 0 10px;
	margin-left: 10px;
}
}
@media only screen and (min-width: 600px){ 
.Mobile .Tabbed-Container .Tabs .Content-Copied{
    display: none;
}
}
@media only screen and (max-width: 599px){ 
.Mobile .Tabbed-Container .Content{ display: none; }
}

/*** PROMOS ***/

.Mobile #PromoBox{

}

/**** SCROLLING PROMOS CSS - REMOVE ABOVE ****/

.Mobile #Promos{
	text-align: center;
}

.Mobile .Content-Wide-Content.PromoBox-Container {
    display: inline-block;
    float: none;
    position: relative;
    width: 940px;
	text-align: left;
}

@media only screen and (max-width: 479px){ 
.Mobile .Content-Wide-Content.PromoBox-Container {
	width: 200px;
}
.Mobile #PromoBox li{
	width: 200px;
	margin: 0;
	padding: 0;
}
}

@media only screen and (min-width: 480px) and (max-width: 599px){ 
.Mobile .Content-Wide-Content.PromoBox-Container {
	width: 400px;
}
.Mobile #PromoBox li{
	width: 160px;
	margin: 0 20px;
	padding: 0;
}
}

@media only screen and (min-width: 600px) and (max-width: 799px){ 
.Mobile .Content-Wide-Content.PromoBox-Container {
	width: 560px;
}
.Mobile #PromoBox li{
	width: 200px;
	margin: 0 40px;
	padding: 0;
}
}

@media only screen and (min-width: 800px) and (max-width: 1020px){ 
.Mobile .Content-Wide-Content.PromoBox-Container {
	width: 760px;
}
.Mobile #PromoBox li{
	width: 223px;
	margin: 0 15px;
	padding: 0;
}
}

/*** FEEDBACK ***/

@media only screen and (max-width: 1020px){
.Mobile .Feedback li p.feedbackBody {
	width: 100%;
	clear: both;
}

.Mobile .Feedback li .Icon{
	float: left;
	margin: 5px 0;
}

.Mobile .Feedback li .feedbackBuyer{
	display: none;
}

.Mobile .Feedback li .feedbackDate{
	float: right;
	margin: 5px 0 0;
}

.Mobile .Feedback li p.feedbackItem {
	margin: 5px 0 0 0;
	float: left;
}

.Mobile #Feedback-Popup-Button{
	display: none;
}
}

/*** FOOTER Volo ***/

.Mobile #Footer{
	padding: 0 0 30px;
	height: auto;
	background-color: #444444;
	text-align: center;
}

.Mobile .Footer-Links{
	display: none;
}

.Mobile #Newsletter{
	padding: 20px 0 30px;
	height: auto;
	background-color: #f4f4f4;
}

.Mobile #Newsletter p{
	padding: 0 15px 15px;
}

.Mobile #Footer-Contact{
	float: none;
	display: inline-block;
	text-align: center;
}

.Mobile #Footer-Social{
	float: none;
	width: 100%;
	display: inline-block;
	margin: 20px 0 0;
}

.Mobile #Footer-Social a{
	float: none;
}