@import url(/css/base.css);
@import url(/css/lightbox.css);

html, body { 
	height: 100%;
}

body { 
	background: #979797;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}

a:link, a:visited { 
	color: #ff0000;
	text-decoration: none;
}

a:active, a:hover { 
	color: #cc0000;
	text-decoration: underline;
}

.active { 
	color: #ff0000;
}
	
/* Main Layout Elements 
_____________________________________________________________________*/
	
#page { 
	width: 950px;
	text-align: left;
	padding-bottom: 20px;
	margin-top: 10px;
	background-color: #ffffff;
	position: relative;
	}
	
#contenthome { 
	height: 450px;
	overflow: hidden;
	position: relative;
	background-color: #ffffff;
	}
	
#headersecondary { 
	position: relative;
	height: 200px;
	overflow: hidden;
	/*need this funky positioning b/c the images 
	are the wrong size and position wrong in IE*/
	background-color: #ffffff;
	background-position: 0 200px;
	}
	
#navcontainer { 
	position: absolute;
	top: 0;
	left: 0;
	height: 120px;
	background-repeat: no-repeat;
	font-size: 10px;
	text-transform: uppercase;
	width: 950px;
	z-index: 100;
	background-image: url(/images/common/header.png);
	}

#logo { 
	position: absolute;
	margin: 0 35px 0 0;
	z-index: 102;
	}
	
#minicart { 
	font-size: 10px;	
	color: #4b4b4b;
	right: 8px;
	top: 3px;
	line-height: 10px;
	position: absolute;
	z-index: 104;
	width: 123px;
	line-height: 1em;
}

#minicart a { 
	color: #333;
	text-transform: uppercase;
}
	

#login { 
	color: #fff;
	height: 19px;
	text-align: right;
	padding-right: 0px;
}


#minicartdetails {
	line-height: 1.2em;
	}
	

#minicarticon { 
	float: left;
	margin: 0 4px 7px 0;
	cursor: pointer;
	}
	
#minicartdetails { 
	width: 95px;
	float: left;
	}
	
#minicartdetails strong { 
	color: #cc0000;
	}
	
#minicartcheckout { 
	clear: both;
	text-align: right;
	padding-right: 2px;
	}	
	
/*	
#login { 
	
	}
	
#login a { 
	color: #ffffff;
	}
	
#login #news, #login #sitemap { 
	float: left;
	padding: 5px;
	}
	
#login #news { 
	border-right: 1px solid #ffffff;
	}
	
#login #sitemap a { 
	color: #ff9900;
	}
*/


/*Form Styles
_____________________________________________________________________*/
input, select, textarea { 
font-size: 11px;
}

input[type=text], input[type=password], textarea { 
	padding: 2px;
	border: 1px solid #ccc;
	}
	
.inputfield { 
	padding: 2px;
	border: 1px solid #ccc;
	}
	
select { 
	padding: 1px;
	border: 1px solid #ccc;
	}
	
.formblock { 
	clear: both;
	
	}

.formblock label { 
	width: 120px;
	padding: 3px 5px 0 0;
	text-align: right;
	display: block;
	float: left;
}

.formblock input, .formblock select { 
	float: left;
	margin: 0 5px 5px 0;
}

.formblock select { 
	width: 136px; 
}

.error { 
	color: #ff0000;
	font-weight: bold;
	}
	
label.error { 
	width: auto;
	display: block;
	float: none;
	padding: 0 0  0 125px;
	text-align: left;
	font-size: 10px;
	clear: both;
	}

.formblock label span { 
	color: #ff0000;
}

.formindent { 
	padding: 4px 0 5px 125px;
	clear: both;
	}
	
.buttonrow { 
	clear:  both;
	border-top: 1px solid #666;
	padding: 10px;
	text-align: right;
	}
	
.formbutton {
	background: #FF0000;
	color: #fff;
	padding: 4px 6px 5px 6px;
	cursor: pointer;
  text-shadow: #333 1px 1px 3px;
  outline: none;
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
  border-radius: 3px;
	line-height: 1em;
	border: none;
	text-transform: uppercase;
	}
	
a.formbutton {
	color: #fff;
	text-decoration: none;
	}
	
	
.formbutton:hover {
	background: #CC0000;
	}	
	
div#required { 
	text-align: right;
	color: #ff0000;
	font-size: 10px;
	}
	
