﻿body {
	text-align: left;
	padding: 0px;
	margin: 0px;
	background: url(images/bg.gif);
}

img {
	border: 0px;
}

img.nav {
	border: 0px;
	margin: 0px 1px 0px 0px;
}

img.subTitle {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px rgb(200,200,200);
}

div {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: rgb(50,50,50);
	line-height: 18px;
}

span {
	border: 0px;
}

h1 {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: rgb(0,49,89);
	line-height: 18px;
	padding-bottom: 15px;
	border-bottom: dotted 1px rgb(200,200,200);
}
		h1.topH1 {
			display: block;
			text-align: left;
			padding: 0px;
			border: 0px;
		}

h2 {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 11px;
	margin-bottom: 15px;
	font-weight: normal;
	line-height: 18px;
}

h3 {
	font-family: Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: rgb(0,49,89);
	line-height: 18px;
}

#mainContainer {
	position: relative;
	width: 1000px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

#header {
	position: relative;
	z-index: 1;
	width: 1000px;
	height: 108px;
	background: url(images/header.jpg) no-repeat;
}
		#logoMenu {
			position:absolute;
			top: 31px;
			left: 276px;
			z-index: 4;
		}
		
		#frameMenu {
			position:absolute;
			top: 8px;
			left: 276px;
		}
		
		span#navHome {
			position: relative;
		}
		
		span#navQuote {
			position: relative;
		}
		
		span#navAbout {
			position: relative;
		}
		
		span#navContact {
			position: relative;
		}

#leftBar {
	position: relative;
	float: right;
	z-index: 2;
	width: 295px;
	margin: 25px 10px 20px 0px;
	background: rgb(255,255,255) url(images/bar_lr.gif) repeat-y;
	font-size: 11px;
}
		#leftBarBody {
			position: relative;
			width: 258px;
			margin-left: 9px;
			margin-right: 8px;
			padding: 10px;
			font-size: 12px;
			line-height: 22px;
			background: url(images/bar_bg.gif) repeat-x;
		}

#body {
	position: relative;
	z-index: 0;
	width: 665px;
	margin: 25px 0px 20px 10px;
	background: rgb(255,255,255) url(images/body_lr.gif) repeat-y;
	border: none;
}

		#bodyContents {
			position: relative;
			width: 628px;
			padding: 1px 10px 10px 10px;
			margin: 0px 8px 0px 9px;
			background: url(images/bar_bg.gif) repeat-x;
		}
		
#bodyWide {
	position: relative;
	z-index: 2;
	width: 976px;
	margin: 25px 0px 20px 10px;
	background: rgb(255,255,255) url(images/body_wide_lr.gif) repeat-y;
	border: none;
}

		#bodyWideContents {
			position: relative;
			width: 939px;
			padding: 1px 10px 10px 10px;
			margin: 0px 8px 0px 9px;
			background: url(images/bar_bg.gif) repeat-x;
		}
		
				#leftMenu {
					position: absolute;
					width: 11em;
					margin-right: 3em;
					padding: 10px 15px 0px 15px;
					border-right: dotted 1px rgb(200,200,200);
				}
					
					#leftMenu a.head {
						font-weight: bold;
					}
		
				#rightBar {
					display: block;
					float: right;
					width: 190px;
					text-align: left;
					min-height: 20em;
				}
				
					.smH1 {
						font-size: 12px;
						font-weight: bold;
						border: 0px;
						margin: 10px 10px 10px 10px;
						padding: 10px 0px 10px 0px;
						border-bottom: dotted 1px rgb(200,200,200);
					}
				
				#prodCategory {
					clear: both;
					padding: 0px 0px 15px 0px;
					margin: 10px 10px 15px 0px;
					border-bottom: dotted 1px rgb(200,200,200);
				}
				
					#prodCategory h1 {
						display: inline;
						margin-right: .5em;
						text-align: left;
						border: 0px;
						font-weight:bold;
						font-size:18px;
					}
					
					#prodCategory h2 {
						display: inline;
						margin-left: .5em;
						text-align: left;
						font-weight: bold;
						font-family: Helvetica, Verdana, sans-serif;
						font-size: 16px;
						font-weight: bold;
						color: rgb(0,49,89);
						line-height: 18px;
					}
					
					#prodCategory a {
						border: 0px;
					}

				#prodContents {
					width: 280px;
				}
		
						div.prodCatTh {
							position: relative;
							display: block;
							float: left;
							width: 110px;
							height: 16em;
							margin: 0px 10px 10px 10px;
						}
						
						div.prodCatTh h2 {
							position: relative;
							display: block;
							font-family: Verdana, sans-serif;
							font-size: 11px;
							font-weight: bold;
							color: rgb(0,49,89);
							text-align: left;
							line-height: 14px;
						}
						
						div.prodCatTh h3 {
							position: relative;
							display: block;
							font-family: Verdana, sans-serif;
							font-size: 10px;
							margin-bottom: 15px;
							font-weight: normal;
							color: rgb(50,50,50);
							text-align: left;
							line-height: 14px;
						}
						
						div.prodCatTh img {
							display: block;
							width: 100px;
							height: 150px;
							margin: 0px 10px 10px 0px;
							border: solid 1px rgb(50,50,50);
							float: left;
						}

