@charset "utf-8";
/* ~~ The first section correponds to the maximum width version of 980 pixels ~~ */

div.wrapper { 
width: 980px; 
margin:0px auto;
 }
.addinfo{
margin-bottom: 30px;
}
div.secure{
float: left;
width: 100%;
text-align: center;
}
div.betta{
width: 100%;
margin: 0 auto;
}
div.bettatext{
width: 250px;
float: left;
padding: 10px;
}
div.copyright {
float: right;
width: 150px;
padding: 10px;
}
div.bettatext a{
color: #999;
}
div.search_main{ 
float: right;
width: 250px;
margin: -40px 30px 0 0;
clear: right;
	text-align: right;
}
div.detailoutofstock{
float: right;
width: 40%;
}
div.detailshortdescription{ float: right; width: 40%;}
.input_text{
	 width:145px!important;
	 background:#fff;
	 height:20px;
	 border:1px solid #fff;
border-radius: 5px;
	 padding:0 5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin:0px;
	font-size:14px;
	font-weight: normal;
	color:#333;
	line-height:normal;
font-family: arial!important;
 }

.search_main input[type=submit] {
background:#0d0d0d; 
cursor:pointer;
color: #999!important;
width: 28px;
border: none!important;
}
div.topmenu{
float: left;
width: 100%;
background: #000;
margin-bottom: 15px;
}
div.checkoutsteps{
text-align:center;
font-weight:bold;
padding-bottom:4px;
margin-bottom:8px;
border: 1px #333 solid;
background-color:#333;
color:#fff;
}
div.detailthumbnailimage{
padding: 5px 0px 0px 0px;
}
div.catnavigation{
padding: 0px 0px 15px 0px;
}
div.categorymessage, .navdesc{
display: none;
}
div.category{
float: left;
width: 23%;
height: 250px;
margin: 3px 0px 3px 10px;
}
div.catname{
float: left;
width: 100%;
text-align: center;
}
div.catimage{
width: 100%;
padding: 4px;
}
.catimage img{
display: block;
margin: 0 auto;
}
.minicartoneline{
display: none;
}
.minicartoneline1{
color: #690000;
margin: 20px 0 30px 0;
float: left;
width: 190px;
z-index: 1;
}
.minicartoneline2{
display: none;
}
div.minicartoneline3{
float: left;
width: 200px;
margin-left: -190px;
z-index: 2;
}
div.product{
float: left;
width: 25%;
height: 330px;
}
div.prodprice{
text-align: center;
}
div.prodname{
float: left;
width: 95%;
text-align: center;
}
div.emailfriend{
float: left;
width: 100%;
text-align: center;
margin: 10px 0px 0px 0px;
}
table.emftbl{
background: #fff!important;
}
img.prodimage, img.catimage{
border: 1px solid #690000!important;
border-radius: 15px;
}
.detaildiscounts, .detaildiscountsapply, .discountsapply, .allcatdiscounts{
display: none;
}
.detailnotifystock{
float: left;
width: 210px;
	background:#333;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
	box-shadow: 2px 2px 6px #888;
}
.detailnotifystock a{
	color:#fff!important;
}

.detailname{
float: left;
width: 260px;
margin: 0px 0 10px 0;
}
.detailname h1{
font-size: 18px!important;
}
.detailprice{
float: left;
width: 250px;
margin: 0px 0 10px 0;
}

.detaillistprice{
float: left;
width: 250px;
margin: 0px 0 10px 0;
}
.detaildescription{
float: left;
width: 100%;
padding: 20px 0px 0 5px;
}
.detailquantity{
float: left;
width: 270px;
}
.detailquantityinput{
float: right;
width: 195px;
}
.detailquantitytext{
float: left;
width: 55px;
margin-top: 3px;
text-align: right;
}
.detailquantity input{
text-align: center;
width: 20px;
box-shadow: 1px 1px 4px #ccc;
}
.detailaddtocart{
float: left;
width: 250px;
margin: 20px 0 0px 0;
}
img.cartimage {
width: 80px;
}