input[type=text],input[type=password] { 
	width: 130px;
}

.inputfield, .formcolumn input.inputfield { 
	width: 130px;
}

input.long { 
	width: 190px;
}

select.long { 
	width: 185px;
}

input.short { 
	width: 70px;
}

select.short { 
	width: 71px;
}

input.xshort { 
	width: 60px;
}

select.xshort { 
	width: 66px;
	margin-right: 4px;
}


input.inactivefield, select.inactivefield {
background-color:#E5E5E5;
color:#666666;
}

.loadingbutton { 
	vertical-align: middle;
	}
	
.loadingbutton img { 
	padding-top: 4px;
	padding-bottom: 4px;
	}
	


/*Home Page content
_____________________________________________________________________*/
#homeshadow { 
	background-image: url(/images/common/home-footer-shadow.png);
	width: 950px;
	height: 20px;
	position: absolute;
	top: 510px;
	left: 0;
	}

#dai {
	position: absolute;
	z-index: 20;
	bottom: 20px;
	left: 40px;
	display: block;
	color: #fff;
	cursor: pointer;
	}
		
.infoimage { 
	position: absolute;
	z-index: 20;
	font-size: 10px;
	color: #000000;
	height: 50px;
	display: none;
	width: 200px;
	padding: 20px 20px 25px 20px;
	background-image: url(/images/common/pop-up.png);
	background-repeat: no-repeat;
	top: -95px;
	left: -28px;
	}
	
#footerhome { 
	background-color: #000000;
	color: #ffffff;
	font-style: italic;
	padding: 40px 55px 40px 415px;
	background-image: url(/images/common/home-our-mission.gif);
	background-repeat: no-repeat;
	background-position: 36px 53px;
	}
	
#footerinfo { 
	margin: 300px auto 10px auto;
	width: 950px;
	text-align: left;
	color: #fff;
	}
	
#content .last { 
	margin-right: 0;
	}
	
#content .pdf { 
	border-bottom: 5px solid #ff0000;
	padding: 0 0 5px 0;
	}
	
#content .gallery { 
	border-bottom: 5px solid #666;
	padding: 0 0 5px 0;
	}

.pdficon, .pdfdesc { 
	float: left;
	}
	
a.pdflink:link, a.pdflink:visited { 
	 color: #000;
	 }
	 
a.pdflink:active, a.pdflink:hover { 
	 color: #ff0000;
	 }
	 
.pdfdesc { 
	width: 200px;
	margin: 10px 0 10px 5px;
	font-weight: bold;
	}

	
/* Navigation  
_____________________________________________________________________*/

#navigation { 
	color: #ffffff;
	width: 625px;
	text-transform: uppercase;	
	position: absolute;
	top: 16px;
	left: 185px;
	z-index: 103;
	}
	
#navigation a:hover, #navigation a:active, #navigation a:link, #navigation a:visited { 
	text-decoration: none;
	}

#navigation ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 10px;
	background-color: #ffffff;
	}
	
	
#navigation ul li { /* all list items */
	border-left: 1px solid #ffffff;
	margin: 0;
	float: left;
	/*width: 10em;  width needed or else Opera goes nuts NOTE: no it doesn't this is a comment from the original menu */
}

#navigation ul li a {
	display: block;
	padding: 5px 8px;
	color: #ffffff;
	/*width: 10em;*/
}


#navigation ul li a.active {
	color: #ff0000;
}




#navigation ul li:hover a, #navigation ul li:active a, #navigation ul li.sfhover a  { /*put the style on the hover because it needs to stay active on the submenus*/
	color: #000000;
	background-color: #ffffff;
	}

/* second-level lists */
#navigation ul ul { 
	border: 1px solid #ffffff;
	position: absolute;
	text-transform: uppercase;
	width: 200px;
	margin-left: -1px;
	margin-top: 0;
	padding: 0;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/* second-level lists elements */
#navigation li li { 
	padding: 0;
	margin: 0;
	width: 200px;
	border: 0; /*added to give width to secondary list because we are not setting it on the first nav*/
}

/*Make the selected sub list item red*/

#navigation li li a, #navigation li li a { 
	color: #000000;
	padding-left: 20px;
} 

#navigation li li a:link, #navigation li li a:visited { 
	color: #000000;
} 

#navigation li li a:active, #navigation li li a:hover { 
	color: #ffffff;
} 