#wearables {
	position: relative;
	width: 279px;
	margin: 0px 5px 10px 0px;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}

		#wearablesContents {
			position: relative;
			width: 283px;
			min-height: 26em;
			padding: 5px 5px 0px 10px;
			margin: 0px 0px 0px 0px;
			border-left: solid 1px rgb(255,194,0);
			border-right: solid 1px rgb(255,194,0);
			background: rgb(255,130,0) url(images/orangeBox_bg.gif) repeat-x;
		}
		
		#wearablesContents a:hover {
			color: rgb(230,230,230);
		}


#promotion {
	position: relative;
	float: right;
	width: 279px;
	margin: 0px 20px 0px 10px;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
}

		#promoContents {
			position: relative;
			width: 282px;
			min-height: 26em;
			padding: 5px 5px 0px 10px;
			margin: 0px 0px 0px 0px;
			border-left: solid 1px rgb(0,122,178);
			border-right: solid 1px rgb(0,122,178);
			background: rgb(0,104,171) url(images/blueBox_bg.gif) repeat-x;
		}
		
		#promoContents a:hover {
			color: rgb(230,230,230);
		}

#footer {
	position: relative;
	width: 950px;
	margin-top: 20px;
	padding: 10px 30px 10px 20px;
	border-top: dotted 1px white;
	background: rgb(0,33,61);
	font-size: 11px;
	clear: both;
}

		#footer a:link {
			color: rgb(255,255,255);
			margin: 0px 10px 0px 10px;
			outline: 0;
		}

		#footer a:visited {
			color: rgb(255,255,255);
			margin: 0px 10px 0px 10px;
			outline: 0;
		}
		
		#footer a:hover {
			color: rgb(0,153,204);
			outline: 0;
			border-bottom: 1px dotted;
		}

a:link {
	text-decoration: none;
	color: rgb(0,26,65);
	outline: 0;
}

a:visited {
	text-decoration: none;
	color: rgb(0,26,65);
	outline: 0;
}

a:hover {
	color: rgb(0,153,204);
	outline: 0;
	border-bottom: 1px dotted;
}

div#logoMenu a {
	border-bottom: 0px;
}

div.formsRow {
	height: 3em;
}

div.formLeft {
	float: left;
	width: 220px;
	font-size:11px;
	text-align: right;
}

div.formRight {
	float: right;
	width: 220px;
	font-size: 11px;
	text-align: right;
}

#quoteProducts {
	position: relative;
	padding: 10px 0px 0px 0px;
	border-top: dotted 1px rgb(217,217,217);
	margin: 20px 220px 10px 20px;
	font-size: 11px;
	text-align: right;
}

input {
	margin: 0px 0px 0px 10px;
	width: 150px;
	font-size: 12px;
}

select {
	font-size: 11px;
}

option {
	padding: 0px 0px 0px 15px;
	font-size: 11px;
}

option.cat1 {
	padding: 0px 0px 0px 5px;
	color: rgb(0,49,89);
	background: rgb(163,195,204);
	font-weight: bold;
}