.previousnext{
float: right;
width: 40%;
margin: 8px 0 0 0;
}
.detailprodnavigation{
float: left;
width: 50% !important;
}
input.buybutton, input.sccheckout, input.vieworderstatus,input.viewlicense, input.trackpackage{
	background:#333;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
	box-shadow: 2px 2px 6px #888;
}
input.checkoutbutton{
	background:#333;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
	box-shadow: 2px 2px 6px #888;
}


input.checkoutbutton2{
	background:#333;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
	box-shadow: 2px 2px 6px #888;
margin: 20px 0 10px 0;
}
input.checkoutbutton3{
	background:#333;
	color:#fff;
	padding:6px 16px;
	border:0;
	border-radius:4px;
	font-size:1.1em;
	box-shadow: 2px 2px 6px #888;
margin: 0px 0px 15px 0px;
}

div.detailcheckoutbutton{
display: none;
}
input.buybutton:hover, input.sccheckout:hover, input.checkoutbutton:hover, input.vieworderstatus:hover, input.viewlicense:hover, input.trackpackage:hover{
	color:#fff;
	cursor:pointer;
	background-image: url(../images/buy-bg.jpg);
	background-repeat: repeat-x;
}

div.detailimage{
float: left;
width: 60%;
}
.detailprodnavigation{
float: left;
width: 99%;
padding: 10px 0 10px 0;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

a {
   outline: none;
   text-decoration: none;

}


/* ------------------ Shared Between All Pages ------------------ */



/* ---- Layout ---- */


.fl {float: left;}
.fr {float: right;}

a {color: #690000;}

p {line-height: 1.5em;}



body {
	background: url(../images/bgsm.png) repeat top left;
	font-family: "Helvetica Neue", Helvetic, Arial, sans-serif;
	color: #000;
	height: 100%;
	margin: 10px 0 30px 0;
	}

div.header {
	width: 100%;
	height: 137px;
	margin-top: -2px;
	background-image: url(../images/header.jpg);
	background-repeat: repeat-x;
	border: none;
	border-radius: 15px 15px 0 0;
	}
	
	
	div.logo {
	width: 270px;
		margin:2px 0px 0px 30px;
		}
	div.welcome {
	float: right;
	height: 25px;
	width: 200px;
	margin-right: 28px;
	padding: 20px 30px 0 0;
	font-size: 13px;
	color: #999;
	text-align:right;
	background-image: url(../images/usaflag.gif);
	background-repeat: no-repeat;
	background-position: 200px 18px;
	}	
.search_main{ 
float: right;
width: 250px;
margin: 10px 10px 0 0px;
	text-align: right;
}
.input_text{
	 width:120px;
	 background:#fff;
	 height:20px;
	 border:1px solid #c1c1c1;
	 padding:0 5%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin:0px;
	font-family: Georgia;
	font-size:14px;
	font-weight: normal;
	color:#333333;
	line-height:normal;

	
 }
.search_main input[type=submit] {
background:#000; 
cursor:pointer;
color: #fff;
 }
div.container {
	width: 100%;
	float: left;
		border:0;
	border-radius: 15px;
	box-shadow: 0px 0px 10px #666;
	margin-bottom: 25px;
	}


div.sidebar {
	width: 210px;
	float: left;
margin-top: 0px;
	padding-left: 30px;
	background: url(../images/sidebar.jpg) no-repeat top right;
	}
div.sidebar img {
margin-bottom: 10px;
}
div.sidebar h2 {
	color: #000;
	font-size: 13px;
	margin: 45px 0 5px 0;
	}
	#nav {
		margin-top: 0px;
		}
	
	#nav div.navitem, #nav div.navitem-normal {
		line-height: 38px;
		background: url(../images/hr.jpg) no-repeat bottom right;
		margin-right: 2px;
		font-size: 24px;
		}
	
	#nav div.navitem , #nav div.navitem-normal a{
		color: #690000;
		
		}
	#nav div.navitem a:hover, #nav div.navitem-normal a:hover {
		color: #000;
		}
	div.subnav ul li 
		{
		text-indent: 5px;
		line-height: 30px;

		font-size: 14px;
		margin-left: 20px;
		
		}	
	div.subnav ul li a {
		font-size: 14px;
		}	
		div.subnav li.active {
list-style-type: square;
}
	#contactinfo {
		margin-top: 50px;
		margin-bottom: 20px;
		font-size: 13px;
		}