#navigation li li:hover a, #navigation li li.sfhover a { 
	background-color: #ff0000;
	background-image: url(/images/common/nav-over-bg.gif);
	background-position:bottom;
	background-repeat: repeat-x;
}

#navigation li:hover, #navigation li.sfhover { /*Bug fix for ie 7*/
    position: static;
}

/* lists nested under hovered list items */
#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul { 
	left: auto;
}

/*
Old Login stuff comented out JM 9/3/2009

#loginlogicrel {
	position: relative;
	z-index: 210;
}
#loginlogic {
	position: absolute;
	color: #FFFFFF;
	left: 844px;
	top: 15px;
	font-size: 9px;
	cursor: pointer;
}
#loginlogicback {
	position: absolute;
	color: #FFFFFF;
	left: 818px;
	top: 15px;
	font-size: 9px;
	cursor: pointer;
}
#loginfields {
	position: absolute;
	color: #FFFFFF;
	left: 785px;
	top: 10px;
	font-size: 9px;
	display: none;
	background-color: #424242;
	width: 140px;
	padding: 4px;
}
.loginfields {
	width: 115px;
	height: 17px;
	background: none;
	border: 0px;
	border: none;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	padding-top: 3px;
	padding-left: 5px;
}*/

/* Home Page Content
_____________________________________________________________________*/
#phonenumber {
	position: absolute;
	top: 497px;
	width: 260px;
	left: 660px; 
	color: #ffffff;
	font-size: 36px;
	z-index: 2;
	}

.homeimage { 
	position: absolute;
	z-index: 1;
	}
	
 img#imagecover {
 	width:950px;
	height: 450px;
	position:absolute;
	z-index: 12;
	}
	
 #swapimageholder {
 	width:8550px;
	height: 450px;
	position:absolute;
	z-index: 10;
 }
 
 #videoOverlay {
 	width: 950px;
	height: 450px;
	position:absolute;
	z-index: 11;
	display: none;
 }
	
#homecallouts { 
	padding: 20px 0 0 20px;
	}
	
#homecallouts img { 
	float: left;
	display: block;
	margin-right: 14px;
	}

/*Secondary Pages
__________________________________________________________________*/
#subnav, #content { 
	float: left;
	}

	
#subnav { 
	width: 185px;
	padding: 15px 0px 15px 0;
	border-top: 5px solid #ff0000;
	text-transform: uppercase;
	font-size: 10px;
	}
	

#subnav a, .column a { 
	color: #000000;
	text-decoration: none;
	}
	
#subnav a:active, #subnav a:hover, .column a:active, .column a:hover { 
	color: #ff0000;
	}

#subnav ul, .column ul {
	margin: 0; 
}

#subnav ul  { 
	padding: 0 0 0 30px;
	list-style: square;
	margin-bottom: 1.5em;
	}
	
.column ul  { 
	padding: 0 0 0 3.4em;
	list-style: square;
	}

#subnav ul ul, .column ul ul {
	/*list-style: square;*/
	list-style: none;
	padding-left: 1em;
	margin-bottom: 0;
}



#subnav li, .column li {
	padding: 4px 0;
	margin: 0;
	color: #FF0000;
}

#subnav ul li li, .column ul li li { 
	color: #666666;
	}

#subnav ul ul a, .column ul ul a {
	/*color: #666666;*/
}

#subnav ul a.active, .column ul a.active {
	color: #ff0000;
}

#subnav li li li { 
	padding: 2px 0;
	}
	
#subnav ul ul ul { 
	padding-top: 2px;
	}

#content { 
	width: 725px;
	padding: 10px 20px;
	line-height: 16px;
	}

#breadcrumbs { 
	padding-bottom: 5px;
	color: #000;
	text-transform: lowercase;
	font-size: 11px;
}

#breadcrumbs a { 
	color: #666666;
	}
	
#breadcrumbs a:active, #breadcrumbs a:hover { 
	color: #ff0000;
	}
	
#breadcrumbs .active { 
	color: #ff0000;
	}
	
#content h1 { 
	font-size: 24px;
	padding: 10px 0 5px 0;
	margin: 0 0 10px 0;
	text-transform: uppercase;
	border-bottom: 1px solid #ff0000;
	}
	
#content #subcol {
	float: right;
	margin: 0 0 0 10px;
	color: #000;
	width: 240px;
}

