body { background:url(bg.png) top left repeat-x #FFF; color:#778184; margin:0; padding:0; font-family: Arial, sans-serif; font-size: 13px; }

a { color:#555; text-decoration: none; }
a:hover { text-decoration:underline; }
p { margin-top:0px; margin-bottom:20px; }
img, form { margin: 0; border: 0; }
hr { border:0px; border-top:1px solid black; margin:10px 0px; }

#wrapper{ width:1000px; margin:10px auto; }

#header {  float:left; width:920px; background:url(bg-header.png) top left no-repeat; padding:40px 40px 0px; }
#header .header-left { float:left; width:180px; height:50px; padding:30px 0px; border-bottom:2px solid #BFBFBF; } 
#header .header-right { float:right; width:740px; height:34px; padding:56px 0px 20px; border-bottom:2px solid #BFBFBF; text-align: right; line-height: 30px; } 
#header .header-right { font-size: 16px; font-weight: bold; }
#header .header-right .nav { float:right; border-right:1px solid #778184; }
#header .header-right .nav a { color:black; border-left:1px solid #778184; padding:0px 10px; float:left; }
#header .header-right .nav a:hover { color:white; background-color: #778184; text-decoration: none; }
#header .header-right .nav a.current { color:white; background-color: #778184; text-decoration: none; }

#banner { float:left; width:960px; padding:0px 20px; background:url(bg-main.png) top left repeat-y; }

#main { float:left; width:940px; padding:0px 20px 20px 40px; background:url(bg-main.png) top left repeat-y; position: relative; }

#footer { float:left; width:920px; padding:0px 40px 210px; background:url(bg-footer.png) bottom left no-repeat; font-size: 15px; }
#footer .contact { float:left; width:900px; padding:6px 10px 0px; height:24px; background-color: #778184; color:white; text-align:center; }
#footer a { color:white; }

#credit { float:left; width:920px; padding:0px 40px;}
#credit .detail {
	float:right;
	background-color: rgba(160, 160, 160, .35);
	padding: 5px 10px;
	color: black;
	font-size: 0.9em;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color:#444;
}
#credit a { color:#444; }

.clear { clear: both; }
.black { color:black; }
.end-main { clear: both; float:left; width:920px; margin-top:10px; border-bottom:2px solid #BFBFBF; }

.col-wide { float:left; width:450px; margin:10px 20px 10px 0px; }
.col-narrow { float:left; width:215px; margin:10px 20px 10px 0px; }
.col-narrow-nomargin { float:left; width:215px; margin:10px 0px; }

/* @group home */

.hp-left { float:left; width:685px; }
.hp-right { float:left; width:235px; padding-left: 10px; }
.hp-splash { float:left; width:685px; height:240px; }
.hp-intro { float:left; width:685px; height:95px; border-top:2px solid #BFBFBF; border-bottom:2px solid #BFBFBF; margin:20px 0px; padding:15px 0px 0px; font-size: 17px; line-height: 120%; font-weight: bold; color:black; }
.hp-3col { float:left; width:705px; padding:0px; margin-left:-20px; }
.hp-col { float:left; width:215px; padding:0px; margin-left:20px; }
.hp-outro { float:left; width:685px; margin-top:20px; font-size: 13px; font-weight: bold; }
.slides { float:left; width:224px; height:236px; padding:14px 0px 0px 11px; background:#FFF url(home/bg-product.png) left top no-repeat; text-align: center; }
.slideshow { width:214px; height:214px; overflow:hidden; }
/* @end */

/* @group about */

.bridie { float:left; position:absolute; top:40px; left:40px; z-index: 1; }
.about { float:right; position:relative; width:500px; margin-right:10px; z-index:10; }
.about .who { float:left; width:215px; margin-left:40px;}
.about .what { float:left; width:215px; margin-left:20px;}

/* @end */

/* @group sizes */

.sizes { float:left; width: 940px; margin-top:10px; }
.intro { float: left; width:450px; height:93px; margin-top:10px; }
.size-chart { float:left; width:470px; margin:-10px 0px 0px -20px; }
.size-block { float:left; width:215px; margin:10px 0px 10px 20px; }
.size-block .size-title { float:left; width: 215px; padding:5px 0px 0px; height:20px; background-color: black; color:white; font-weight:bold; text-align: center;}
.size-block .size-row { float:left; width: 216px; height:25px; margin-top:1px; margin-left:-1px; }
.size-block .size-size { float:left; margin-left:1px; width: 53px; padding:5px 0px 0px; height:20px; background-color:#778184; color:white; font-weight:bold; text-align: center;}
.size-block .size-in { float:left; margin-left:1px; width: 53px; padding:5px 0px 0px; height:20px; background-color:#AEB591; color:white; font-weight:bold; text-align: center;}
.size-block .five { width: 42px; }

/* @end */

/* @group products */

.products { }
.products .category { float:left; width:940px; margin:20px 0px 20px -20px; }
.products .category img { float:left; margin-left:20px; }

.products .list { float:left; width:921px; margin:0px 0px -1px 0px; }
.products .list a { float:left; width:91px; padding:5px 0px 0px; height:20px; text-align:center; background-color:#778184; color:white; margin:0px 0px 1px 1px; }
.products .list a:hover, .products .list a.current { text-decoration:none; background-color:black; }
.products .list span { float:left; width:91px; padding:0px 0px 0px; height:25px; text-align:center; background-color:#BBC0C1; color:white; margin:0px 0px 1px 1px; }

.products .detail { float:left; width:920px; margin:20px 0px; padding:0; clear:both; }
.products .detail .image { float:left; width:450px; margin-right:20px; }
.products .detail .thumbs { float:left; width:450px; padding-bottom:20px; border-bottom:2px solid #BFBFBF; }
.products .detail .info { float:left; width:450px; margin-top:20px; }
.products .detail .info strong { color:black; }
.products .detail .info .bar { color:#AEB591; padding:0px 5px; }

/* @end */

/* @group technical */

.technical { float:left; width: 940px; }
.technical p { margin-bottom:0px; padding:5px; }
.glove { float:left; width:470px; margin:20px 0px; }
.glove img.title { float:left; margin:0px 0px 10px -10px; }
.glove p { margin-left:20px; }
.highlight { color:black; background-color: #C6E3EB; }

/* @end */

/* @group contact */
.stockist { padding-top:35px; }
.stockist .map { float:left; width:446px; height:446px; border:2px solid #BFBFBF; margin:35px 20px 20px 0px; }
.stockist .list { float:left; width:446px; height:446px; border:2px solid #BFBFBF; margin:35px 0px 20px; }
.stockist .list .scroller { float:left; width:406px; height:426px; padding:10px 20px; overflow: auto; }
.stockist .list .scroller .row { float:left; width:395px; padding:10px 2px; border-bottom:2px solid #DFDFDF; }
.stockist .thumbs { clear: both; float: left; width: 920px; margin:10px 0px 20px; }
.stockist .thumbs img { float:left; width: 115px; }
/* @end */

/* @group contact */

.contact { float:left; width:940px; }
.contact .c-left { float:left; width:695px; padding:20px 10px 0px 0px; }
.contact .c-left .title { float:right; width:235px; margin-right:20px;  }
.contact .c-left .blurb { float:right; width:210px; margin:5px 25px; clear:both;  }
.contact .c-left .handshake { float:right; width:695px; margin-top:40px; clear:both;  }
.contact .c-right { float:left; width:215px; margin:38px 0px 20px; }

/* @end */