/* Structural Site Styling */
/* Reference "visual.css" for visual styling of elements */
body {
	margin: 0;
	width: 100%;
	}

html {
	margin: 0;
	width: 100%;
	}

img {
	border: none;
	}

div, form, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}

#master_container {
	position: relative;
	width: 70em;
	margin-left: auto;
	margin-right: auto;
	}

#header {
	position: relative;
	width: 100%;
	z-index: 300;
	}
	
	.logo {
		float: left;
		}
	
	
	#search_box {
		position: relative;
		float: right;
		width: 15em;
		margin-top: 20px;
		}
		
		#search_box label {
			float: left;
			}
		#search_box input {
			float: left;
			clear: left;
			}
		#search_box .btn_go {
			float: right;
			clear: none;
			margin-top: 1.3em;
			}
			#search_box[id] .btn_go {
				margin-top: -3px;
				}
	#liveChat {
		position:relative;
		text-align:center;
		float:right;
		width: 12em;
		height:6em;
		margin-top: 20px;
		margin-right: 10px;
		padding: 0;
		z-index:99;		 
	}
		#liveChat p {
			 margin: 0 0 -2px 0;
			 padding-left: 3px;
			 color:#000000;
		}
	#phoneNumber {
		float:right;
		width: 8em;
		margin-top:42px;
		margin-right: 0;
		padding: 0;
		z-index:99;
	}
		#phoneNumber p {
			margin: 0;
			padding: 0;
			color:#000000;
		}
	#header_nav {
		position: relative;
		z-index: 999;
		background: url("/images/header_navback.gif") left top no-repeat #CCCCCC;
		height: 29px;
		margin: 0;
		padding: 0;
		clear: both;
		}
		#header_nav .right {
			width: 5px;
			height: 29px;
			position: absolute;
			top: 0;
			right: 0;
			background: url("/images/header_navback.gif") right top no-repeat;
			}
	
	#product_header {
		position: relative;
		z-index: 100;
		clear: both;
		overflow: hidden;
		background: url("/images/header_boxback.gif") bottom left repeat-x #FFFFFF;
		padding: 1px 0 5px 6px;
		margin: 0;
		}

		#product_header .left {
			position: absolute;
			z-index: 2;
			left: -6px;
			top: 0;
			width: 6px;
			height: 99px;
			background: url("/images/header_boxsides.gif") left top no-repeat;
			}
			#product_header[id] .left {
				left: 0;
				}
		#product_header .right {
			position: absolute;
			z-index: 2;
			right: 0;
			top: 0;
			width: 6px;
			height: 99px;
			background: url("/images/header_boxsides.gif") right top no-repeat;
			}
					
		#product_header .ph_back {
			position: relative;
			z-index: 1;
			display: block;
			margin: 0 auto 0 auto;
			padding: 0;
			}
			
			#ph_header {
				position: relative;
				text-align: center;
				height: 94px;
				overflow: hidden;
				}
				
				#ph_header p {
					margin: 0;
					padding: 0;
					}
				
				#ph_header img {
					padding: 0 0 0 10px;
					margin: 0;
					float: left;
					}
				#ph_header h2 {
					padding: 0;
					margin: 40px 0 0 10px;
					float: left;
					font-size: 36px;
					font-weight: normal;
					font-family: Arial, Helvetica, sans-serif;
					}
				#information {
					padding: 0;
					margin: 0;
					float: right;
					text-align: right;
					}
					
					#information h4 {
						padding: 0 10px 2px 0;
						margin: 5px 0 0 0;
						background: url("/images/rule_short_info.gif") bottom right no-repeat;
						}
					#information p {
						padding: 0;
						margin: 0 10px 0 0;
						}
							
	#account {
		position: relative;
		background-color: #5080AC;
		overflow: hidden;
		z-index: 100;
		}
		#account .top {
			position: relative;
			width: 100%;
			height: 6px;
			background: url("/images/account_caps.gif") left top;
			overflow: hidden;
			}
			#account .top .right, #account .bottom .right {
				position: absolute;
				top: 0;
				right: 0;
				width: 10px;
				height: 6px;
				overflow: hidden;
				background-image: url("/images/account_caps.gif");
				background-position: right top;
				}
		#account_name {
			position: relative;
			float: left;
			width: 70%;
			padding-left: 10px;
			background: url("/images/account_sides.gif") left repeat-y;
			line-height: 22px;
			padding-bottom: 100px;
			margin-bottom: -100px;
			}
			#account_name[id] {
				line-height: 23px;
				}
	
		#utilities {
			position: relative;
			overflow: hidden;
			float: right;
			padding-right: 10px;
			text-align: right;
			background: url("/images/account_sides.gif") right repeat-y;
			line-height: 22px;
			padding-bottom: 100px;
			margin-bottom: -100px;
			}
		#account .bottom {
			position: relative;
			width: 100%;
			clear: both;
			height: 6px;
			background: url("/images/account_caps.gif") left bottom;
			overflow: hidden;
			padding: 0;
			margin: 0;
			}
			#account .bottom .right {
				background: url("/images/account_sidesr.gif") 0 6px;
				}
					
