/* CSS Reset */
/*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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
/*article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* / CSS Reset */

/* Body Style */
body {
	background: #ebebeb;
	margin: 0;
	padding: 0;
	color: #000;
	font-family: DINOTRegular;
	font-size: 12px;

	margin: auto;
}
#b2c {
	/*background-color:#ebebeb;
	background: #ebebeb url(http://www.y3k.com/images/body/Y3K_Body2.jpg) fixed no-repeat center top;
	*/
	background-color:#DCECF9;
	/*background: #DCECF9 url('/images/footer/footerbar.png') fixed repeat center top;*/
	
}


/* Site Wrapper */
#wrapper {
	width: 980px;
	background-color: #fff;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
/* General Site */
.clearBoth {
clear:both;	
}
/* Import Fonts */
@font-face {
    font-family: 'DINOTRegular';
    src: url('http://www.y3k.com/fonts/dinot-webfont.eot');
    src: url('http://www.y3k.com/fonts/dinot-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.y3k.com/fonts/dinot-webfont.woff') format('woff'),
         url('http://www.y3k.com/fonts/dinot-webfont.ttf') format('truetype'),
         url('http://www.y3k.com/fonts/dinot-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINOTBold';
    src: url('http://www.y3k.com/fonts/dinot-bold-webfont.eot');
    src: url('http://www.y3k.com/fonts/dinot-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.y3k.com/fonts/dinot-bold-webfont.woff') format('woff'),
         url('http://www.y3k.com/fonts/dinot-bold-webfont.ttf') format('truetype'),
         url('http://www.y3k.com/fonts/dinot-bold-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* /Import Fonts */

/* Header */
h4 {
	font-weight: normal;
}
#header {
position: relative;
width: 980px;
height: 130px;
}
#login{
	background-image:url('/images/header/topbar1.png');
	width: 831px;
	height: 42px;
	position: absolute;
	left: 149px;
	top:44px;
}

#loginArea {
	position:absolute;
	width:200px;
	height:30px;
	z-index:1;
	left: 10px;
	top: 15px;
}
#searchAreaGeneral{
	background-image:url('/images/header/Header1.4-195.png');
	width: 831px;
	height: 44px;
	position: absolute;
	left: 149px;
	top: 86px;
}
#searchAreaBronze{
	background-image:url('/images/header/Header1.4-500.png');
	width: 831px;
	height: 44px;
	position: absolute;
	left: 149px;
	top: 86px;
}
#searchAreaSilver{
	background-image:url('/images/header/Header1.4-500.png');
	width: 831px;
	height: 44px;
	position: absolute;
	left: 149px;
	top: 86px;
}
#searchAreaGold{
	background-image:url('/images/header/Header1.4-SpLvl.png');
	width: 831px;
	height: 44px;
	position: absolute;
	left: 149px;
	top: 86px;
}
#searchAreaPlatinum{
	background-image:url('/images/header/Header1.4-SpLvl.png');
	width: 831px;
	height: 44px;
	position: absolute;
	left: 149px;
	top: 86px;
}
#searchAreaPartner{
	background-image:url('/images/header/Header1.4-SpLvl.png');
	width: 831px;
	height: 44px;
	position: absolute;
	left: 149px;
	top: 86px;
}
#searchAreaBeaumonts{
	background-image:url('/images/header/Header1.4-750.png');
	width: 831px;
	height: 44px;
	position: absolute;
	left: 149px;
	top: 86px;
}
#viewcartArea {
	position:absolute;
	width:106px;
	height:30px;
	z-index:1;
	left: 590px;
	top: -33px;
}
#viewcartAreaQty {
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 22px;
}
#checkoutArea {
	position:absolute;
	width:88px;
	height:30px;
	z-index:1;
	left: 710px;
	top: -33px;
}
#checkoutAreaButton {
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 11px;
}
/* /Header */
/* Index Boxes */
#indexContainer {
width: 980px;
}
#index1 {
	width: 196px;
	height: 300px;
	float:left;
	padding-left:1px;
}
#index2 {
	/*width: 780px;*/
	width:980px;
	float: left;
	padding-left:1px;
}

