/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after, blockquote:before, blockquote:after { content: ''; }

/* Structure */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	color: #333;
	background: #fff;
	text-align: center;     
}
 
#topnav {
	position: relative;
	margin: 18px auto;
	width: 900px;
	height: 36px;
//	background: url(images/mainnav.gif) no-repeat;
	background: url(images/main_nav.png) no-repeat;
	background-position: right 0;
	text-align: left;			
}

#phone {
	position: absolute;
	top: 10px;
	right: 15px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
  
#header {
	position: relative;
	margin: 0 auto 0;
	width: 900px;
	height: 105px;  
	text-align: left;    
}

#logo {
	float: left;
	width: 122px;
	height: 107px;
	cursor: pointer;
	background: url(images/shop_qt_icon.png) no-repeat;
}

#shopnav {
	float: left;
	position: relative;
	
	width: 695px;
	height: 105px;
	
	margin-left: 10px;
	
	overflow: hidden;
//	background: url(images/bg-subnav.gif) no-repeat;  	
	background: url(images/bg-shopnav.png) no-repeat; 
}	

#page {
	clear: both;
	margin: 12px auto 0;
	padding: 0;
	width: 900px;
	text-align: left;
	border: 0;
//	background: url(images/bg-main.jpg) repeat-y;
	background: url(images/bg-main.png) repeat-y;
}
  
#footer {
	position: relative;
	margin: 0 auto 0;
	width: 900px;
	clear: both;
	color: #777;
}

#footerpad {
	font-size: 11px;
	text-align: left;
	padding: 0 0 20px 0;
}

/* General Typography */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;    
	color: #333;
	padding: 0 0 9px 0;
}

h1, .tagline {
	display: none;
}
  
h2 {
	font-size: 16px;
	margin: 0;
	padding: 5px 0 6px 0;
}

h3 {
	font-size: 13px;
	margin: 0;
	padding: 5px 0 6px 0;
}

h3.underlined {
	font-size: 11px;
	padding: 5px 0 4px 0;	
	margin-bottom: 6px;
	border-bottom: 1px solid #999999;	
}

h3.sectionHeader{
	font-size: 18px;	
}
  
h4 {
	font-size: 14px;
}  
  
p {
	padding: 0 0 9px 0;
}

strong {
	font-weight: bold;
}

.small {
	font-size: 11px;
}    
  

a {
	color: #B2C728;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.required {
	color: #f00;
}

.lite {
	color: #999;
}

#price {
//	float: right;
	font-size: 12px;
	font-weight: bold;
}
  
/* Images */

img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}
  
/* Lists */

ul {
	list-style: outside;
	margin: 0 0 9px 16px;
}

ul li {
	list-style-type: disc;
}

.smallBullet, .bigBullet, .noBullet {
	list-style: outside;
	margin: 0 0 5px 0;
	overflow: hidden;
}

.smallBullet li, .bigBullet li, .noBullet li {
	line-height: 16px;
	font-size: 10px;
	padding: 0 0 0 12px;
	list-style-type: none;
	background: url('images/bullet.jpg') no-repeat;
	background-position: left 5px;		
} 

.bigBullet li {
	padding: 0 0 0 13px;
	background: url('images/bullet-lg.jpg') no-repeat;
	background-position: left 4px;		
}

.noBullet li {
	 background: none;
	 padding: 0px;
//	 cursor: pointer;
 	 color: #ededed;
}

.noBullet li.roll:hover {
	cursor: pointer;
}

.noBullet li.roll:hover {
	font-weight: bold;
}

.noBullet li.selected {
	color: white;
}

/* Tables */

table {
	border-collapse: collapse;
	border-width: 0;	
	border-spacing: 0;
}

table.pricing {
	font-size: 10px;
}

table.pricing th, table.pricing td {
	font-size: 10px;
	line-height: 16px;
	padding: 0 9px 0 0;
	vertical-align: top;
	text-align: left;
}  

/* Forms */

input {
	vertical-align: middle;
}

textarea, input {
	padding: 2px 0 2px 3px;
	border: 2px solid #aaa;
	background: #f8f8f8;
}
  
textarea {
	width: 300px;
	height: 100px;
}    

input.button {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

#topsearch input {
	margin: 0;
}
  
#searchfield {
	width: 290px;
	border-right: 0px;
	font-size: 14px;
	padding: 3px 5px 3px 5px; 
}

select {	
}
  
.checkbox {
	margin: 0 8px 0 0;
}

.label {
	padding-bottom: 1px;
}