#content #subcol img {
	margin:0;
}

#content #subcol h5 {
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#content #subcol h3 {
	font-size: 12px;
	text-transform: uppercase;
	margin-top: 15px;
	color: #000000;
}


.colphoto { 
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
	}
	
.imagecolcover { 	
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	}

#content #primary { 
	width: 465px;
	float: left;
	}
	
#content .copy { 
	margin-bottom: 1.4em;
	}
	
#content p { 
	margin-bottom: 1.4em;
	}
	
#content h1, #content h2, #content h3, #content h4, #content h5 { 
	line-height: normal;
	}
	
#primary ul { 
	list-style-type: square;
	padding: 5px 30px;
	}

#content h2 { 
	text-transform: uppercase;
	font-size: 13px;
	border-bottom: 1px solid #666666;
	padding: 10px 0 2px 0;
	margin: 0 0 .5em 0;
	}
	
#content #news h2 a { 
	text-decoration: none;
	}
	
#content h3 { 
	text-transform: uppercase;
	font-size: 13px;
	padding: 10px 0 2px 0;
	margin: 0 0 10px 0;
	}
#content h6 {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000000;
}
	
/*News styles*/
.date { 
	text-align: right;
	text-transform: uppercase;
	color: #ff0000;
	margin-bottom: 5px;
	}
	
.newsimage { 
	float: right;
	margin: 0 0 10px 10px;
	}
	
#videodiv { 
	padding-bottom: 20px;
	font-weight: bold;
	}
	
#videodiv a { 
	display: block;
	margin-bottom: 10px;
	}
	
#videodiv span { 
	display: block;
	float: left;
	padding-top: 5px;
	width: 185px;
	}
	
	
#videodiv img { 
	float: left;
	padding-right: 5px;
	}

	
#pdfdiv { 
	padding-bottom: 20px;
	font-weight: bold;
	}
	
#pdfdiv a { 
	display: block;
	margin-bottom: 10px;
	}
	
#pdfdiv span { 
	display: block;
	float: left;
	padding-top: 2px;
	width: 195px;
	}

#pdfdiv img { 
	float: left;
	padding-right: 5px;
	}

	
/*site map styles*/

#sitemapcontent { 
	margin: 10px 20px 20px 20px;
	}

#sitemapcontent h1 { 
	font-size: 24px;
	padding: 10px 0 5px 0;
	margin: 0 0 10px 0px;
	text-transform: uppercase;
	border-bottom: 1px solid #ff0000;
	}
	
#sitemapcontent h2 { 
	text-transform: uppercase;
	font-size: 13px;
	border-bottom: 1px solid #666666;
	padding: 10px 0 2px 0;
	margin: 0 0 0 0;
	}
	
#sitemapcontent h2 { 
	text-transform: uppercase;
	font-size: 13px;
	border-bottom: 1px solid #666666;
	padding: 10px 0 2px 0;
	margin: 0 0 10px 0;
	}
	
#sitemapcontent h2 a { 
	color: #ff0000;
	}
	

	
#sitemapcontent .column {
	width: 141px;
	padding: 0px 12px 0px 0px  ;
	font-size: 10px; 
	float: left;
}

/*Schedule Styles*/
#content h2.classschedules { 
	font-size: 16px;
	margin-bottom: 3px;
	}
	
#printpage { 
		text-align: right;
		margin-bottom: 15px;
	}

#content h4.header { 
	float: left;
	width: 227px;
	margin-right: 5px;
	text-transform: uppercase;
	font-size: 13px;
	padding: 10px 0 0px 0;
	margin: 0 5px 2px 0;
}
	
.coursecol { 
	width: 227px;
	float: left;
	margin: 0px 5px 0 0;
	border-top: 1px solid #666666;
	padding: 5px 0;
}
	
.coursecol h4 { 
	font-size: 12px;
}
	
.coursecol h5 { 
	text-transform: uppercase;
	font-size: 10px;
	color: #666666;
}
	
/*Footer
__________________________________________________________________*/

#footer { 
	background-color: #e1e0e0;
	color: #666666;
	margin: 20px 20px 0 20px;
	padding: 20px;
	line-height: 1.4em;
	clear: both;
}

#footer a:link, #footer a:visited { 
	color: #666;
}