#content {
	position: relative;
	width: 100%;
	z-index: 200;
	overflow: hidden;
	}

.box {
	position: relative;
	}
	.dark {
		background: url("/images/box_lside.gif") left repeat-y #333333;
		}
	.white {
		background: url("/images/box_lside.gif") left repeat-y #FFFFFF;
		}
	.box .top {
		position: relative;
		height: 7px;
		overflow: hidden;
		z-index: 0;
		}
		.dark .top {
			background: url("/images/box_dark_ends.gif") left top no-repeat;
			}
		.white .top {
			background: url("/images/box_white_ends.gif") left top no-repeat;
			}
	.box .top .right, .box .bottom .right {
		position: absolute;
		right: 0;
		top: 0;
		width: 15px;
		height: 7px;
		}
		.dark .top .right {
			background: url("/images/box_dark_ends.gif") -985px 0 no-repeat;
			}
		.dark .bottom .right {
			background: url("/images/box_dark_ends.gif") -985px -7px no-repeat;
			}
		.white .top .right {
			background: url("/images/box_white_ends.gif") -985px 0 no-repeat;
			}
		.white .bottom .right {
			background: url("/images/box_white_ends.gif") -985px -7px no-repeat;
			}
	.box .inner {
		position: relative;
		margin: 0 0 0 4px;
		padding: 5px 4px 1px 1px;
		overflow: hidden;
		background: url("/images/box_rside.gif") right top repeat-y;
		}
	.box .bottom {
		position: relative;
		height: 7px;
		overflow: hidden;
		clear: both;
		z-index: 0;
		}
		.dark .bottom {
			background: url("/images/box_dark_ends.gif") 0 -7px no-repeat;
			}
		.white .bottom {
			background: url("/images/box_white_ends.gif") 0 -7px no-repeat;
			}

#left_bottom {
	position: relative;
	width: 18em;
	height: 7px;
	margin-top: -7px;
	z-index: 300;
	}
	#left_bottom[id] {
		position: absolute;
		left: 0;
		bottom: 0;
		margin: 0;
		}

#brand_nav {
	z-index: 200;
	width: 18em;
	float: left;
	margin-right: -18em;
	padding-bottom: 20000px;
	margin-bottom: -20000px;
	overflow: hidden;
	}
	.backer {
		position: absolute;
		top: 7px;
		right: 0;
		height: 20000px;
		width: 7px;
		margin-left: -7px;
		z-index: 250;
		background: url("/images/box_rside.gif") right top repeat-y;
		}

#right_col {
	position: relative;
	z-index: 100;
	padding-left: 18em;
	float: left;
	width: 52em;
	}

#right_bottom {
	position: relative;
	width: 52em;
	height: 7px;
	margin-top: -7px;
	margin-left: 18em;
	z-index: 300;
	}
	#right_bottom[id] {
		position: absolute;
		right: 0;
		bottom: 0;
		margin: 0;
		}

	#internal_content {
		width: 100%;
		padding-bottom: 20000px;
		margin-bottom: -20000px;
		height: 450px;
		}
		#internal_content[id] {
			min-height: 450px;
			height: auto;
			}
		#internal_content .inner {
			padding: 10px;
			z-index: 2;
			overflow: hidden;
			}
	
		.brandBox {
			position: relative;
			border: 1px solid #CCCCCC;
			padding: 1px;
			background: #FFFFFF;
			overflow: hidden;
			margin: 1em auto 0 auto;
			width: 95%;
			clear: both;
			}
			.brandBox[class] {
				margin: 0 auto 1em auto;
				}
			
			.brandBox .logo {
				position: relative;
				float: left;
				width: 10em;
				margin: .5em 0 0 1em;
				}
			
			.brandBox .descript {
				position: relative;
				float: right;
				padding: 0;
				width: 31em;
				}
				
				.brandBox .descript {
					padding-top: .5em;
					}
	
	
	#product_home {
		width: 100%;
		}
		#product_home .inner {
			padding: 1em 1em 1em 2em;
			z-index: 2;
			}
		
		#product_home .background {
			position: absolute;
			top: 3px;
			right: 4px;
			z-index: 1;
			}
		
		#product_lists {
			position: relative;
			overflow: hidden;
			z-index: 2;
			height: 11em;
			}
		
		#product_lists .list {
			position: relative;
			margin: 0;
			z-index: 2;
			padding: 1em;
			width: 10em;
			height: 10em;
			float: left;
			overflow: hidden;
			}
			
			.list .background {
				position: absolute;
				display: none;
				top: 0;
				left: 0;
				z-index: 1;
				width: 300px;
				height: 300px;
				}
				
		#product_lists ul {
			position: relative;
			margin: 0;
			padding: 0;
			z-index: 2;
			}
			#product_lists ul li {
				position: relative;
				list-style-type: none;
				margin: 0;
				padding: 0;
				}
	
	#our_best {
		width: 38em;
		float: left;
		}
		#our_best .inner {
			padding: 0 8px 10px 4px;
			}
		
		#our_best p {
			padding-left: 10px;
			}
		
		#top_products {
			position: relative;
			overflow: hidden;
			height: 148px;
			width: 100%;
			margin-left: .5em;
			margin-right: -.5em;
			}
			
			#l_arrow {
				float: left;
				}
			#r_arrow {
				float: left;
				}
			#product_list {	
				position: relative;
				overflow: hidden;
				width: 32em;
				float: left;
				background-color: #e1e1e1;
				height: 148px;
				}
				
				#product_list ul {
					margin: 0;
					padding: 17px 0 0 0;
					overflow: hidden;
					position: relative;
					width: 2000em;
					}
					#product_list ul li {
						list-style-type: none;
						position: relative;
						margin: 0;
						padding: 0 5px 0 5px;
						float: left;
						}
					
				

	#whats_hot {
		width: 14em;
		float: left;
		}
		#whats_hot .inner {
			padding: 0 8px 5px 4px;
			text-align: center;
			}
			
			#whats_hot .inner p {
				text-align: left;
				padding-left: 10px;
				}
	