.field {
	padding-bottom: 6px;
}

/* Containers */

.boxWrapper {
	clear: both;
	background: url(images/bg-box-900.gif) repeat-y;
//	background: url(images/bg-box-900.png) repeat-y;
	margin-bottom: 12px;	
}

.boxContentBody {
	 border-top: 1px solid #999999;
//	 float: left;
	 padding-top: 12px;
	 margin-right: 15px;
	 margin-bottom: 15px;
//	 width:480px;
	 
//	 display: inline;
	 font-size: 11px;
//	 color: ;
}

.boxContentBody strong {
	font-size: 15px;
}

/*
.boxBottom {
//	background: url(images/bg-box-900-bottom.gif) no-repeat;
	background: url(images/bg-box-900-bottom.png) no-repeat;
	background-position: left bottom;	
}
*/

.boxBottomGradient {
	padding: 10px 25px 20px;
	background: url(images/bg-box-900-bottom-gradient.gif) bottom no-repeat;
//	background: url(images/bg-box-900-bottom-gradient.png) bottom no-repeat;
}

.boxTop {
	line-height: 1px;
	height: 10px;
	overflow: hidden;
	background: url(images/bg-box-900-top.gif) no-repeat;	
}

.gray {
	background: #f8f8f8;
}

.column {
//	float: left;
//	width: 225px;
	margin: 0 15px 15px 0;
//	display: inline;
}

.column2 {
	float: left;
	width: 270px;
	margin: 0 20px 0 0;
}
  
  
/* Various Tags and Classes */

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	text-align: center;
}

/* Linerules and Spacers */

.linerule {
	clear: both;
	margin: 0 0 9px 0;
	padding: 6px 0 0 0;
	border-bottom: 1px solid #999;
}

.linerule-dashed {
	clear: both;
	margin: 0 0 12px 0;
	padding: 6px 0 0 0;
	border-bottom: 1px dashed #aaa;
}  
  
.clear {
	clear: both;
	background: none;
}

/* Menus */

.menu {
	margin: 0;
	padding: 0;
	text-decoration: none;	
	list-style-position: outside;
	list-style-type: none;	
}

.menu li {
	display: inline;
	margin: 0;
}

/* Bread crumbs */

#breadcrumbs li {
	display: block;
	float: left;
	background: url(images/bg-breadcrumbs-bullet.gif) no-repeat;
	margin-right: 11px;
	padding: 4px 0 0 17px;	
	height: 24px;
	color: #fff;	
}

#breadcrumbs li.first {
	background: none;
	margin-right: 8px;
	padding: 0;	
}

#breadcrumbs li.first img {
	padding: 6px 0 0 10px;
}

#breadcrumbs li a {
	display: block;
	color: #fff;
}

#breadcrumbs li.first a {
	padding: 0;

}

#breadcrumbs li a:hover {
	text-decoration: none;
}

/* Products */

#product {
	float: left;
	display: block;
	width: 141px;
	height: 99px;
	color: white;
	
	margin-left: 5px;
	margin-top: 3px;
	
	background: url(images/bg-product.png) no-repeat;
	background-position: 0px 0px;
	
	cursor: pointer;
	text-align: center;
}

#product:hover {
	background: url(images/bg-product.png) no-repeat;
	background-position: 0px -118px;
}

#productselect {
	float: left;
	display: block;
	
	width: 226px;
	height: 97px;
	
	margin-left: 5px;
	margin-top: 3px;
	
//	padding: 5px 5px 5px 10px;
	
	background: url(images/bg-product-select.png) no-repeat;
	
	color: white;
}

#category {
	float: left;
	display: block;
	width: 112px;
	height: 99px;
	color: white;
	
	margin-left: 5px;
	margin-top: 3px;
	
	background: url(images/bg-category.png) no-repeat;
	background-position: 0px 0px;
	
	cursor: pointer;
	text-align: center;
}

#category:hover {
	background: url(images/bg-category.png) no-repeat;
	background-position: 0px -117px;
}

#category .selected, #category .selected:hover {
	background: url(images/bg-category.png) no-repeat;
	background-position: 0px -200px;
}

.tile {
	float: left;
	display: block;

	height: 97px;
	width: 110px;
	
	margin-left: 5px;
	margin-top: 3px;
	
	color: white;
	background: url(images/bg-tile.png) no-repeat;
	background-position: 0px 0px;
	
	cursor: pointer;
	text-align: center;
//	vertical-align: text-bottom;
	
	overflow: hidden;
	position: absolute;
}