#indexoffers {
	width: 980px;
	height: 340px;
}
#offerpink {
	background-image:url('/dev1/images/index/offerpink.png');
	width: 196px;
	height: 320px;
	float: left;
}
#offerclear {
	background-image:url('/dev1/images/index/offerclear.png');
	/*width: 326px;*/
	height: 330px;
	float: left;
	margin-left:25px;
	margin-right:25px;
}
#offer1 {
width: 327px;
float:left;
position: relative;
top: 10px;
}
#offer2 {
width: 326px;
float:left;
position: relative;
top: 10px;
}
#offer3 {
width: 327px;
float:left;
position: relative;
top: 10px;
}
#offer4 {
width: 196px;
float:left;
position: relative;
top: -4px;
}
#offer5 {
width: 196px;
float:left;
position: relative;
top: -4px;
}
.offerimage {
position: relative;
top: 20px;
left: 50px;
}
.offerimage1 {
position: relative;
top: 0px;
left: 30px;
}
#indexbuy {
position: absolute;
width: 166px;
height: 100px;
top: 209px;
left: 25px;
z-index: 1;	
}
/*.indexBuy {
position: relative;
top: 130px;
}*/
.indexdetails {
margin-top: 35px;	
}
.indexwish {
margin-top:16px;	
}
.price {
position: relative;
font-family: DINOTBold;
font-size: 18px;
color: #FFF;
left: 25px;
}
.price1 {
/*position: relative; */
font-family: DINOTRegular;
font-size: 10px;	
color: #fff;
left: 55px;
/*top: -20px; */
position: absolute;
top: 2px;
}
.price2 {
position: absolute;
font-family: DINOTRegular;
font-size: 10px;	
color: #fff;
left: 65px;
top: 2px;
}
.pricevat {
position: relative;
font-family: DINOTRegular;
font-size: 10px;	
color: #fff;
left: 33px;
top: -18px;
}
.hotoffers {
padding-top: 0px;	
}
.td {
margin: 0;
padding: 0;
}
.th {
margin: 0;
padding: 0;
}
/* Mini Cart */
.miniLine {
height: 6px;
border-right: 1px solid #808285;
}
/* Section Pages */
#background1 {	
	background-image:url('/images/section/cctv/background1.png');
	width: 327px;
	height: 183px;
	float: left;
	border: none;
	z-index: 1;
}
#background2 {	
	background-image:url('/images/section/cctv/background2.png');
	width: 326px;
	height: 183px;
	float: left;
	border: none;
	z-index: 1;
}
#background3 {	
	background-image:url('/images/section/cctv/background3.png');
	width: 327px;
	height: 183px;
	float: left;
	border: none;
	z-index: 1;
}
#bestseller1 {	
	background-image:url('/images/section/cctv/bestseller1.png');
	width: 327px;
	height: 207px;
	float: left;
	border: none;
	z-index: 1;
}
#bestseller2 {	
	background-image:url('/images/section/cctv/bestseller2.png');
	width: 326px;
	height: 207px;
	float: left;
	border: none;
	z-index: 1;
}
#bestseller3 {	
	background-image:url('/images/section/cctv/bestseller3.png');
	width: 327px;
	height: 207px;
	float: left;
	border: none;
	z-index: 1;
}
.sectionButton {
width: 32px;
float:left;
margin-left: 5px;
}
.sectionText {
width: 110px;
line-height: 32px;
float: left;
margin-left: 5px;	
}
.sectionGo {
width: 50px;
line-height: 32px;
float: left;
margin-top: 7px;
margin-left: 10px;	
}
.sectionImage {
position:relative; 
width: 100px;
height: 100px;
z-index: 2;
left: 210px;
top: -25px;
}
.sectionButton1 {
width: 32px;
float:left;
margin-left: 5px;
margin-top: -45px;
}
.sectionText1 {
width: 110px;
line-height: 32px;
float: left;
margin-left: 43px;
margin-top: -45px;	
}
.sectionGo1 {
width: 50px;
line-height: 32px;
float: left;
margin-top: -37px;
margin-left: 162px;	
}
.sectionButton2 {
width: 32px;
float:left;
margin-left: 5px;
margin-top: 3px;
}
.sectionText2 {
width: 110px;
line-height: 32px;
float: left;
margin-left: 7px;
margin-top: 3px;	
}
.sectionGo2 {
width: 50px;
line-height: 32px;
float: left;
margin-top: -25px;
margin-left: 162px;	
}
.bestseller1Img {
width: 40px;
height: 40px;
position: relative;
left: 18px;
top: 45px;	
}
.bestseller2Img {
width: 40px;
height: 40px;
position: relative;
left: 18px;
top: 25px;	
}
.bestseller3Img {
width: 40px;
height: 40px;
position: relative;
left: 18px;
top: 43px;	
}
.bestsellerText {
width: 180px;
height: 35px;
float: left;
position: relative;
top: 2px;
left: 75px;	
}
.bestsellerText1 {
width: 180px;
height: 35px;
float: left;
position: relative;
top: 20px;
left: 75px;	
}
.bestsellerText2 {
width: 180px;
height: 35px;
float: left;
position: relative;
top: 35px;
left: 75px;	
}
.bestsellerPrice {
width: 100px;
height: 20px;	
position: relative;
float:left;
top: 33px;
left: -10px;
}
.bestsellerPrice1 {
width: 100px;
height: 20px;	
position: relative;
float:left;
top: 52px;
left: -10px;
}
.bestsellerPrice2 {
width: 100px;
height: 20px;	
position: relative;
float:left;
top: 68px;
left: -10px;
}
.bestsellerGo {
width: 50px;
line-height: 32px;
float: left;
margin-top: -33px;
margin-left: 265px;
position: relative;
}
.bestsellerGo1 {
width: 50px;
line-height: 32px;
float: left;
margin-top: -15px;
margin-left: 265px;
position: relative;
}
.bestsellerGo2 {
width: 50px;
line-height: 32px;
float: left;
margin-top: 0px;
margin-left: 265px;
position: relative;
}
#minorCats {
	background-image:url('/images/section/cctv/MinorCats.png');
	width: 980px;
	height: 170px;
	float: left;
	border: none;
	z-index: 1;
	margin-top: 10px;	
}
#cat1 {
	/*border: 1px solid #000;*/
	width: 326px;
	height: 88px;
	float: left;
}
#cat2 {
	/*border: 1px solid #000;*/
	width: 322px;
	height: 88px;
	float: left;
}
#cat3 {
	/*border: 1px solid #000;*/
	width: 326px;
	height: 88px;
	float: left;
}
#cat4 {
	/*border: 1px solid #000;*/
	width: 326px;
	height: 79px;
	float: left;
}
#cat5 {
	/*border: 1px solid #000;*/
	width: 322px;
	height: 79px;
	float: left;
}
#cat6 {
	/*border: 1px solid #000;*/
	width: 326px;
	height: 79px;
	float: left;
}
.cat1Img {
height: 40px;
left: 21px;
position: relative;
top: 30px;
width: 40px;
}
.cat2Img {
height: 40px;
left: 22px;
position: relative;
top: 30px;
width: 40px;
}
.cat3Img {
height: 40px;
left: 26px;
position: relative;
top: 30px;
width: 40px;
}
.cat4Img {
height: 40px;
left: 22px;
position: relative;
top: 23px;
width: 40px;
}
.cat5Img {
height: 40px;
left: 22px;
position: relative;
top: 23px;
width: 40px;
}
.cat6Img {
height: 40px;
left: 26px;
position: relative;
top: 23px;
width: 40px;
}
.cat1Title {
height: 40px;
left: 60px;
position: relative;
top: -3px;
width: 150px;
padding-left:10px;
}
.cat2Title {
height: 40px;
left: 60px;
position: relative;
top: -16px;
width: 150px;
padding-left:10px;
}
.cat3Title {
height: 40px;
left: 65px;
position: relative;
top: -16px;
width: 150px;
padding-left:10px;
}
.cat4Title {
height: 40px;
left: 60px;
position: relative;
top: -13px;
width: 150px;
padding-left:10px;
}
.cat5Title {
height: 40px;
left: 60px;
position: relative;
top: -22px;
width: 150px;
padding-left:10px;
}
.cat6Title {
height: 40px;
left: 65px;
position: relative;
top: -13px;
width: 150px;
padding-left:10px;
}
.catRange1 {
float: left;
line-height: 32px;
margin-left: 5px;
width: 80px;
position:relative;
left: 210px;
top: -45px;
}
.catRange2 {
float: left;
line-height: 32px;
margin-left: 5px;
width: 80px;
position:relative;
left: 210px;
top: -45px;
}
.catRange3 {
float: left;
line-height: 32px;
margin-left: 5px;
width: 80px;
position:relative;
left: 210px;
top: -45px;
}
.catRange4 {
float: left;
line-height: 32px;
margin-left: 5px;
width: 80px;
position:relative;
left: 210px;
top: -55px;
}
.catRange5 {
float: left;
line-height: 32px;
margin-left: 5px;
width: 80px;
position:relative;
left: 210px;
top: -55px;
}
.catRange6 {
float: left;
line-height: 32px;
margin-left: 5px;
width: 80px;
position:relative;
left: 210px;
top: -55px;
}
.catRangeGo {
float: left;
left: 60px;
line-height: 32px;
margin-left: 10px;
top: -29px;
width: 32px;
position: relative;	
}	
/* Product Page */
#main-content-product {
width: 940px;
margin: 0 auto; 
}
#oneUp {
	margin-top: 15px;
	margin-bottom: 10px;
	width: 940px;
	height: 50px;
	background-color: #fff;
}
#oneDown {
	margin-top: 10px;
	margin-bottom: 15px;
	width: 940px;
	height: 50px;
	margin-left:20px;
	background-color: #fff;
}
#productLeft {
	background-image:url('/images/product/PP-LeftCol.png');
	width: 202px;
	height: 540px;
	float: left;
	border: none;
	/*z-index: 1;*/
	position: relative;		
}
#productMiddle {
	background-image:url('/images/product/PP-MidCols.png');
	width: 568px;
	height: 540px;
	float: left;
	border: none;
	z-index: 1;	
}
#productRight {
	background-image:url('/images/product/PP-RightCol.png');
	width: 170px;
	height: 540px;
	float: left;
	border: none;
	z-index: 1;
}
#productLogo {
	/*border: 1px solid #000;*/
	width: 200px;
	height: 30px;
	float: left;
	position: relative;
	top:25px;
}
#productTitle {
	/*border: 1px solid #000;*/
	width: 555px;
	height: 60px;
	float: left;
	position: relative;
	padding-bottom: 5px;
	padding-top: 5px;
	top: -27px;
	left: 210px;
	display: table;
}
#productTitleInner {
display: table-cell;
vertical-align: middle;
font-family: DINOTBold;
font-size: 13px;
}
#productCode {
	/*border: 1px solid #000;*/
	width: 195px;
	height: 25px;
	float: left;
	position: absolute;
	padding-left: 5px;
	padding-right: 5px;
	top: 73px;
}
#productMainimage {
	/*border: 1px solid #000;*/
	width: 205px;
	height: 136px;
	float: left;
	position: absolute; /* was rel */
	/*padding-bottom: 32px;
	padding-top: 20px;*/
	top: 104px; /* was -41 */
	left: 1px;
}
#productPriceLeft {
	/*border: 1px solid #000;*/
	width: 195px;
	height: 25px;
	float: left;
	position: absolute;
	padding-left: 5px;
	padding-right: 5px;
	top: 282px;
}
#productExtraimages {
	/*border: 1px solid #000; */
	width: 185px;
	height: 100px;
	float: left;
	position: absolute;
	top: 315px;
	left: 13px;
}
#productExtraimagesbox {
background-image:url('/images/product/PP-PicBox-Sm.png');
	float: left;
	border: none;
	z-index: 1;
	margin-right: 4px;
	margin-top: 4px;
}
.extraimages {
	width:90px;
	max-height:100px;
}
.productStock {
width: 204px;
position: absolute;
top: 415px;
height: 20px;
}
#productReviews {
	/*border: 1px solid #000; */
	width: 70px;
	height: 100px;
	float: left;
	position: absolute;
	top: 435px;
	left: 13px;
}
#productReviewstext {
width: 110px;
height: 100px;
float: left;
position: absolute;	
left: 85px;
top: 433px;
}
#productPricebox {
	/*border: 1px solid #000;*/
	width: 330px;
	height: 68px;
	float: left;
	position: relative;
	top: 75px;
	left: 20px;
}
.version {
	font-size:12px;
	color:#000;
	font-family:DINOTRegular;
	vertical-align: text-bottom;
}
.productAdd {
	padding-top: 0px;
	vertical-align:bottom;
}
#productButtons {
	/*border: 1px solid #000;*/
	width: 219px;
	height: 26px;
	float: left;
	position: relative;
	top: -22px;
	left: 90px;
}
#productTextarea {
	/*border: 1px solid #000;*/
	width: 355px;
	height: 155px;
	float: left;
	position: relative;
	top: 78px;
	left: 6px;	
}
.productText{
	font-size:11px;
	color:#000;
	font-family:DINOTRegular;
}
#productAccessories {
	/*border: 1px solid #000;*/
	width: 183px;
	height: 425px;
	float: left;
	position: relative;
	top: 30px;
	left: 19px;	
}
/* Pagination */
.paginationContainer {
position: relative;
height: 30px;
width: 50px;
border: 1px solid #000;	
}
/* / Pagination */
/* Login Overlay */
/* the overlayed element */
.simple_overlay {

/* must be initially hidden */
display:none;

/* place overlay on top of other elements */
z-index:10000;

/* styling */
background-color:#fff;

width:670px;	
min-height:280px;
border:1px solid #666;
top: 200px !important;

/* CSS3 styling for latest browsers */
/*-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;	*/
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(/images/login/X-Button-Up.png);
	position:absolute;
	right: 15px;
	top: 15px;
	cursor:pointer;
	height:21px;
	width:21px;
}
#loginPanel {
width: 670px;
height: 320px;
background-image:url(/images/login/Login-Main1.png);	
}
.loginEmailBox {
position: relative;
width: 225px;
height: 20px;
/*border: 1px solid #ccc;*/
top: 105px;
left: 80px;	
}
.loginPasswordBox {
position: relative;
width: 225px;
height: 20px;
/*border: 1px solid #ccc;*/
top: 132px;
left: 80px;		
}
.loginForgot {
position: relative;
width: 225px;
height: 20px;
/*border: 1px solid #ccc;*/
top: 144px;
left: 80px;			
}
.loginButton {
position: relative;
width: 96px;
height: 20px;
/*border: 1px solid #ccc;*/
top: 220px;
left: 80px;	
}
.createAccount {
position: relative;
width: 122px;
height: 22px;
top: 200px;
left: 366px;
}
.loginRegistration {
position: relative;
width: 111px;
/*float: left;border: 1px solid #ccc;*/
top: 138px;
left: 194px;
}
/* /Login Overlay */

