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

html {					font-size: 80%;
						font-family: Arial, Helvetica, sans-serif;
						color: white;
						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;
}

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

a:link {				color: white;
						
}

a:visited {				color: white;
						
}

a:hover {				color: white;
						
}

.weight {				clear: both;

}

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

.mainContent {			padding-top: 14px;
				

}

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;

}


/*------------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 {				float: right;
							margin-top: .3em;

}

.navigation ul li:hover {		background: red url(../images/nav_bgro.png) left no-repeat;
}

.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:link {		text-decoration: none;

}

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

}

.navigation a:hover {		text-decoration: none;

}

.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;

}