#footer {
	position: relative;
	width: 100%;
	height: 100px;
	text-align: center;
	background: url("/images/footer_back.gif") left top repeat-x;
	}
	#footer .left {
		position: relative;
		float: left;
		width: 12px;
		height: 33px;
		background: url("/images/footer_sides.gif") left top no-repeat;
		}
	#footer .right {
		position: relative;
		float: right;
		width: 12px;
		height: 33px;
		background: url("/images/footer_sides.gif") right top no-repeat;
		}

	.footer_left {
		position: relative;
		float: left;
		text-align: left;
		padding-top: 6px;
		}
	
	.footer_right {
		position: relative;
		float: right;
		text-align: right;
		padding: 6px 0 15px 0;
		}
	
	#footer p {
		clear: both;
		}








/* MAS90 Integration Styling */
.eBusinessHeader {
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
	}

#orderItem {
	margin: 5px;
	}
#utilities {
	width: 20%;
	}
#utilities a, #utilities a:link, #utilities a:visited {
	padding: 0 5px 0 5px;
	border-right: 1px solid #ffffff;
	}
.brandBox .logo img {
	width: 150px;
	height: 150px;
	}

.brandBox .enlarge img {
	width: 120px;
	height:20px;
	}

#advancedSearch {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 11px;
	font-weight: bold;
	}

.formList {
	position: relative;
	margin: 0;
	padding: 0 0 0 30px;
	}
	.formList ol {
		position: relative;
		margin: 0;
		padding: 0;
		width: 305px;
		}
		.formList li {
			position: relative;
			margin: 0;
			padding: 0 0 5px 0;
			list-style: none;
			overflow: hidden;
			text-align: right;
			height: 22px;
			}
			.formList li label {
				position: absolute;
				left: 0;
				line-height: 22px;
				text-align: left;
				}
			.formList li input.field, .formList li select.field {
				position: absolute;
				left: 100px;
				width: 200px;
				line-height: 22px;
				border: 1px solid #999999;
				text-align: left;
				}
.quoteList {
	position: relative;
	margin: 0;
	padding: 0 0 0 30px;
	}
	.quoteList ol {
		position: relative;
		margin: 0;
		padding: 0;
		width: 380px;
		}
		.quoteList li {
			position: relative;
			margin: 0;
			padding: 0 0 5px 0;
			list-style: none;
			overflow: hidden;
			text-align: right;
			height: 22px;
			}
		.quoteList li.quoteLeft {
			position:relative;
			text-align: left;
			font-weight:bold;
		}
			.quoteList li label {
				position: absolute;
				left: 0;
				line-height: 22px;
				text-align: left;
				}
			.quoteList li input.field, .quoteList li select.field {
				position: absolute;
				left: 100px;
				width: 275px;
				line-height: 22px;
				border: 1px solid #999999;
				text-align: left;
				}
			.quoteList li.quoteDetails {
				text-align:center;
				font-size:10px;
				padding-bottom:20px;
			}
			.quoteList li.quoteComments {
				padding-bottom:60px;
			}
			.quoteList li textarea {
				border: 1px solid #999999;
			}