#footer a:active, #footer a:hover { 
	color: #cc0000;
}

	
#footer h3 { 
	text-indent: -5000px;
	overflow: hidden;
	height: 16px;
	background: url(/images/common/footer-protecting-workers.gif) no-repeat;
	padding-bottom: 15px;
	}
	
#footer h4 { 
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 15px;
	}

#footerdesc { 
	float: left;
	width: 270px;
	border-right: 1px solid #ccc;
	padding-right: 20px;
	margin-right: 20px;
	font-size: 11px;
}
	
#footerprodcol { 
	float: left;
	width: 278px;
	border-right: 1px solid #ccc;
	margin-right: 20px;
}

#footerprodcol ul { 
	float: left;
	list-style-type: none;
	padding: 0 0 0 15px;
	margin: 0;
	font-size: 10px;
	width: 119px;
}

#footercontcol {
	float: left;
	padding-left: 15px;
	width: 123px;
} 
	
#footermisccol { 
	float: left;
	width: 122px;
	}
	
#credits { 
	width: 910px;
	margin: 0 auto;
	text-align: right;
	font-size: 10px;
	text-transform: uppercase;
	padding: 5px 20px 20px 20px;
	color: #4b4b4b;
	}	
	
#credits strong { 
	font-size: 16px;
	vertical-align: text-top;
	line-height: 1em;
	}	
	
/*Lightbox
__________________________________________________________________*/
#gallerycontent { 
	width: 720px;
	height: 595px;
	padding: 20px;
	}
	
#galleryloader { 
	top: 219px;
	left: 364px;
	position: absolute;
	display: none;
	}




/*#processing {
	background: #000000;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 200;
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	display: none;
}
	

#processingdisp { 
	background: #fff;
	position: absolute;
	z-index: 220;
	text-align: left;
	font-size: 12px;
	margin: 0px auto;
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
	padding: 10px 20px 20px 20px;
	width: 720px;
	height: 595px;
	}


#processingdisp.videolightbox {
	width: 640px;
	height: 375px;
}*/
	
#preload { 
	text-align: center;
	margin-top: 249px;
	position: absolute;
	z-index: 230;
	width: 740px;
	top: 0;
	left: 0;
	}
	
#processingdisp #processingcont { 
	position: relative;
	width: 720px;
	top: 0;
	left: 0;
	z-index: 240;
	}
	
#processingdisp.videolightbox #processingcont { 
	width: 640px;
}
	

#processingdisp #videocont { 
	width: 640px;
	height: 360px;
	}
	
#galleryclose { 
	text-align: right;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 10px;
	padding-bottom: 5px;
	}
	
#galleryclose a { 
	text-decoration: none;
	}
	
#galleryclose a:link, #galleryclose a:visited { 
	color: #000;
	}
	
#galleryclose a:active, #galleryclose a:hover { 
	color: #ff0000;
	}


#gallerycover { 
	z-index: 250;
	position: absolute;
	top: 20px;
	left: 20px;
	cursor: pointer;
	}	
	
#gallerylayer { 
	text-align: center;
	z-index: 5500;
	font-size: 11px;
	width: 720px;
	line-height: 1.1em;
	}

#gallerylayer h3 { 
	font-size: 11px;
	margin: 3px 0;
	font-weight: bold;
	}
	
	
#galleryimage { 
	height: 470px !important;
	overflow: hidden;
	width: 720px;
	}
	
#gallerytablecell { 
	display: table-cell;
	height: 470px;
	width: 720px;
	vertical-align: middle;
	}
	
#galleryimage img { 
	vertical-align: middle;
	}
	
#gallerydesc { 
	height: 45px;
	width: 500px;
	margin: 0px auto 5px auto;
	}

#lightbox #gallerydesc h3 { 
	text-align: center;
	}	

.galleryarrows { 
	float: left;
	width: 24px;
	height: 54px;
	}
	
.galleryarrows img { 
	cursor: pointer;
	padding: 12px 0;
	}
	

#gallerythumbscont { 
position: relative;
float: left;
width:672px;
height: 54px;
overflow: hidden;	
}

#gallerythumbs { 
	position: absolute;
	top: 0px;
	left: 0px;
	}
	
#gallerythumbs img { 
	float: left;
	border: 2px solid #fff;
	cursor: pointer;
	margin: 0 2px;
	}
	
#gallerythumbs img:hover { 
	float: left;
	border: 2px solid #333;
	}
	