/* Jshop Pagination */
.pages-container {
	top: 0px;
	padding: 1px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 0.6em;
	text-align: right;
	clear: left;
}
.pages-list {
	margin-left: 0px;
	padding-left: 0px;
	white-space: nowrap;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
}

.pages-list li {
	color: #000000;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin: 0px;
	margin-left: 1px;
	margin-right: 1px;
}

.pages-list span { 
	padding: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px; 
	color: #000000;
	background-color: #8dbfff;
	border: 1px solid #000000;
}

.pages-list a { 
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0px; 
	color: #003366;
	background-color: #e4effa;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid #000000;
}

.pages-list a:hover {
	text-decoration: underline;
	color: #ff8d29;
	background-color: #1a5bb0;
}
/* Left Menu */
#left-menu {
	font-size: 1em;
	color: #000000;
	width: 156px !important;
	float: left;
	padding-left: 20px; /* was 20 px */
	margin-top: 5px;
	background-color: #eeeeec;
}
/* Main Content */
#main-content1 {
	color: #000000;
	background-color: #ffffff;
	padding-top: 3px;
	padding-bottom: 0px;
	font-size: 1em;
	float: left;
	margin-left: 20px;
	width: 784px;
}
/* Remove Cart Links */
.removeLinks {font-family: DINOTBold; font-size:12px; color:#C9252C; text-decoration:none;}
.removeLinks a:link {font-family: DINOTBold; font-size:12px; color:#C9252C; text-decoration:none;}
.removeLinks a:active {font-family: DINOTBold; font-size:12px; color:#C9252C; text-decoration:none;}
.removeLinks a:visited {font-family: DINOTBold; font-size:12px; color:#C9252C; text-decoration:none;}
.removeLinks a:hover {font-family: DINOTBold; font-size:12px; color:#C9252C; text-decoration:none;}

.removeLinks1 {font-family: DINOTBold; font-size:10px; color:#C9252C; text-decoration:none;}
.removeLinks1 a:link {font-family: DINOTBold; font-size:10px; color:#C9252C; text-decoration:none;}
.removeLinks1 a:active {font-family: DINOTBold; font-size:10px; color:#C9252C; text-decoration:none;}
.removeLinks1 a:visited {font-family: DINOTBold; font-size:10px; color:#C9252C; text-decoration:none;}
.removeLinks1 a:hover {font-family: DINOTBold; font-size:10px; color:#C9252C; text-decoration:none;}

/* Spry Tabbed Content */
.TabbedPanels {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: none;
	width: 363px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	positon: absolute;
	left: 0px;
	top: 1px;
	height: 383px; /* roy added was not there before */
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
position: relative;
top: 0px;
float: left;
padding: 2px 5.9px;
margin: 0px 0px 0px 0px;
background-color: #fff;
list-style: none;
color: #256FB6;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
height: 17px;
border-radius: 0px 0px 5px 5px; 
-moz-border-radius: 0px 0px 5px 5px; 
-webkit-border-radius: 0px 0px 5px 5px;
font-family: DINOTBold;
font-size: 12px;
}

.TabbedPanelsTabHover {
	background-color: #D9D9D9;
}

.TabbedPanelsTabSelected {
	background-color: #155FAA;
	color: #fff;
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	background-color: #fff;
}

.TabbedPanelsContent {
	overflow: hidden;
	padding: 2px;
	height: 380px; /* was 146px roy */
	font-family: DINOTRegular;
	font-size: 11px;
	position: relative;
	top: 3px;
}
.TabbedPanelsContent1 {
	overflow-y: scroll;
	padding: 4px;
	height: 146px;
	font-family: DINOTRegular;
	font-size: 11px;
	position:relative;
	top: 3px;
}
.TabbedPanelsContent2 {
	overflow: hidden;
	height: 380px; /* was 146px roy */
	font-family: DINOTRegular;
	font-size: 11px;
	position: relative;
}
.TabbedPanelsContentVisible {
}

.VTabbedPanels {
	overflow: hidden;
	zoom: 1;
}

.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 0px #999;
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}

/* Styles for Printing */
@media print {
.TabbedPanels {
	overflow: visible !important;
}
.TabbedPanelsContentGroup {
	display: block !important;
	overflow: visible !important;
	height: auto !important;
}
.TabbedPanelsContent {
	overflow: visible !important;
	display: block !important;
	clear:both !important;
}
.TabbedPanelsTab {
	 overflow: visible !important;
	 display: block !important;
	 clear:both !important;
}
}
/* Spry Tabbed Content */

/* Spry Collapsable Content */
@charset "UTF-8";

/* SpryCollapsiblePanel.css - version 0.5 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main CollapsiblePanel container. For our
 * default style, the CollapsiblePanel is responsible for drawing the borders
 * around the widget.
 *
 * If you want to constrain the width of the CollapsiblePanel widget, set a width on
 * the CollapsiblePanel container. By default, our CollapsiblePanel expands horizontally to fill
 * up available space.
 *
 * The name of the class ("CollapsiblePanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * CollapsiblePanel container.
 */
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #999;
	border-bottom: solid 1px #CCC;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-color: #DDD;
	border-bottom: solid 1px #CCC;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #EEE;
}

/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
 /* background-color: #EFEFEF */
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #CCC;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #3399FF;
}
/* / Collapsable Content */
.apiLeft {
	width: 50px;
	float: left;
	padding-right: 5px;
	clear: both;
	height: 50px;
}
.apiRight {
	float: left;
	clear: both;
}
.suggest_link {
    background-color: #fff;
    float: left;
	font-family: DINOTRegular;
	font-size: 11px;
    padding: 6px 6px;
	clear: both;
}
.suggest_link_highlight {
	background-color: #CCC;
    /*background-color: #fff;
    float: left;
	font-family: DINOTRegular;
	font-size: 11px;*/
}
.suggest_link_over {
    background-color: #fff;
    cursor: pointer;
    float: left;
    padding: 6px 6px;
	font-family: DINOTRegular;
	font-size: 11px;
}
.wizard {font-family: DINOTRegular; font-size:15px; color:#064E88; text-decoration:none;}
.wizard a:link {font-family: DINOTRegular; font-size:15px; color:#064E88; text-decoration:none;}
.wizard a:active {font-family: DINOTRegular; font-size:15px; color:#064E88; text-decoration:none;}
.wizard a:visited {font-family: DINOTRegular; font-size:15px; color:#064E88; text-decoration:none;}
.wizard a:hover {font-family: DINOTRegular; font-size:15px; color:#064E88; text-decoration:none;}


.wizard1 {font-family: DINOTBold; font-size:20px; color:#064E88; text-decoration:none;}
.wizard1 a:link {font-family: DINOTBold; font-size:20px; color:#064E88; text-decoration:none;}
.wizard1 a:active {font-family: DINOTBold; font-size:20px; color:#064E88; text-decoration:none;}
.wizard1 a:visited {font-family: DINOTBold; font-size:20px; color:#064E88; text-decoration:none;}
.wizard1 a:hover {font-family: DINOTBold; font-size:20px; color:#064E88; text-decoration:none;}

#footer {
background-color: #fff;
width: 980px;
/*height: 110px;*/
position: relative;
/*top: -3px;*/
margin-top:10px;
}
.accessoryResult {
width: 170px;	
}
.accessoryText {
position: absolute;
left: 70px;
}
.accessoryText
{
left: 0px;	
}
.accessoryImage {
width: 70px;
float: left;
}
.checkoutTitlesBold1 {
font-family: DINOTBold;
font-size: 24px;
color: #000;	
}
.checkoutTitlesRegular1 {
font-family: DINOTRegular;
font-size: 24px;
color: #000;
}
.greySeperator1 {
height: 1px;
width: 480px;
display: block;
background-color: #939598;
margin-left: 0px;
margin-right: auto;
margin-bottom: 10px;	
}
.greySeperator2 {
height: 1px;
width: 980px;
display: block;
background-color: #939598;
margin-left: 0px;
margin-right: auto;
margin-bottom: 10px;	
margin-top: 15px;
}
.beaumontsHelp {
	left: 946px;
	top: 260px;
	position: absolute;
}
.beaumontsHelp1 {
	left: 954px;
	top: 260px;
	position: absolute;
}

/*  */
.botton_slider{
	/*
	margin-left:-40px;
	margin-top:-30px;
	*/
}
.botton_slider li{
	float:left;
}

.botton_slider ul {
	padding-left:0 !important;
}


.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
width: 780px;
height: 400px !important;
} 

/* CSS TOP.html Start*/
.sub-menu-icon {
	float:right;
	display:block !important;
}
.greyBarTop {
  background: url("/images/footer/footerbar.gif") repeat fixed center top rgba(0, 0, 0, 0);
  
  float: left;
  height: 35px;
  width:100%;
 
}
.headButtons {font-family: DINOTBold; font-size:10px; color:#c6c6c6; text-decoration:none;}
.headButtons a:link {font-family: DINOTBold; font-size:10px; color:#c6c6c6; text-decoration:none;}
.headButtons a:active {font-family: DINOTBold; font-size:10px; color:#c6c6c6; text-decoration:none;}
.headButtons a:visited {font-family: DINOTBold; font-size:10px; color:#c6c6c6; text-decoration:none;}
.headButtons a:hover {font-family: DINOTBold; font-size:10px; color:#c6c6c6; text-decoration:none;}

#searchBar {
background-image: url("/images/header/SearchBar.png");
background-repeat: no-repeat;
width: 317px;
z-index: 300;
position: absolute;
top: 54px;
left: 400px;
height: 21px;
float: left;
}
#search_suggest {
	position: absolute;
	background-color: #FFF;
	text-align: left;
	border: 1px solid #000;
	width: 285px !important;
	top: 28px !important;
	left: 5px !important;
	z-index: 2000;
}
.search-box {
	width: 268px;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 301;
	top: 3px;
	left: 4px;
	height: 11px;
	border: none;
	font-family: DINOTRegular;
	font-size: 10px;
	
}
.searchButton {
	background-image: url('/images/header/button_search.png');
	/*background-repeat: no-repeat;*/
	position: absolute;
	cursor:pointer;
	left: 285px;
	top: 2px;
	z-index: 301;
	border: none;
	height: 25px;
	width: 35px;
	margin-top: 60px;
	margin-left: 410px
}
.loginoverlaybutton {
	background-image: url("/images/login/Button-LoginUp.png");
	width: 96px;
	height: 30px;
	border: none;
}
.loginoverlaybutton1 {
	width: 192px;
	height: 30px;
	border: none;
}
ul.basketLinks {
	background-color: #FFFFFF;
    float: right;
    list-style: none outside none;
    margin: 0 17px 0 0;
    padding: 5px 0 0;
}
ul.basketLinks li {
    display: inline;
    list-style: none outside none;
    vertical-align: middle;
}
ul.basketLinks li a.linkOne {
    background: url("/images/header/viewcart.png") no-repeat scroll right top transparent;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 2px 28px 10px 0;
    text-decoration: none;
}
.basketDropInfoArea {
	background-color: #FFF;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    width: 240px;
	left: -135px;
	z-index: 10000;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.basketDropInfo {
	background-color: #FFF;
    border-bottom: 1px solid #4C4C4C;
    margin: 0 0 0 0px;
    padding: 10px 0;
    position:
    width: 240px;
	left: -135px;
}
#telephoneArea {	
	width: 450px;
	height: 30px;
	position: absolute;
	top: 10px;
}
/*.telephoneNumber {
	font-family: DINOTBold;
	font-size: 18px;
	color: #e30613;
}*/
.telephoneInternational {
	font-family: DINOTRegular;
	font-size: 11px;
	color: #e6e6e6;
}
.adinsightNumber4434 {
	font-family: DINOTBold;
	font-size: 18px;
	color: #e30613;	
}
.HeaderBar{
	width:990px;
	height:130px;
	background-image: url('/images/header/HeaderBar.gif');
	/*z-index:0;*/
	z-index:999;
	background-repeat:no-repeat;
	position:relative;
}
.header_menu{
	padding-left:189px;
	padding-top:67px;
	margin-top:0px;
}
.header_menu li {
    float: left;
	padding-left:14px;
}
.header_menu a{font-family: DINOTBold; font-size:12px; color:#A7A9AC;}
.header_menu li a:hover {font-family: DINOTBold; font-size:12px; color:#A7A9AC;}
.header_menu .login {font-family: DINOTBold; font-size:12px; color:#ED1C24;}
.header_menu_cart li{
	float: left;
	padding-left:15px;
	margin-left:2px;
	padding-top:2px;
}
.header_menu_cart .checkout{width:75px; height:40px; background-image: url('/images/header/checkout.gif'); z-index:0; background-repeat:no-repeat; position:relative;}
.order{width:75px; height:40px; background-image: url('/images/header/order.gif'); z-index:0; background-repeat:no-repeat; position:relative;}
.menu_cart {font-family: DINOTBold; font-size:10px; color:#FFFFFF; padding-top:5px;}
.phone_info{font-family: DINOTBold; font-size:18px; color:#ED1C24;}
.international_phone_info{font-family: DINOTRegular; font-size:11px; color:#808285; padding-left:20px;}
.searchBarNew {width:130px;float: left; margin-top: -12px; padding-left: 40px}
.input_search{border-radius: 10px;border: 10px;width: 250px;color:#808285;}
/* CSS TOP.html End*/

/* CSS Footer.html start*/
#footer .footer_main .menu_item a { color:#ED1C24; }
.footerLinks {font-family: DINOTRegular; font-size:12px; color:#808285; text-decoration:none;}
.footerLinks a:link {font-family: DINOTRegular; font-size:12px; color:#808285; text-decoration:none;}
.footerLinks a:active {font-family: DINOTRegular; font-size:12px; color:#808285; text-decoration:none;}
.footerLinks a:visited {font-family: DINOTRegular; font-size:12px; color:#808285; text-decoration:none;}
.footerLinks a:hover {font-family: DINOTRegular; font-size:12px; color:#808285; text-decoration:none;}

.footerLinks {font-family: DINOTRegular; font-size:12px; color:#000; text-decoration:none;}

.footerCopyright {font-family: DINOTBold; font-size:12px; color:#6E6F72; text-decoration:none; text-align:justify}
.footerCopyright2 {font-family: DINOTRegular; font-size:12px; color:#6E6F72; text-decoration:none; text-align:justify}

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	max-width: 870px !important;
	margin:0 auto;
	position: relative;
	padding: 0;
	*zoom: 1;
	background-color: #fff;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #FFFFFF;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
	background: #fff;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(http://www.debourg.ch/themes/js/bxslider/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
	background: #fff;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	background: #fff;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: -5%;
	background: url(http://www.debourg.ch/themes/js/bxslider/images/controls.png) no-repeat 0 -29px;
}

.bx-wrapper .bx-next {
	right: -5%;
	background: url(http://www.debourg.ch/themes/js/bxslider/images/controls.png) no-repeat -29px -29px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -29px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	outline: 0;
	width: 29px;
	height: 29px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(http://www.debourg.ch/themes/js/bxslider/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(http://www.debourg.ch/themes/js/bxslider/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
#siteContainer {
width: 980px;
margin: 0 auto 0;
padding: 70px 40px 0;
background: #FFF;
}
.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12 {
float:left;
position:relative;
min-height:1px;
/*padding-right:15px;
padding-left:15px;*/
}

.col-12 {
width:100%;
}

.col-11 {
width:91.66666667%;
}

.col-10 {
width:83.33333333%;
}

.col-9 {
width:75%;
}

.col-8 {
width:66.66666667%;
}

.col-7 {
width:58.33333333%;
}

.col-6 {
width:50%;
}

.col-5 {
width:41.66666667%;
}

.col-4 {
width:32.22222229%;
}

.col-3 {
width:25%;
}

.col-2 {
width:16.66666667%;
}

.col-1 {
width:8.33333333%;
}
.col-3 h3 {
color: #7B7D80;
}
.text_tegister {font-family: DINOTRegular; font-size:11px; color:#ED1C24; text-decoration:none; text-align:justify}
.menu_item {font-family: DINOTRegular; font-size:12px; color:#ED1C24; text-decoration:none; text-align:justify; }
.menu_item a {font-family: DINOTRegular; font-size:12px; color:#ED1C24; text-decoration:none; text-align:justify; line-height:18px; }
.menu_item a:hover {font-family: DINOTRegular; font-size:12px; color:#ED1C24; text-decoration:none; text-align:justify}
.menu_item a:visited { color:#ED1C24; }
.input_textfield {font-family: DINOTRegular; font-size:14px; color:#808285;}


.footer_main {
	width:990px; height:280px; background-image: url('/images/footer/footer-main.gif'); z-index:0; background-repeat:no-repeat; position:relative;
}
img.opacity {opacity: 0.5; filter: alpha(opacity=50);}
img.opacity:hover {opacity: 1; filter: alpha(opacity=100);}
#devSocial {width:95px; height:20px; background-image: url('/images/footer/Social-Icons.jpg'); z-index:0; background-repeat:no-repeat; position:relative; top:28px; left:5px;}
.cursor {cursor: pointer;}
.twitter {position: relative; width: 17px; height:17px; /*border:1px solid #000;*/ z-index:1; left: 2px; top: 3px;}
.facebook{position: relative; width: 17px; height:17px; /*border:1px solid #000;*/ z-index:1; left: 26px; top: -16px;}
.linkedin {position: relative; width: 17px; height:17px; /*border:1px solid #000;*/ z-index:1; left: 48px; top: -35px;}
.youtube {position: relative; width: 17px; height:17px; /*border:1px solid #000;*/ z-index:1; left: 74px; top: -54px;}
ul {
    list-style-type: none;
	
	
} 

.social_media{
	padding-left:337px;
	padding-top:10px;
}
.social_media li {
    float: left;
	padding-left:14px;
}
.social_media .facebook:hover{
width: 400px;
  height: 400px;
}
.footerbar{
width:258px; height:35px; background-image: url('/images/footer/footerbar.gif'); z-index:-9; background-repeat:repeat;;
}
.fb_icon:hover{
background: url('/images/footer/facebook-down.gif');
width:40px;
height:40px;
display: block;
text-indent: -99999px;

}
.fb_icon {
	background: url('/images/footer/facebook-up.gif');
width:40px;
height:40px;
display: block;
text-indent: -99999px;
}

.linkedin_icon:hover{
background: url('/images/footer/linkedin-down.gif');
width:40px;
height:40px;
display: block;
text-indent: -99999px;

}
.linkedin_icon {
	background: url('/images/footer/linkedin-up.gif');
width:40px;
height:40px;
display: block;
text-indent: -99999px;
}
.google_icon:hover{
background: url('/images/footer/google-down.gif');
width:40px;
height:40px;
display: block;
text-indent: -99999px;

}
.google_icon {
	background: url('/images/footer/google-up.gif');
width:40px;
height:40px;
display: block;
text-indent: -99999px;
}
.twitter_icon:hover{
background: url('/images/footer/twitter-down.gif');
width:40px;
height:40px;
display: block;
text-indent: -99999px;

}
.twitter_icon {
	background: url('/images/footer/twitter-up.gif');
width:40px;
height:40px;
display: block;
text-indent: -99999px;
}

.greyBarFooter {
  background: url("/images/footer/footerbar.gif") repeat fixed center bottom rgba(0, 0, 0, 0);
  float: left;
  height: 35px;
 
  width: 100%;
  margin-top: -26px;
}
.footerCopyright_container{
	height:20px; 
	margin-left:30px; 
	padding-top: 25px; 
	float:left;
	margin-top: 10px;
}
.footerlinks_container{
	height:20px; 
	padding-top: 25px; 
	padding-right: 50px; 
	float:right;
	margin-top:10px;
}

.signup_btn {
  background: url("/images/footer/signup_btn.PNG") no-repeat fixed 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  cursor:pointer;
  height: 58px;
  margin-left: -7px;
  margin-top: 2px;
  width: 289px;
}

/* CSS Footer.html End*/

/* Button BEfore slider and after slider start*/

.brochure_btn:hover{
background: url('/images/index/grey1.1-down.gif');
display: block;
text-indent: -99999px;
width:324px;
height:55px;
padding-left:3px;
}
.brochure_btn {
background: url('/images/index/grey1.1-up.gif');
display: block;
text-indent: -99999px;
width:324px;
height:55px;
padding-left:3px;
}
.account_btn:hover{
background: url('/images/index/grey1.2-down.gif');
display: block;
text-indent: -99999px;
width:327px;
height:55px;
padding-left:0px;
}
.account_btn {
background: url('/images/index/grey1.2-up.gif');
display: block;
text-indent: -99999px;
width:327px;
height:55px;
padding-left:0px;
}
.collect_btn:hover{
background: url('/images/index/grey1.3-down.gif');
display: block;
text-indent: -99999px;
width:324px;
height:55px;
padding-left:2px;

}
.collect_btn {
background: url('/images/index/grey1.3-up.gif');
display: block;
text-indent: -99999px;
width:324px;
height:55px;
padding-left:2px;
}

.choosey3k_btn:hover{
background: url('/images/index/grey2.3-down.gif');
display: block;
text-indent: -99999px;
width:324px;
height:55px;
padding-left:2px;
}
.choosey3k_btn {
background: url('/images/index/grey2.3-up.gif');
display: block;
text-indent: -99999px;
width:324px;
height:55px;
padding-left:2px;
}
.export_btn:hover{
background: url('/images/index/grey2.2-down.gif');
display: block;
text-indent: -99999px;
width:327px;
height:55px;
padding-left:0px;
}
.export_btn {
background: url('/images/index/grey2.2-up.gif');
display: block;
text-indent: -99999px;
width:327px;
height:55px;
padding-left:0px;
}
.become_btn:hover{
background: url('/images/index/grey2.1-down.gif');
display: block;
text-indent: -99999px;
width:324px;
height:55px;
padding-left:3px;
}
.become_btn {
background: url('/images/index/grey2.1-up.gif');
display: block;
text-indent: -99999px;
width:324px;
height:55px;
padding-left:3px;
}

/*END*/

/*Index*/
.hotpress {	
	background-image:url('/images/index/hotpress.gif');
	width: 980px;
	height: 60px;
	margin-top:10px;
	margin-bottom:10px;
}
.headline_hotpress {
	font-family:DINOTBold; 
	font-size: 15px;
	color: #006db7;
}
.date_hotpress{
	font-family:DINOTRegular; 
	font-size: 12px;
	color: #808285;
	float:right;
	padding-right:15px;
	padding-top:10px;
}
.headline_hotpress_container1{
	width:300px; 
	padding-left:350px; 
	padding-top: 10px;
	position:absolute;
	z-index:99;
}
.headline_hotpress_container2{
	float:left; 
	padding-top: 10px;	
	padding-left:680px;
	width:300px;
	position:absolute;
}

.login_btn:hover{
background: url('/images/product/login-up.gif') no-repeat;
display: block;
text-indent: -99999px;
height: 20px;
padding-left:2px;
width: 100px;
margin-top: 6px;

}
.login_btn {
background: url('/images/product/login-down.gif') no-repeat;
display: block;
text-indent: -99999px;
height: 20px;
padding-left:2px;
width: 100px;
margin-top: 6px;
}

.addorder_btn:hover{
background: url('/images/product/addorder-up.gif') no-repeat;
display: block;
text-indent: -99999px;
height: 20px;
padding-left:2px;
width: 90px;
}
.addorder_btn {
background: url('/images/product/addorder-down.gif') no-repeat;
display: block;
text-indent: -99999px;
height: 20px;
padding-left:2px;
width: 90px;
}

.addto_wishlist_btn:hover{
background: url('/images/product/AddToQuote-Up.png') no-repeat;
display: block;
text-indent: -99999px;
height: 20px;
padding-left:2px;
width: 140px;
}
.addto_wishlist_btn {
background: url('/images/product/AddToQuote-Down.png') no-repeat;
display: block;
text-indent: -99999px;
height: 20px;
padding-left:2px;
width: 140px;
}

.info_btn:hover{
background: url('/images/product/infobutton-up.gif') no-repeat;
display: block;
text-indent: -99999px;
height: 20px;
padding-left:2px;
width: 140px;
}
.info_btn {
background: url('/images/product/infobutton-down.gif') no-repeat;
display: block;
text-indent: -99999px;
height: 20px;
padding-left:2px;
width: 140px;
}


#reviewbar {
background: url('/images/product/reviewbar.gif') no-repeat;
display: block;
text-indent: 1px;
height: 50px;
padding-left:2px;

}

#dff-download {
	background: url('/images/product/bgrd-icon-download.gif') no-repeat;
	display: block;
	background-position: bottom right;
}

#dff-reviews {
	background: url('/images/product/bgrd-icon-review.gif') no-repeat;
	display: block;
	background-position: bottom right;
	height: auto;
}

#dff_search_resultBtn:hover{
background: url('/images/search/viewresult-up.gif') no-repeat;
display: block;
height: 30px;
width: 500px;
}
#dff_search_resultBtn {
background: url('/images/search/viewresult-down.gif') no-repeat;
display: block;
height: 30px;
width: 500px;
}
#dff_grey_line {
	background: url('/images/search/seperator-1px.gif') no-repeat;
	display: block;
	height:1px;
	width:100%;
}

.dff_btn_browse:hover{
background: url('/images/search/closefilters-up.gif') no-repeat;
display: block;
height: 20px;
width:20px;

}
.dff_btn_browse {
background: url('/images/search/closefilters-down.gif') no-repeat;
display: block;
height: 20px;
width:20px;
}


.dff_btn_buy:hover{
background: url('/images/search/buy-up.gif') no-repeat;
display: block;
height: 25px;
width:100px;
cursor:pointer;
}
.dff_btn_buy {
background: url('/images/search/buy-down.gif') no-repeat;
display: block;
height: 25px;
width:100px;
cursor:pointer;
}

.dff_btn_view:hover{
background: url('/images/search/view-up.gif') no-repeat;
display: block;
height: 25px;
width:100px;
cursor:pointer;
}
.dff_btn_view {
background: url('/images/search/view-down.gif') no-repeat;
display: block;
height: 25px;
width:100px;
cursor:pointer;
}

.dff_btn_login:hover{
background: url('/images/search/login-up.gif') no-repeat;
display: block;
height: 25px;
width:100px;
cursor:pointer;
}
.dff_btn_login {
background: url('/images/search/login-down.gif') no-repeat;
display: block;
height: 25px;
width:100px;
cursor:pointer;
}


#jumpto_bar{
	background: url('/images/product/jumpto-bar.gif') no-repeat;
	display: block;
	height:55px;
	width:100%;
}


/*END*/


.spec_table_container th{
	
	font-size:20px;; 
	color:#006DB7; 
	font-family:DINOTBold;
}

.spec_table_content {
	padding-left:10px;
	padding-right:10px;
}

#search_suggest {
  background-color: #fff;
  border: 1px solid #d3dade !important;
  left: 5px !important;
  position: absolute;
  text-align: left;
  top: 28px !important;
  width: 285px !important;
  z-index: 999999;
	margin-left:420px !important;
	margin-top: 60px !important;

}



.cart-table{
	width:940px !important;
}

.basketDropInfoArea{
	 border: 1px solid #d3dade !important;
}

.search_product_attribute .item {
	float: left;
	margin-top: 5px;
	font-size: 20px;
	color:#006DB7;
	font-family:DINOTBold;
}

.search_product_attribute .left_separator {
	border-left: 1px solid #CBCCCD;
	margin-left: 7px;
  	padding-left: 7px;
}