@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0;
	padding:0
}
body {
	font: 76% arial, sans-serif;
	text-align:center;
	background:#E6E6E6 url(../images/netsleds_website_design_2007_r1_c2.png) repeat-x
}
p {
	margin:10px 10px 10px
}
div#container {
	text-align:left;
}
div#content p {
	line-height:1.4;
	padding: 8px 2px 2px 12px;
	font: 1.1em;
}
div#navigation {
}
div#extra {
}
div#footer {
}
div#footer p {
	margin:0;
	padding:5px 10px
}
div#container {
	width:989px;
	margin:0 auto;
	background-image: url(../images/content_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
div#wrapper {
	float:left;
	width:100%;
}
div#content {
	margin: 0 35px
}
div#navigation {
	float:left
}
div#extra {
	float:left
}
div#footer {
	width:100%;
	margin: 0 auto 0;
	height: 175px;
	background-image: url(../images/mountains.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	position: relative;
	text-align: center;
}
#header {
	background: url(../images/nav_bg.png) top center repeat-x;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	width: 943px;
	height: 166px;
}
#container hr {
	clear: both;
	display: none;
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;
}
#footer #fp {
	 cm
}
#navbar {
	margin: 0 auto 0;
	padding: 0px;
	height: 27px;
	position: absolute;
	left: 159px;
	top: 123px;
}
#bbxs_container {
	height: 100px;
	width: 770px;	
	
	}
#bbxs {
	position: relative;
	width:915px;
	}
	
#bbxs .bbx {
	float: left;
	width: 290px;
	height: 135px;
	border:1px solid #CCC;
	overflow:hidden;
	margin: 5px;
	}
	
.clr{clear:both}
.disc {
	width: 420px;
	margin:0 0 0 15px;
}
.img_holder {
	float: left;
	margin:5px 15px 15px 0;
}
.img_holder h2 {
	font-size: 0.8em;
	margin: 1px;
}
.prod_box {
	background:url(../images/prod_bg.png) repeat-x;
	margin: 10px;
	float: left;
	width: 285px;
	text-align: center;
}
.prod_box .prod_img {
	height: 100px;
	width: 100px;
	float: left;
}
.prod_box #Helmets {
	background-image: url(../images/snowmobiling_helmets.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.prod_box .prod_title {
	color: #0C1F33;
	float: left;
	height: 40px;
	width: 172px;
	margin: 42px 0px 18px;
	text-align: left;
}
.prod_box .prod_cap {
	background-image: url(../images/prod_cap.png);
	background-position: right center;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 100px;
	width: 8px;
}
.prod_box #boot {
	background-image: url(../images/snowmobiling_boots.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.prod_box #pants {
	background-image: url(../images/snowmobiling_pants.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.prod_box #gloves {
	background-image: url(../images/gloves.png);
}
.prod_box #protective_gear {
	background-image: url(../images/protective_gear.png);
}
.prod_box #goggles {
	background-image: url(../images/snowmobiling_goggles.png);
}
.list {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	width: 90%;
	list-style-position: inside;
	list-style-image: url(../images/arrow.png);
	text-align: left;
}
.list li {
	padding: 5px 5px 5px 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #0A1C2F;
}
.prod_title h2 {
	font-size: 1.3em;
	margin: 0;
	padding: 0;
	font-weight: bold;
}
.prod_box #oils {
	background-image: url(../images/oils.gif);
}
.prod_box #coats {
	background-image: url(../images/snowmobiling_coats.png);
}
.prod_box #clothing {
	background-image: url(../images/clothing.png);
}
.prod_box #snobunje {
	background-image: url(../images/snobunje.png);
}
#bwrap {
	background-image: url(../images/wrapper_bg.png);
	background-repeat: repeat-y;
	background-position: center top;
}
/* 
  -- Even more rounded corners with CSS: Base stylesheet --
*/

.dialog {
	position:relative;
	margin:0px auto;
	max-width:760px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#fff;
	margin-left:12px; /* default, width of left corner */
	margin-bottom:0.5em;
}

.dialog .content,
.dialog .t,
.dialog .b,
.dialog .b div {
 background:transparent url(../images/bg_dialog.png) no-repeat top right;
 _background-image:url(../images/bg_dialog.jpg);
}

.dialog .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:0px 22px 0px 0px;
	height: 160px;
}

.dialog .t {
	/* top+left vertical slice */
 position:absolute;
	left:0px;
	top:0px;
	width:22px; /* top slice width */
	margin-left:-22px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

.dialog .b {
 /* bottom */
 position:relative;
 width:100%;
}

.dialog .b,
.dialog .b div {
 height:30px; /* height of bottom cap/shade */
 font-size:1px;
}

.dialog .b {
 background-position:bottom right;
}

.dialog .b div {
	position:relative;
	width:22px; /* bottom corner width */
	margin-left:-22px;
	background-position:bottom left;
}

.dialog .hd,
.dialog .bd,
.dialog .ft {
 position:relative;
}

.dialog .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.dialog h1,
.dialog p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.dialog h1 {
	margin: 0 2px 2px 12px;
	padding: 22px 0 0 0;
	color: #2C81BB;
	font-size: 1.8em;
}
.dialog h1 a:link {
	color: #2C81BB;
	text-decoration:none;
}
.dialog h1 a:visited {
	color: #2C81BB;
	text-decoration:none;
}
.dialog h1 a:hover {
	color: #2C81BB;
	text-decoration:underline;
}


#content .boxes {
	float: left;
	width: 285px;
	margin: 10px;
}
a:link {
	color: #0A1C2F;
	text-decoration: none;
}
a:visited {
	color: #1377AE;
	text-decoration: none;
}
a:hover {
	color: #0A1C2F;
	text-decoration: underline;
}
#home {
	background: url(../images/netsleds_home_f2.png) no-repeat;
	float: left;
	width: 110px;
	height: 27px;
}
#home a{
	background: url(../images/netsleds_home.png) no-repeat;
	float: left;
	width: 110px;
	height: 27px;
}
#gear {
	background: url(../images/snowmobiling_store_f2.png) no-repeat;
	float: left;
	width: 140px;
	height: 27px;
}
#gear a{
	background: url(../images/snowmobiling_store.png) no-repeat;
	float: left;
	width: 140px;
	height: 27px;
}
#classifieds {
	background: url(../images/snowmobiling_classifieds_f2.png) no-repeat;
	float: left;
	width: 173px;
	height: 27px;
}
#classifieds a{
	background: url(../images/snowmobiling_classifieds.png) no-repeat;
	float: left;
	width: 173px;
	height: 27px;
}
#forums {
	background: url(../images/sled_forums_f2.png) no-repeat;
	float: left;
	width: 93px;
	height: 27px;
}
#forums a{
	background: url(../images/sled_forums.png) no-repeat;
	float: left;
	width: 93px;
	height: 27px;
}
#about {
	background: url(../images/about_us_f2.png) no-repeat;
	float: left;
	width: 72px;
	height: 27px;
}
#about a{
	background: url(../images/about_us.png) no-repeat;
	float: left;
	width: 72px;
	height: 27px;
}
#contact {
	background: url(../images/contact_us_f2.png) no-repeat;
	float: left;
	width: 86px;
	height: 27px;
}
#contact a{
	background: url(../images/contact_us.png) no-repeat;
	float: left;
	width: 86px;
	height: 27px;
}
#fp {
	background-image: url(../images/footer_bg_r2_c2.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 175px;
}