#gallerythumbs img:active, #gallerythumbs img.active { 
	float: left;
	border: 2px solid #333;
	}

#activediv, #lastimage { 
	display: none;
	}
	
.deschidden { 
	display: none;
	}
	
#maxwidth { 
	display: none;
	}

/*Equipment Store Pages
__________________________________________________________________*/

/* Product Landing Page
____________________________*/

h4#landingcategories { 
	text-indent: -5000px;
	background: url(/images/products/core/title-categories.gif) no-repeat;
	height: 11px;
	padding: 0;
	margin: 0 0 6px 20px;
}

.landingcopy { 
	clear: both;
	padding-bottom: 1em;
	}
	

.landingcopy p { 
	margin-bottom: 1.5em;
}

h3#headcategories { 
	text-indent: -5000px;
	background: url(/images/products/core/title-shop-these-categories.gif) no-repeat 0 50%;
	height: 35px;
	padding: 0;
	margin: 0;
}

h3#headphilosophy { 
	text-indent: -5000px;
	background: url(/images/products/core/title-gravitec-philosophy.gif) no-repeat 0 20px;
	height: 35px;
	padding: 10px 0 0 0;
	margin: 0;
	clear: both;
}

h3#headpicks { 
	text-indent: -5000px;
	background: url(/images/products/core/title-our-picks.gif) no-repeat;
	height: 15px;
	padding: 0;
}

#catfeatured .catitem { 
	border-top: 1px solid #ccc;
	
}

#catfeatured .catdesc { 
	background: none;
	border-bottom: none;
}

#landingthumbs { 
	padding: 10px 0;
	clear: both;
}

#landingthumbs img { 
	float: left;
}



/* Product Category Page
____________________________*/

h5#catrelheader { 
	text-indent: -5000px;
	height: 24px;
	background: url(/images/products/core/cat-related-header.gif) no-repeat 0 0;
	}
	
ul#catrelated { 
	background: url(/images/products/core/cat-related-footer.gif) no-repeat 0 100%;
	padding-bottom: 15px;
	}
	
ul#catrelated li { 
	background: url(/images/products/core/cat-related-bg.gif) repeat-y 100% 0;
	padding-right: 10px;
	}
	
.pagination { 
	float: right;
	text-transform: uppercase;
	font-size: 10px;
	clear: both;
}
	
.pagination img { 
	vertical-align: middle;
}
	
.pagination a:link, .pagination a:visited { 
	color: #666666;
	}
	
.pagination a:active, .pagination a:hover { 
	color: #990000;
	}
	
.pagination a.next { 
	background: url(/images/products/core/paging-arrow-next.gif) no-repeat 100% 50%;
	padding-right: 10px;
	}
	
.pagination a.next:hover { 
	background: url(/images/products/core/paging-arrow-next-on.gif) no-repeat 100% 50%;
	}
	
.pagination a.previous { 
	background: url(/images/products/core/paging-arrow-prev.gif) no-repeat 0 50%;
	padding-left: 10px;
	}
	
.pagination a.previous:hover { 
	background: url(/images/products/core/paging-arrow-prev-on.gif) no-repeat 0 50%;
	}

#categoryhero { 
	float: left;
	}

#categoryhero img { 
	float: left;
}	

.categorycopy { 
	padding:.5em 0 1em 0;
	clear: both;
	}
	

.catitem { 
	float: left;
	width: 181px;
	height: 222px;
	text-align: center;
	background: url(/images/products/core/cat-bar.gif) no-repeat 100% 0;
	overflow: hidden;
	position: relative;
	}
	
.catitem a:link, .catitem a:visited { 
	color: #000;
	}
	
.catitem a:hover, .catitem a:active { 
	color:#CC0000
	}
	
.catitem.top { 
	background: none;
	border-top: none;
	}
	
.catitem.last { 
	background: none;
	width: 182px;
	}

.catitem.bottom{ 
	margin-bottom: 5px;
	}
	
.catcover {
	padding: 10px 0;
	left: 28px;
	position: absolute;
	z-index: 20;
	width: 125px;
	height: 150px;
	}
	
		
.catthumb {
	padding: 10px 0;
	}

.catdesc { 
	background: url(/images/products/core/cat-bar.gif) no-repeat 100% 100%;
	border-bottom: 1px solid #ccc;
	height: 51px;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	}
	
.catitem.last .catdesc { 
	background: none;
	}
	