.tile:hover {
	background-image: url(images/bg-tile.png) no-repeat;
	background-position: 0px -97px;
}

.tile#alt {
	background: url(images/shopnav/green-border.png) no-repeat;
}

.tile#alt:hover {
	background: green;
}

#arrow {
	float: left;
	display: block;

	height: 33px;
	width: 36px;
	
	margin-left: 1px;
	margin-top: 35px;
	
	color: white;
	background: url(images/arrows_states.png) no-repeat;
//	background-position: 0px -33px;
	
	cursor: pointer;
	text-align: center;
//	vertical-align: text-bottom;
	
	overflow: hidden;
}

/* Main Nav */
	
.mainnav {
	font-size: 12px;
	line-height: 17px;	
}

.mainnav ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
}

.mainnav ul li {
	display: inline;
}

.mainnav ul li a {
	display: block;
	float: left;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	width: 110px;
 	padding: 10px 0 2px;
	height: 24px;
	overflow: hidden;	
//	background: #fff url(images/mainnav.gif) no-repeat;
	background: #fff url(images/main_nav.png) no-repeat;
	background-position: center 0;
	border-right: 1px solid #939393;						
}

.mainnav ul li.first a {
//	background: #fff url(images/mainnav.gif) no-repeat;
	background: #fff url(images/main_nav.png) no-repeat;
	background-position: -15px 0px;	
}

.mainnav ul li a:hover {
//	background: #fff url(images/mainnav.gif) no-repeat;
	background: #fff url(images/main_nav.png) no-repeat;
	background-position: center -60px;
	color: #fff;
	text-decoration: none;
}

.mainnav ul li.first a:hover {
//	background: #fff url(images/mainnav.gif) no-repeat;
	background: #fff url(images/main_nav.png) no-repeat;
	background-position: -15px -60px;	
}

.mainnav ul li a.current, .mainnav ul li a.current:hover {
	color: #fff;
//	background: #fff url(images/mainnav.gif) no-repeat;
	background: #fff url(images/main_nav.png) no-repeat;
	background-position: center -124px;
}


.mainnav ul li.first a.current, .mainnav ul li.first a.current:hover {
//	background: #fff url(images/mainnav.gif) no-repeat;
	background: #fff url(images/main_nav.png) no-repeat;
	background-position: -15px -124px;	
}


.mainnav ul li.last a.current:hover {
//	background: #fff url(images/mainnav.gif) no-repeat;
	background: #fff url(images/main_nav.png) no-repeat;
	background-position: right -100px;	
}

/* Round Nav */
	
#roundnav {
	font-size: 11px;
	line-height: 14px;	
}

#roundnav ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 0px;
}

#roundnav ul li {
	display: inline;
}

#roundnav ul li div {
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	border-right: 1px solid #fff;
	overflow: hidden;
	height: 14px;
 	padding: 6px 18px;	
	background: #fff url(images/pill_tab.png) no-repeat;
	background-position: center 0;
	cursor: pointer;
}

#roundnav ul li.first div {
	padding-left: 21px;
	background: #fff url(images/pill_tab.png) no-repeat;
	background-position: 0px 0px;	
}

#roundnav ul li.last div {
	padding-right: 21px;
	background: #fff url(images/pill_tab.png) no-repeat;
	background-position: right 0px;
	border: none;	
}

#roundnav ul li div:hover {
	background: #fff url(images/pill_tab.png) no-repeat;
	background-position: center -42px;
	color: #fff;
	text-decoration: none;	
}

#roundnav ul li.first div:hover {
	background: #fff url(images/pill_tab.png) no-repeat;
	background-position: 0px -42px;	
}

#roundnav ul li.last div:hover {
	border: none;
	background: #fff url(images/pill_tab.png) no-repeat;
	background-position: right -42px;	
}

#roundnav ul li div.current, .roundnav ul li div.current:hover {
	background: #fff url(images/pill_tab.png) no-repeat;
	background-position: center -82px;
}

#roundnav ul li.first div.current, .roundnav ul li.first div.current:hover {
	background: #fff url(images/pill_tab.png) no-repeat;
	background-position: 0px -82px;	
}

#roundnav ul li.last div.current, .roundnav ul li.last div.current:hover {
	background: #fff url(images/pill_tab.png) no-repeat;
	background-position: right -82px;	
}

/*
#lecomments {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
*/

#custcomment {
//	width: 50%;
//	float: right;
//	padding: 15px;
	position: relative;
}

