@import url("reset.css");
@import url("cmxform.css");
@import url("thickbox.css");

/* main tags */
body { font-family: Tahoma, Arial, sans-serif; color:#000; background:#2d2d2d url(../images/core/bg.gif) repeat-y center top; overflow-x:hidden; }
.left { float:left; margin-right:20px;}
.right{ float:right; margin-left:20px; }
.clear { display:block; clear:both; }
h1, h3, h4, p { margin-bottom:15px; }
h4#margin { margin-left: 10px;}
h3 { font-size:11pt; color:#cc6600; margin-left:10px; }
h1 { font-size: 1.5em; color:#cc6600; font-weight: normal; }
a { color:#1c4bb6; }

ul.list { 
	list-style-type: square;
	margin-left: 40px;
	margin-bottom: 15px;
}

ul.list li { 
	line-height: 1.6em;
}

ul.left { 
	width: 200px;
	float: left;
	
}

/* clearFix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

a.back {
	height: 20px;
	display: block;
	text-align: right;
	border-top: 1px dashed #666666;
	font-size: 0.8em;
	color: #666666;
}

a:hover.back {
	color: #B40200; 
	text-decoration: underline; 
}

/* containers */
#container { margin:0 auto; width:940px; position:relative;overflow:hidden;}
#header{ height:200px; background:url(../images/core/header.gif) no-repeat;}
img#logo { position:absolute; top:0; left:20px; }
ul#nav{ position:absolute; top:60px; height:120px; right:10px;}
#main{ padding:0 20px 20px 20px; background: url(../images/core/mainBg.gif) repeat-x #fff; line-height:1.4em;}
#banner { width:650px; height:220px; display:block; background:url(../images/cycle/bg-banner.jpg) no-repeat 0 0; overflow: hidden;}
#banner img { clear: both; float: left; width: 640px; height: 210px; padding: 5px; display: inline-block; }
#banner-inner { width:650px; height:82px; display:block; background:url(../images/core/banner-inner.jpg) no-repeat; }


#mainLeft{ float:left; width:620px; padding-right:60px; font-size:10pt; }
#mainRight{float:left; width:220px;}
#footer{ width:880px; padding:18px 30px 0 30px; height:48px; margin-bottom:15px; background:url(../images/core/footer.gif) no-repeat; color:#858585; font-size:8pt; clear:both; position:relative;}

/* navigation */
ul#nav li { list-style:none; display:block; float:left; width:120px; height:120px;}
ul#nav li a { display:block; width:60px; height:105px; padding:15px 30px 0 30px; text-align:center; background: url(../images/core/nav.jpg) no-repeat; color:#fff; text-decoration:none; font-size:10pt;  }
ul#nav li a:hover { background-position:0 -120px; color:#000; font-weight:bold;}
#homepage li#navhome a, #onlinepage li#navonline a, #nessfield li#navnessfield a, #service-repair li#navservices a, #newspage li#navnews a, #contactpage li#navcontact a { background-position:0 -120px; color:#000; font-weight:bold;}

ul#buy { width:220px; }
ul#buy li, ul#buy li a { height:26px; display:block; }
ul#buy li a {background:url(../images/core/buyNav.gif) repeat-x!important; padding-left:30px; color:#fff; text-decoration:none; font-size:11pt; }
ul#buy li#last a {background-image:url(../images/core/lastNav2.gif)!important;}
ul#buy li a:hover {background-position: 0 -26px!important; font-weight:bold;}

ul#sponsors { width:200px; height:330px; padding:10px;  background:url(../images/core/sponsors.gif) no-repeat; }
ul#sponsors li { float:left; width:100px; height:30px; display:block; }
ul#sponsors li a { width:100px; height:30px; display:block; }
ul#sponsors li a:hover { background:url(../images/core/sponsors.gif) no-repeat; }

ul#sponsors li#sAsh a:hover {background-position: -10px -360px; } ul#sponsors li#sAmp a:hover {background-position: -110px -360px; }
ul#sponsors li#sDan a:hover {background-position: -10px -390px; } ul#sponsors li#sDig a:hover {background-position: -110px -390px; }
ul#sponsors li#sGal a:hover {background-position: -10px -420px; } ul#sponsors li#sHar a:hover {background-position: -110px -420px; }
ul#sponsors li#sKus a:hover {background-position: -10px -450px; } ul#sponsors li#sLan a:hover {background-position: -110px -450px; }
ul#sponsors li#sNum a:hover {background-position: -10px -480px; } ul#sponsors li#sPea a:hover {background-position: -110px -480px; }
ul#sponsors li#sBeh a:hover {background-position: -10px -510px; } ul#sponsors li#sCra a:hover {background-position: -110px -510px; }
ul#sponsors li#sDun a:hover {background-position: -10px -540px; } ul#sponsors li#sDav a:hover {background-position: -110px -540px; }
ul#sponsors li#sHug a:hover {background-position: -10px -570px; } ul#sponsors li#sIba a:hover {background-position: -110px -570px; }
ul#sponsors li#sLin a:hover {background-position: -10px -600px; } ul#sponsors li#sVox a:hover {background-position: -110px -600px; }
ul#sponsors li#sKor a:hover {background-position: -10px -630px; } ul#sponsors li#sTas a:hover {background-position: -110px -630px; }
ul#sponsors li#sMar a:hover {background-position: -10px -660px; } ul#sponsors li#sRan a:hover {background-position: -110px -660px; }

/* main left aspects */

#mainLeft p, #mainLeft h1, #mainLeft h2 { margin-left:10px; }

.blue {	color: #1a49b4;}
.red {	color: #B40200;}
.bright-red {	color: #ff0000;}
span.ctitle { text-align: center; display: block; font-weight: bold; }
span.ptitle { text-align: center; display: block; }

#crumb { color: #6e98f8; text-align:center;  position:relative; top:-34px; }
#crumb a { text-decoration:none; }
#crumb a:hover {text-decoration:underline; }
h1 { background-repeat: no-repeat; margin-top:20px; height:20px; width:400px; display:block;}
h1 span { display:none; }
h1#h1Home { background-image:url(../images/headers/h1home.gif); } h1#h1Cate { background-image:url(../images/headers/h1Cate.gif); }
h1#h1ProL { background-image:url(../images/headers/h1ProL.gif); } h1#h1ProD { background-image:url(../images/headers/h1ProD.gif); }
h1#h1Cart { background-image:url(../images/headers/h1Shop.gif); } h1#h1Chec { background-image:url(../images/headers/h1Chec.gif); }
h1#h1Ness { background-image:url(../images/headers/h1Ness.gif); } h1#h1Serv { background-image:url(../images/headers/h1Serv.gif); }
h1#h1NewL, h1#h1NewD { background-image:url(../images/headers/h1News.gif); } h1#h1Cont { background-image:url(../images/headers/h1Cont.gif); }

ul#products li {  float:left; margin:13px 13px; text-align:center; }
ul#products li a, ul#products li {  width:180px; height:170px; display:block; background: url(../images/core/productHolder.jpg) no-repeat; text-decoration:none; }
ul#products li a { color:#fff; }
ul#products li a:hover { background-position: 0 -170px; color:#ccc; }
ul#products li a img { padding:10px; }
ul#products li a p {padding: 0; margin:0; }

div#price-box {	width: 620px; clear: both; display: block; padding-bottom: 40px; }
ul#productDetails { width:600px; display:block; }
ul#productDetails li{ margin:2px 2px 2px 10px; padding:2px 5px 2px 10px; border-bottom:1px dashed#ccc; }
ul#productDetails a img { margin-top:4px; float:right; }

h3.title { clear: both; display: block; margin: 0 0 15px 0; }
ul.product-listing {width:600px; padding-left: 10px; float: left;}
ul.product-listing li {border-bottom:1px solid #ddd; display: block; float: left; margin-bottom: 15px; clear: both; width:600px; }
ul.product-listing li div.image {float:left;width:180px; height: auto; margin: 0 20px 0 5px; }
ul.product-listing li div.image img { display: block; clear: both; margin-bottom: 15px; }
ul.product-listing li div.copy {float:right;width:480px;padding:0 0 0 15px;}
ul.product-listing li div.price-and-button { float:left;width:160px; padding: 5px 10px 0 10px; margin: 0; border-top: 1px dotted #d2d2d2; border-bottom: 1px dotted #d2d2d2;}
ul.product-listing li div.price-and-button p {font-weight: bold; fonr-size: 1.3em; margin: 0 0 10px 0!important;}
ul.product-listing li div.price-and-button input {background:url(../images/core/addCartBut.gif) no-repeat 0 0;width:75px;height:21px;border:none;cursor:pointer;}


ol#dots { list-style:disc; margin: 20px 0 20px 30px; }
ul#news li { margin-bottom:20px; padding:10px; border-bottom:1px solid #ccc; float: left; }
ul#news img {float:left; margin:0 20px 10px 0; border:2px solid #ccc; }
ul#news a:hover img {border:2px solid #aaa; }
ul#news li a span { font-weight: bold; font-size:1.1em; color:#cc6600; }
ul#news li a { text-decoration:none; }
ul#news li a:hover, ul#news li a:hover h3{ text-decoration:underline; }
ul#news p { margin:0; padding:5px 0;}

.date { color:#ccc; font-size:8pt; font-style:italic; padding-left:10px;}

.leftPad { width:140px; display: inline-block; font-weight:bold;}

#address {	width: 190px;	float: left;}
#map {	width: 100px;	float: left;}
#map img {border: 5px solid #cccccc;}


/* cart */

#cart th {
	text-align: left;
	background: #ddd;
	color: #000;
	padding:0 2px 0 2px;
	vertical-align: middle;
}

#cart table table td {
	padding: 2px;
	background: #fff;
	border-bottom: 1px dashed #DCD2DB;
}

#cart .tRight { text-align: right; }

#cart table table table td { border-bottom: 0;  }

#cart td.totalprice {
	text-align: right;
	font-weight: bold;
	padding: 8px 0;
}

#cart td.buttons {padding-top:10px;text-align:right;}
#update { }
/* main right aspects */

#sCart { width:170px; height:31px; padding: 9px 10px 0 40px; display:block; background:url(../images/core/cartBg.gif) no-repeat #000; color:#fff; font-size:8pt; position:relative; }
#sCart a {
	width: 59px;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background: url('../images/core/cartBut.gif') 0 0 no-repeat;
	position:absolute; right:6px; top:6px;
}

#sCart a:hover {
	background: url('../images/core/cartBut-on.gif') 0 0 no-repeat;
}

#sCart img { border: 0; }

h2 { width:220px; height:42px; display:block; background-repeat: no-repeat; }
h2 span {display:none;}
h2#buy-title {background-image:url(../images/headers/h2Buy.jpg); } h2#aut {background-image:url(../images/headers/h2Aut.jpg); } 
h2#con {background-image:url(../images/headers/h2Con.jpg); } 

#contact { font-size:11px; background: #d8d8d8 url(../images/core/contactBg.gif) bottom no-repeat; width:190px; padding:10px 10px 30px 20px; display:block; font-weight:bold; line-height:1.6em;  }

/* footer aspects */
#phone, #fax, #email { height:13px; padding-left:18px; background:url(../images/core/contactIcon.gif) no-repeat; }
#fax { background-position: 0 -13px; } #email { background-position: 0 -26px; }
#footer a { color:#858585; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
#footer span { color:#fff; padding-right:10px; line-height:15px; }
#footer img { position:absolute; right:30px; top:10px; }

/*thickbox */

ul.thickboxLeft {width:120px;float:right;margin: 0 0 10px 20px;}

ul.thickboxLeft li a img { margin:10px 0; border:2px solid #ccc; }
ul.thickboxLeft li a:hover img {border:2px solid #000; }
.item h2 { background-color: #f2f2f2; font-size: 1.1em; display: block; width: 610px; padding: 7px 10px!important; border-top: 1px dotted #d2d2d2; border-bottom: 1px dotted #d2d2d2; margin: 0 0 20px 0!important; height: 20px!important; }