div.content {
	margin-left: 270px;
	margin-top: 20px;
	width: 70%;
	font-size: 15px;
	position:relative;
	margin-bottom:20px;
	}

div.content h1, .content h2 {
	color: #690000;
	font-size: 24px;
	margin-bottom: 5px;
	}
div.content h3 {
	color: #000000;
	font-size: 18px;
	margin-bottom: 10px;}
div.content h4 {
	font-size: 14px;
	color: #000;
	margin-bottom: 5px;
	font-weight:bold;
	}	
	

div.content p {
	margin-bottom: 10px;
	line-height: 1.5em;
	font-size: 1em;
	}
	
	
div.footer {
float: left;
	height: 50px;
	width: 100%;
	background-image: url(../images/header.jpg);
	border: 0px;
	border-radius: 0 0 15px 15px;
	color: #8c8c8c;
	font-size:13px;
	}	
	


/* ------------------ Homepage ------------------ */

/* ------------------ featured------------------ */

.my-slider-list, .my-slider-item ul, li {
	list-style: none;
}

.my-slider {
	height: 230px;
	margin: 0 auto;
	/*width: 900px;*/
	width: 100%;
}
.my-slider ul {
	height: 230px;
	overflow: hidden;
}
.my-slider li {
	float: left;
}
.my-slider-item img{
border: 1px solid #690000;
border-radius: 10px;
margin: 0 3px 0 3px;
}

/* ------------------ end featured------------------ */
ul.models {text-align: center; }

ul.models li {width: 150px; height: 260px; float: left; margin-right: 10px; display: inline; }


div.rightcol {width: 50%; float: left; margin-top: 20px; }
div.rightcol img{
border: 1px solid #690000;
border-radius: 15px;
}

div.leftcol {width: 50%; float: left; margin-top: 20px; }

.more {text-transform: uppercase; font-size: 13px; font-weight: bold;}

span.desc {line-height: 30px;}

.technologybox {
float: left;
width: 100%;
}
.technologybox ul, .technologybox ol {margin-bottom: 15px; list-style-type:square; text-indent: 5px; padding-left:30px;}
.technologybox .thumb {margin-right: 20px; margin-bottom:10px; }
.technologybox .picture {padding: 3px;  font: 11px Arial, sans-serif;;}

.technologybox .picture img {
border: 2px solid #690000;
vertical-align:middle; 
margin-bottom: 3px;
 }

.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 

/* begin gallery styling */
#jgal { list-style: none; width: 100px; }
#jgal li { opacity: .5; float: left; display: block; width: 100px; height: 100px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 65px; left: 140px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 10px 10px 0; }

ul.desc { font-size: 13px; margin-bottom: 10px; }
ul.desc li {list-style-type:square; margin-left: 15px; margin-bottom: 3px;width: 660px;}

/* --------------------- Support -------------------------- */

#contact input {padding: 5px;font-size: 13px;}
#contact #message {padding: 5px;font-family: "Helvetica Neue", Helvetic, Arial, sans-serif; font-size: 13px;}

/* ----------------------------- News --------------------- */
.newsitem {padding-bottom: 20px;}
.newsitem h1.newstitle {}
.newsitem p.newsdate {font-weight:bold; color: #000; padding-bottom: 5px;}


/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdan, Arial, Genev, Helvetic, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}




/* Nav Active Links */
/*
#home div.home ,
#company div.company , 

#news div.news ,
#support div.support ,  
*/
#models li.models, 
#models-da34-35 li.models-da34-35,
#models-da36-37 li.models-da36-37, 
#models-da44-45 li.models-da44-45, 
#models-da46-47 li.models-da46-47, 
#models-dc56-57 li.models-dc56-57, 
#models-dc66-67 li.models-dc66-67, 
#models-dk10-11 li.models-dk10-11,
#models-dk12-13 li.models-dk12-13,
#models-dk14-15 li.models-dk14-15, 

#da34 li.da34,
#da34b li.da34b,
#da35 li.da35,
#da35b li.da35b,