#maccomment {
	float: left;
	padding: 15px;
}

#dl {
	float:left;
	margin-top:10px;
	margin-left:20px;
	text-align:center;
	width:48px;
	cursor:pointer;
}

#dl:hover {
	text-decoration: underline;
}

/* Gallery */
.gallery {
	float: right;
//	height: 545px;
	margin-top: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
//	position: relative;
	width: 340px;
	display: inline;
}
.gallery .top {
	background: url(images/bg-configure-box-top.png) no-repeat;
	font-size: 0px;
	height: 5px;
}

.gallery .mdl {
	background: url(images/bg-configure-box-gradient.gif) repeat-x;
	border-left: 1px solid rgb(230, 230, 230);
	border-right: 1px solid rgb(230, 230, 230);
	padding-bottom: 15px;
	padding-left: 25px;
	font-size: 12px;
}
/*
	.gallery .mdl ul#thumbs {
		list-style-image: none;
		list-style-position: outside;
		list-style-type: none;
		margin-right: 24px;
		overflow-x: auto;
		overflow-y: auto;
		width: 370px;
	}
	
	.gallery .mdl ul#thumbs li {
		list-style-type: none;
		float: left;
		padding-bottom: 10px;
		padding-right: 10px;
	}
	.gallery .mdl ul#thumbs li.selected {
		width: 300px;
		height: 300px;
	//			background-color: blue;
	}
			
	.gallery .mdl ul#thumbs li img {
		width: 58px;
		height: 35px;
		border-color: black;
		border-width: 1px;
		border-style: solid;
	}
	
	.gallery .mdl ul#thumbs li.selected img {
		width: 276px;
		height: 276px;
	}
	
	.gallery .mdl ul#thumbs li img:hover {
		border-color: green;
	}
*/

.gallery .btm {
	background: url(images/bg-configure-box-btm.png) no-repeat;
	height: 5px;
	overflow: hidden;
}

#gallery_selector li {
	margin-top: 5px;
	margin-left: 10px;
	float:left;
	
	width:48px;
	height:35px;
	
	background: url(images/thumb_states.png) no-repeat;
	background-position: 0px 0px;
	
	cursor: pointer;
}

#gallery_selector li:hover {
	background-position: 0px -35px;
}

// resellers classes
.rsFloat {
	display: none;
//	padding:0px;
 	position:absolute; 
 	border: 1px solid black;
 	padding: 5px;
}

#buy {
//	background: url(images/buy.png) no-repeat;
	background: url(images/buy_green.png) no-repeat;

	height: 21px;
	width: 68px;

	float: right;
	margin-right: 10px;
	cursor: pointer;
}
//HACK
#buy_float {
//	background: url(images/buy.png) no-repeat;
	background: url(images/buy_green.png) no-repeat;

	height: 21px;
	width: 68px;

	float: right;
	margin-right: 10px;
	cursor: pointer;
}

#static {
//	display: block;
	border-bottom:1px solid #999;
	height:100px;
}

#static ul {
	list-style-position: outside;
	list-style-type: none;
}

#static ul li {
	display: inline;
	float: left;
	margin-right: 15px;
}

#quicky {
	background:url(images/lg-little-guy.png) no-repeat;
	height:145px;
	width:95px;
}

.feature {
	float: left;
	width: 180px;
	margin: 5px;
	border-right: 2px solid rgb(230,230,230);
	padding: 5px;
}

.feature#last {
//	border-left: 1px solid rgb(230, 230, 230);
	border-right: none;
}

/* class="home_tile" */
.home_tile {
	/* Dimensions */
	width: 274px;
	height: 187px;
	/* Alignment */
	float: left;
	padding: 2px;
	overflow: hide;
	margin-right: 5px;
	/* Accoutrements */
	font-size: 12px;
	background: url(images/random-tile-body.png) no-repeat;
	
}

.home_tile .strong {
	/* Fonts */
	font-size: 15px;
	font-weight: bold;
	color: white;
	/* Alignment */
	text-align: center;
	padding: 5px;
	background: url(images/random-tile-top.png) no-repeat;
}

.home_tile p {
	/* Alignment */
	padding: 5px;
}

.page_title {
	font-size: 40px;
	margin-bottom: 20px;
}

/* id="postman" */
#postman {
	/* Alignment */
	float: right;
	display: inline;
	/* Dimensions */
	height: 178px;
	width: 189px;
	/* Source */
	background: url(images/news-release-icon.png) no-repeat;
}