/*.catitem.bottom .catdesc { 
	border: none;
	background: none;
	}*/
	
.catinfusion { 
	float: left;
	width: 363px;
	height: 221px;
	border-bottom: 1px solid #ccc;
}
	
/*.catinfusion.bottom { 
	border: none;
	height: 222px;
	}*/
	
/* Product Detail Page
____________________________*/


#zoombox { 	
	position: absolute;
	z-index: 1000;
	background-color: #fff;
	display: none;
	width: 722px;
	padding: 20px 10px 20px 20px;
	height: 472px;
	left: 94px;
	font-size: 12px;
	text-align: left;
}

#zoomclose { 	
	position: absolute;
	z-index: 1100;
	right: -10px;
	top: -10px;
	cursor: pointer;
}

#zoombox h2 { 
	font-size: 20px;
	font-weight: bold;
	}
	
#zoombox h3 { 
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	}

.zoomthumbs {
	float: right;
	width: 280px;
}

.zoomborder {
	float: left;
	border: 1px solid #CCC;
	width: 420px;
	height: 420px;
}

.zoomthumbs p {
	margin-bottom: .5em;
}

.zoomthumbs img { 
	float: left;
	border: 3px solid #ccc;
	margin: 0 10px 10px 0;
	cursor: pointer;
	}
	
.zoomthumbs img:hover {
	border:3px solid #999;
}

.zoomthumbs img.active {
	border:3px solid #CC0000;
}

#prodcrumbdivider { 
	border-bottom: 1px solid #FF0000;
	margin-bottom: 25px;
	}
	
#prodhero { 
	float: left;
	width: 352px;
	padding-right: 20px;
	position: relative;
	z-index: 1;
	}

#prodcover { 
	position: absolute;
	z-index: 5;
	width:350px;
	height: 420px;
	top: 50px;
	}
	
#prodimg { 
	position: relative;
	z-index: 2;
	padding-top: 50px;
	}
	
#prodicons { 
	position: absolute;
	z-index: 10;
	}
	
#prodicons img { 
	float: left;
	cursor: pointer;
	margin-right: 4px;
	}
	
#proddetails { 
	float: left;
	width: 353px;
	}
	
#proddetails h1 {
	border: none;
	text-transform: none;
	font-weight: bold;
	font-size: 20px;
	padding: 0;
	margin: 0;
	}
	
#itemnum { 
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 1em;
	}
	
#itemnum span { 
	font-weight: normal;
	font-size: 11px;
	}
	
.gsanote { 
	color: #0033cc;
}
	
#prodprice { 
	color: #666;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 20px;
}
	
#prodselection { 
	padding-bottom: 20px;
	line-height: 1em;
	text-align: left;
}

	
#prodselection select { 
	margin-bottom: 5px;
	vertical-align: middle;
}

#prodselection img { 
	vertical-align: middle;
	margin-bottom:5px;
	padding-left: 5px;
	
}
	
#prodselect { 
	float: left;
	margin-top: 4px;
}

#prodqty { 
	width: 2.5em;
}
	
#prodbuynow { 
	margin-left: 3px;
}

#prodselection img, #prodselection input, #prodselection select { 
	vertical-align: middle;
}

#prodattributes { 
	float: left;
	padding-bottom: 20px;
}
	
.prodlabel, .prodattr { 
	float: left;
	padding-bottom: 1px;
	/*padding-bottom: 5px;*/
}

.prodlabel { 
	width: 120px;
	padding-right: 10px;
	min-height: 16px;
	}
	
.prodattr { 
	width: 207px; 
	font-weight: bold;
	padding-left: 15px;
	border-left: 1px solid #ccc;
	min-height: 16px;
}

#proddesc { 
	padding-bottom: 1em;
	clear: both;
}

#proddescshort { 
	padding-bottom: 1em;
	clear: both;
}


#proddetails ul { 
	list-style-type: square;
	margin:1em 1.5em 2em 1.5em;
}

h3#suggestedheader { 
	text-indent: -5000px;
	background: url(/images/products/core/title-suggested-accessories.gif) no-repeat;
	height: 11px;
	padding: 0;
}

#suggestedacc { 
	float: left;
	margin-bottom: 20px;
}

.sugitem { 
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 10px;
	position: relative;
}