#da36 li.da36,
#da36b li.da36b,
#da37 li.da37,
#da37b li.da37b,
#da46 li.da46,
#da46b li.da46b, 
#da47 li.da47,
#da47b li.da47b,
#dc66 li.dc66,
#dc66b li.dc66b, 
#dc66si li.dc66si, 
#dc66si-b li.dc66si-b, 
#dc57 li.dc57,
#dc56 li.dc56, 
#dc67 li.dc67,
#dc67b li.dc67b,
#dc67si li.dc67si,
#dc67si-b li.dc67si-b,

#ballbearing li.ballbearing , 
#bezel li.bezel , 
#crown li.crown , 
#damestcoating li.damestcoating , 
#epsspring li.epsspring , 
#gasket li.gasket , 
#magneticprotection li.magneticprotection , 
#oilfree li.oilfree , 
#rotor li.rotor , 
#stainless li.stainless , 
#watchcase li.watchcase , 
#windingsystem li.windingsystem  

{
list-style-type: square;
}
#currentpage{
list-style-type: square;
}


a.forsale-anchor {color: #000000;}

h6#breadcrumbs, h6#breadcrumbs a {font-size: 13px; color: #690000; }
h6#breadcrumbs a:hover {color: #000;}

/*This is the first breakpoint and contains styles for screens 980px to 710px*/
@media screen and (max-width: 980px) {
	
div.wrapper { 
width: 780px; 
 }
  div.content{
 width: 63%;
 }
div.detailshortdescription{ float: left; width: 90%;}
   .technologybox img {
  max-width: 88%;
  height: auto;
  }
 div.product{
width: 33%;
}

 div.category{
width: 40%;
}
}

/*This is the second breakpoint and contains styles for screens 710px to 480px*/
@media screen and (max-width: 715px) {
div.wrapper { 
width: 480px; 
 }
div.detailshortdescription{ float: left; width: 95%; text-align: center;}
 div.sidebar{
 display: none;
 }
.content h2 {
margin-left: 10px;
}
div.detailoutofstock{
float: left;
width: 100%;
text-align: center;
}
 div.content{
 width: 100%;
 margin: 0px;
 }
  div.product{
width: 47%;
text-align: center;
}
 .technologybox {
 width: 95%;
padding: 0 10px 0 10px;
border-bottom: 2px solid #690000;
}
 div.logo{
 width: 185px;
 height: 150px;
 }
 .logo img {
 max-width: 93%;
 height: auto;
 }
 .catnavigation{
 margin: 0 0 0 15px;
 }
 div.topmenu{
 margin-top: -20px;
 }
.detailname, .detailprice, .detailaddtocart, .previousnext{
width: 100%;
text-align: center;
}
.prodnavigation{
width: 100%!important;
text-align: center;
}
.detailimage{
width: 95%!important;
text-align: center;
}
.detailquantity{
float: left;
width: 90%;
}
.detailquantitytext{
float: left;
width: 205px;
}
.detailnotifystock{
margin-left: 105px;
}
.detaildescription{
width: 95%;
}
.my-slider{
width: 450px;
}
}

/*This is the last breakpoint and contains styles for screens 480px and lower*/
@media only screen and (max-width : 480px) {
div.wrapper { 
width: 312px; 
 }
 .detailimage{
width: 98%!important;
text-align: center;
}

 .detailnotifystock{
margin-left: 35px;
}
.detailquantitytext{
float: left;
width: 120px;
}
.detailquantityinput{
float: right;
width: 125px;
}
  div.product{
width: 95%;
text-align: center;
}
 div.category{
width: 95%;
}
	div.welcome {
	display: none;
	}
 .technologybox {
 width: 93%;
 }
 .copyright{
	display: none;
	}
	.search_main{
	float: left;
	width: 260px;
	}
.input_text{
	 width:200px!important;
	 }
	 div.logo{
	 margin-left: 70px;
	 }
	  /* ~~ Remove left hand field on checkout ~~*/
.cobcol1{
  	display:none;
}

/* ~~ Modify additional info field on checkout ~~*/
textarea.addinfo{
	width:150px;
}
.my-slider{
width: 290px;
}
}