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

html { font-size: 80%; font-family: Arial, Helvetica, sans-serif; color: #FFF; background: #1A1A1A url(../images/html_bg.jpg) repeat-x; }
body { padding: 0; margin: 0; text-align: center; height: 100%; }
li { list-style: none; }
img { border-style: none; }
.wrapper { width: 80em;	margin: 0 auto; }
a, a:link, a:visited, a:hover { color: #FFF; }
h1 { font-size: 200%; }
h2 { font-size: 175%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
h5 { font-size: 85%; }
h6 { font-size: 80%; }
input[type=submit] { cursor: pointer; }


.dropshadow {			height: 13px;
						background: transparent url(../images/dropshadow.png) repeat-x;
						position: relative;
						z-index: 3;
						bottom: 1px;
}


.weight {	clear: both; }

.container {			background: transparent url(../images/ripple.jpg) repeat-x;
						margin-top: -14px;
}

.mainContent {			padding-top: 14px;


}



/*------------TOPBAR STYLES ----------------------*/

.topBar {				background: black url(../images/topbar_bg.jpg) repeat-x;
						height: 8em;

}

.brand {				float: left;
						padding-top: 1.7em;
						width: 50%;
						text-align: left;
}

.brand img {			position: relative;
						bottom: .2em;
}

.top_info {				float: right;
						width: 50%;

}

.top_tabs{				height: 1.8em;
						width: 100%;
						float: right;

}

.tab {					float: right;
						height: 100%;
						width: 8em;
						border-left: 1px solid #6B0000;
						border-bottom: 1px solid #6B0000;
						border-right: 1px solid #6B0000;
						margin-left: .5em;
						background: #B50000 url(../images/ie6_tab_bg.gif) repeat-x;
						padding-top: .4em;
}


.searchDiv {			float: right;
						clear: right;
						width: 20em;
						height: 29px;
						margin-top: 1em;
						border: 1px solid #6EAC44;
						background: white url(../images/search_bg.jpg) repeat-x;
}

.searchIcon {			width: 26px;
						height: 100%;
						background: #6FAC44 url(../images/searchicon.jpg) no-repeat;
						border-right: 1px solid #6EAC44;
						float: left;
}

.searchBox {						height: 24px;
									background: transparent;
									border: 0;
									float: left;
									margin-left: .5em;
									padding-top: .5em;
}

.searchSubmit {						height: 29px;
									width: 26px;
									background: transparent;
									border: 1px solid #70AD45;
									border-top: none;
									float: right;
									background: #70AD45 url(../images/search_button.jpg) no-repeat;

}

div.login {							width: auto;
									padding: .4em 1em 0 1em;

}

.breadcrumbs {						height: 1.7em;
									background: url(../images/breadcrumb.jpg) repeat-x;
									color: #1E3E08;
									border-bottom: 2px solid #6EAC44;
									text-align: left;
									padding-top: .3em;
									font-weight: bold;
}

.breadcrumbs .wrapper img {			margin: 0 .5em;

}

.breadcrumbs a:link {				color: #071101;

}

.breadcrumbs a:visited {			color: #071101;

}

.breadcrumbs a:hover {				color: red;

}

.questions {						float: right;
									margin-right: -.5em;
}

.questions img {					position: relative;
									bottom: .36em;
									border-left: 1px solid #3E641E;
									border-right: 1px solid #3E641E;

}

img.ot {							left: 1.4em;
}



/*----TOPBAR DROPDOWN EFFECTS STYLES -----*/

.loginHover {			position: absolute;
						left: -999em;
						width: 18em;
						z-index: 4;
						margin-top: .5em;
						margin-left: -10.45em;
}

.loggedIn{				margin-left: -7.35em;

}

.loginHover h4 {		float: left;
						margin: .6em 0 0 1em;
						font-size: 100%;
}

.loginForm {			background: red url(../images/hover_bg.jpg) repeat-x;

}

.loginForm label {		float: left;
						margin-left: 1em;
						margin-top: 1.5em;

}

.loginForm input {		float: right;
						width: 55%;
						margin-right: 1em;
						margin-top: 1.15em;
						background-image: url(../images/search_bg.jpg);
						border: 1px solid red;
}

.topRow {				float: left;
						clear: left;
						width: 100%;
						margin-top: -.6em;
}

.topRow img {			border: 1px solid red;
						float: left;
						margin-left: 1em;
}

.x {					float: right;
						margin: .5em .5em 0 0;
}

.fpButton {				background-image: url(../images/fpbutton.gif);
						background-repeat: no-repeat;
						background-position: top;
						width:115px;
						height: 35px;
						padding-top: 7px;
						margin-top: -.8em;

}



.regButton {			background-image: url(../images/regbutton.gif);
						background-repeat: no-repeat;
						background-position: top;
						width:75px;
						height: 35px;
						padding-top: 7px;

}

p.fpButton a:hover {		text-decoration: none;

}

p.regButton a:hover {	text-decoration: none;

}

.topRow p {				float: left;
						position: relative;
						top: .3em;
						margin-left: 1em;
}

.cartHover {			position: absolute;
						left: -999em;
						width: 24em;
						z-index: 4;
						margin-top: .5em;
						margin-left: -1px;
						padding-bottom: 2em;

}

.cartContents {			max-height: 45em;
						overflow: auto;

}


.shipHover{				position: absolute;
						left: -999em;
						width: 24em;
						z-index: 4;
						margin-top: .5em;
						margin-left: -1px;
						padding-bottom: 1em;
}

.cartHover h4 {			float: left;
						margin: .6em 0 0 1em;
						font-size: 100%;
}

.cartContents 	{		background: red url(../images/hover_bg.jpg) repeat-x;

}

.cart .topRow {			margin-top: .75em;

}

.cart .topRow p {		float: right;
						width: 60%;
						text-align: left;
						margin-top: 0;
						position: static;
}

.cart .topRow p span {	font-size: 85%;

}


.gtvc {					float: left;
						clear: left;
						margin: 1em 0 0 1em; /*-- IE FIX --*/
						width: 155px;
						height: 35px;
						background: transparent url(../images/checkoutbutton.gif) no-repeat;
						padding-top: 7px;
}

.cs {					margin-top: 0em;

}

p.gtvc a:link {			text-decoration: none;

}

p.gtvc a:visited {		text-decoration: none;

}

p.gtvc a:hover {		text-decoration: none;

}

.cart span a:link {		text-decoration: none;

}

.cart span a:visited {	text-decoration: none;

}


.cart span a:hover {			text-decoration: underline;

}


.login a:link {			text-decoration: none;

}

.login a:visited {		text-decoration: none;

}

.login a:hover {		text-decoration: underline;

}

.checkout a:link{		text-decoration: none;

}

.checkout a:visited{	text-decoration: none;

}

.checkout a:hover{	text-decoration: underline;

}

/*---- CALC SHIPPING ------------*/

.calcshipping {		width: 12em;

}

.calcshipping a:link {			text-decoration: none;

}

.calcshipping a:visited {		text-decoration: none;

}

.calcshipping a:hover {			text-decoration: underline;

}

.shipHover {					width: 20em;
								background: red url(../images/hover_bg.jpg) repeat-x;
								margin-left: .05em;
}



.shipHover h4 {			float: left;
						margin: .6em 0 0 1em;
						font-size: 100%;
}

.calcShipping .topRow {			margin-top: 3baem;
								float: left;
								clear: left;
}

.calcShipping .topRow p {		float: right;
								width: 60%;
								text-align: left;
								margin-top: 0;
}

.calcShipping .topRow p span {	font-size: 85%;

}

.shipHover label {		float: left;
						margin-left: 1em;
						margin-top: 1.5em;

}

.shipHover input, select {		float: right;
								width: 55%;
								margin-right: 1.1em;
								margin-top: 1.15em;
								background-image: url(../images/search_bg.jpg);
								border: 1px solid red;

}

input.s_state {			width: 1.6em;
						margin-right: 10.1em;
}

input.s_zip {			width: 3.4em;
						margin-right: 8.3em;
}

.shipHover select {				margin-right: 1.3em;

}

input.l_submit {		background-image: url(../images/regbutton.gif);
						background-repeat: no-repeat;
						background-position: top;
						width:75px;
						height: 35px;
						background-color: transparent;
						border: none;
						padding-bottom: .5em;
						color: white;
						margin-top: 1.2em;
}

/*-----COLUMNS ---------------*/

.sideColumn {		width: 18em;
					float: left;


}

.mainColumn {		float: left;
					width: 61.8em;
					margin-left: 2px;

}

/*-----FOOTER STYLES ---------------*/

.footer {			border-top: 1px solid #6EAC44;
					margin: 3em 0 1.5em 0;
					font-weight: bold;
					padding: .5em 0;
					clear: both;
					width: 100%;

}


.footer ul {		float: left;
					margin: 0;
					padding: 0;
					font-size: 85%;

}

.footer ul li {		float: left;
					margin-right: 1.5em;
}

.footer span {		float: right;
					color: #366E10;
					font-size: 85%;
}

.footer a:link{		text-decoration: none;

}

.footer a:visited {	text-decoration: none;

}

.footer a:hover {	text-decoration: underline;

}

/*-----LEFT COLUMN ----------------*/

.verisign {			margin: 2em auto;
					height: 150px;
					width: 100%;
					text-align: center;
}

.verisign img {		margin-top: 25px;

}

/*------ NAVIGATION STYLES ----------------------*/

.navigation {				float: left;
							width: 100%;
							text-align: left;
							border: 1px solid black;
							background: black;
}

.navigation ul {			padding: 0;
							margin: 0;
							width: 100%;
}

.navigation ul li {			padding: .5em;
							background: black url(../images/nav_bg.jpg) repeat-x;
							float: left;
							clear: left;
							width: 94.5%;
}

.menuarrow {	margin-top: .3em; }

.navigation ul li ul {		position: absolute;
							left: -999em;
							z-index: 4;

}

.navigation ul li:hover ul{	left: auto;
							width: 19em;
							margin-left: 17.3em;
							margin-top: -1.85em;
							border: 1px solid black;


}

.navigation ul li ul li:first-child {	border-top: 1px solid black; }
.navigation ul li ul li {	float: left;	border-right: 1px solid black;	width: 18em; }

.navigation a, .navigation a:link, .navigation a:visited {
 text-decoration: none;
 color: #FAFAFA;
}
.navigation a:hover, .navigation a:active {
 text-decoration: none;
 color: #1E3E08;
}

.navigation a.nav, .navigation a.nav:link, .navigation a.nav:visited {
 text-decoration: none;
 color: #FFFFFF;
 font-weight: bold;
}
.navigation a.nav:hover, .navigation a.nav:active {
 text-decoration: none;
 color: #FFFFFF;
}


.navCol {					width: 18em;
							float: left;

}

.navigation ul li ul div.navCol2 {				margin-left: 1em;

}

.navigation ul li ul.monsterNav {				width: 38em;
												background: black;
}

/*------ HD_NP STYLES --------------------*/

.hd_np {					border: 1px solid black;
							float: left;
							width: 100%;
							margin-top: 1em;
}

.hotdealsimg {				background-image: url(../images/hotdeals_bg.jpg);
							background-repeat: repeat-x;

}

.newproductssimg {			background-image: url(../images/newproducts_bg.jpg);
							background-repeat: repeat-x;

}