#suggestedacc a img.sugcover { 
	float: left;
	border: 3px solid #ccc;
	position: absolute;
	top: 0;
	left: 0;
	width: 54px;
	height: 54px;
}

#suggestedacc a:hover img.sugcover { 
	border: 3px solid #cc0000;
}

.sugimage { 
	padding: 3px;
}



/*Account Pages
__________________________________________________________________*/
.formmessage { 
	background: #eee;
	clear: both;
	padding: 10px;
	margin-bottom: 10px;
}

/* My account
____________________________*/
.myacctbox { 
	width: 352px;
	padding: 0 0 10px 0;
	float: left;
	margin-right: 20px;
	
}

.editbutton { 
	float: right;
	font-weight:bold;
}

.acctcurrent { 
	clear: both;
	padding-bottom: 10px;
}

.acctedit { 
	display: none;
	padding: 10px;
	background-color: #f6f6f6;
	}
	
.acctedit input.formbutton { 
	font-size: 10px;
}
	
		
#acctemailbox, #acctpwbox { 
}
	
.acctbuttons { 
	clear: both;
	padding-left: 125px;
}	

.acctbuttons input { 
	margin-right: 5px;
}	

#shipbillmsg { 
padding-top: 10px;
clear: both;
text-align: center;
font-weight: bold;
}




/* Edit account
____________________________*/

.formcolumn { 
	float: left;
	width: 352px;
	padding-bottom: 20px;
	margin-right: 21px;
	}
	
.formblock div.error,.formblock p.error { 
	padding-left: 125px;
	}
	
.logincolumn .formblock .error { 
	text-align: right;
	padding-left: 0;
}

.logincolumn .formblock input.error, .logincolumn .formblock input.error {
font-weight:normal;
text-align: left;
}

	/*Search Results
------------------------------------*/
#sidesearch { 
	width: 250px;
	float: left;
	padding: 27px 20px 20px 20px;
	}

.searchresult { 
	border-bottom:1px solid #D6D6D6;
	margin-bottom:1.5em;
	padding-bottom:1.5em;
	}
	
.searchresult span { 
	color: #CC3333;
	}
	
#subcontent { 
	width: 650px;
	float: left;
	margin: 20px 0 0 0;
}

#subcontent ul { 
	margin: 1.12em 0 1.12em 40px;
	list-style-type:disc;
}
	/*tab styles*/
.tabbar { 
	padding: 0 0 0 19px;
	background: url(/images/common/d6d6d6.gif) repeat-x 0 100%;
	margin-bottom: 20px;
	}
	
.tabshadowlt, .tabshadowrt { 
	float: left;
	width: 4px;
	height: 37px;
	}
	
.tabshadowlt { 
	background: url(/images/common/gen-tab-shadow-lt.gif) no-repeat;
	}
	
.tabshadowrt { 
	background: url(/images/common/gen-tab-shadow-rt.gif) no-repeat;
	}
	
.tab { 
	background: url(/images/common/gen-tab.gif) no-repeat top right;
	float: left;
	text-transform: uppercase;
	line-height: 1em;
	margin-left: -1px;
	}
	
.tab a {
	display: block;
	padding: 16px 10px 0 10px;
	float: left;
	height: 21px;
	background: url(/images/common/gen-tab-lt.gif) no-repeat top left;
	}
	

.tab a:link, .tab a:visited {
	text-decoration: none;
	color: #333;
	}

.tab a:hover, .tab a:active {
	text-decoration: none;
	color:#993333;
	}
	
.tabbar div.active { 
	background: url(/images/common/gen-tab.gif) no-repeat 100% -40px;
	}
	
.tabbar div.active a {
	color:#993333;
	background: url(/images/common/gen-tab-lt.gif) no-repeat 0 -40px;
	}
	
/* Search Box Header */
.searchContainer {
	height: 32px;
	width: 950px;
	position: relative;
	margin: 0 auto;
	margin-bottom: -10px;
	text-align: left;
}
.serachBoxSpacer {
	float: left;
	height: 32px;
	width: 457px;
}
.searchBox {
	float: left;
	background-image: url(/images/header/search-box-background2.gif);
	background-repeat: no-repeat;
	width: 493px;
	height: 32px;
	padding: 0px;
	margin: 0px;
}
input.searchInputHeader {
	margin: 0;
	padding: 0;
	margin-left: 135px;
	width: 340px;
	border: none;
	font-size: 11px;
	margin-top: 10px;
}