/*************************************************************************/
/*************************** global styles *******************************/

html, body{
	margin:0;
	padding:0;
}
body{
	font:12px/16px Helvetica, Arial, sans-serif;
	color:#515151;
	background:#515151 url(/images/body-bg.png) no-repeat top center;
}
#container{
	width:908px;
	margin:30px auto 0 auto;
}
a.logo{
	width:145px;
	height:90px;
	margin-left:30px;
	display:block;
	float:left;
}

/*************************************************************************/
/****************************** main nav *********************************/

/* all main nav styles located in nav.css file */


/*************************************************************************/
/******************************* sidenav *********************************/

#leftColumn ul{
	list-style:none;
	margin:0;
	padding:0;
	font-weight:bold;
	line-height:18px;
}
#leftColumn li{
	margin:0;
	padding:0;
}
#leftColumn ul #sub{
	padding-bottom:7px;
}
#sub li{
	margin:0;
	padding:0 0 0 10px;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
}

/*************************************************************************/
/****************************** home page ********************************/

#homeBuckets{
	width:908px;
	padding:15px 0 15px 0;
	float:left;
	background:transparent url(/images/container-bgRepeat.png) repeat-y;
}
#homeBuckets h1{
	margin:0;
	padding:0;
	font-size:18px;
	line-height:18px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#223970;
	border:none;
}
#homeBuckets h1 img{
	float:left;
}
#homeBuckets p{
	clear:both;
}
#bucket1, #bucket2, #bucket3, #bucket4{
	width:180px;
	padding:0 20px 0 35px;
	float:left;
	line-height:18px;
}
#bucket2, #bucket3, #bucket4{
	padding:0 20px 0 20px;
	border-left:1px solid #E0E0E0;
}

/*************************************************************************/
/**************************** content pages ******************************/

#header{
	width:908px;
	float:left;
	clear:both;
	background:transparent url(/images/container-bgTop.png) no-repeat;
}
#header img{
	margin:9px 0 0 9px;
}
#content{
	width:890px;
	min-height:343px;
	padding:5px 8px 40px 8px;
	float:left;
	background:transparent url(/images/container-bgRepeat.png) repeat-y;
}
*html #content{
	width:892px;
}
#leftColumn{
	width:155px;
	padding:20px 0 0 30px;
	float:left;
	background:transparent url(/images/leftColumn-bgGradient.gif) no-repeat top right;
}
#rightColumn{
	width:655px;
	padding:20px 25px 0 25px;
	float:right;
	background:transparent url(/images/rightColumn-bgGradient.gif) no-repeat top right;
}
#specs{
	height:17px;
	text-align:right;
}
#specs a{
	margin-left:20px;
	font-size:11px;
}
#specs img{
	padding-bottom:0;
	margin-bottom:-5px;
}
#lineTitle, #lineTitle2{
	padding:15px 0 2px 0;
	clear:both;
	font-size:14px;
	border-bottom:1px solid #CACACA;
}
#lineTitle2{ /* 2 column */
	width:310px;
	margin-right:15px;
	float:left;
	clear:none;
}
#item, #item2, #item3{ /* 1 column */
	width:155px;
	padding:0 8px 10px 0;
	float:left;
	font-size:11px;
	line-height:12px;
	text-align:center;
}
#item2{ /* 2 column */
	width:310px;
	padding:0 16px 10px 0;
	text-align:left;
}
#item3{
	width:205px;
	padding:0 12px 10px 0;
}
#catalog{
	width:310px;
	margin-bottom:20px;
	float:left;
	text-align:center;
}
#subhead{
	height:27px;
	margin-top:2px;
	background:transparent url(/images/subhead-bg.gif) no-repeat;
	font-size:14px;
	color:#636363;
	text-align:center;
	line-height:27px;
}
#logout{ /* distributors and employees logout page */
	width:250px;
	height:40px;
	margin:100px auto 0 auto;
	padding:20px;
	border:1px solid #999999;
	background:#EEEEEE;
	color:#333333;
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	text-align:center;
}

/*************************************************************************/
/************************** competitor search ****************************/

/* search page */
.searchfield{
	width:250px;
	height:22px;
	padding-left:5px;
	background:#F9F9F9;
	border:1px solid #BBBBBB;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

/* results page */
#result{
	height:145px;
	padding:15px 0 0 170px;
	clear:both;
}
#result img{
	margin:-15px 0 0 -170px;
	float:left;
}
#result h2{
	font-size:14px;
	font-weight:bold;
}
#crossSell{
	margin-bottom:40px;
	border-bottom:1px solid #CACACA;
	float:left;
}
.subhead{
	width:645px;
	height:27px;
	padding-left:10px;
	font-weight:bold;
	line-height:28px;
	background:url(/images/subhead-bg.gif) no-repeat;
}
#sell1, #sell2, #sell3{
	width:195px;
	margin:7px 0 7px 0;
	padding:10px 10px 0 10px;
	float:left;
	font-size:11px;
	border-right:1px solid #CACACA;
}
#sell3{
	padding-right:none;
	border:none;
}
#sell1 img, #sell2 img, #sell3 img{
	margin-top:-10px;
	padding-right:10px;
	float:left;
}

/*************************************************************************/
/******************************* footer **********************************/

#footer{
	height:40px;
	padding:17px 35px 0 0;
	clear:both;
	text-align:right;
	color:#969696;
	background:transparent url(/images/container-bgBtm.png) no-repeat;
}
#footerHome{
	height:71px;
	padding:11px 35px 0 0;
	clear:both;
	text-align:right;
	color:#969696;
	background:transparent url(/images/container-bgBtmHome.png) no-repeat;
}
#announcements{
	width:700px;
	height:33px;
	padding-left:170px;
	float:left;
	color:#4D4D4D;
	text-align:left;
}
#footer a, #footerHome a{
	margin-left:20px;
}

/*************************************************************************/
/***************************** type styles *******************************/

h1, h2, h3{
	margin:0;
	padding:5px 0 5px 0;	
	font-size:18px;
	font-weight:bold;
}
h1{
	border-bottom:1px solid #CACACA;
	margin-bottom:10px;
}
h2{
	font-size:16px;
}
h3{
	font-size:14px;
}
p{
	margin:0;
	padding:7px 0 7px 0;
}
ul, ol, li{
	margin-top:4px;
	margin-bottom:4px;
	padding-top:0;
	padding-bottom:0;
}
.floatLeft{
	float:left;
	margin:10px 15px 5px 0;
}
.floatRight{
	float:right;
	margin:10px 0 5px 15px;
}
.border{ /* input boxes */
	width:160px;
	height:20px;
	padding-left:5px;
	background:#F9F9F9;
	border:1px solid #BBBBBB;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
input.short, input.long, textarea {
	border: 0;
	padding: 0 5px 5px 5px; 
}
input.short {
	background: url(/images/text-short.png) top left no-repeat; 
	width: 102px; 
	height: 28px; 
}

input.long {
	background: url(/images/text-long.png) top left no-repeat; 
	width: 242px; 
	height: 28px; 
}
.medium-input {
	/* input in admin users */
	width: 90px;
}
textarea {
	background: url(/images/text-area.png) top left no-repeat;
	padding-top:5px;
	width: 242px; 
	height: 82px; 
	resize:none;
}
select {
	background: url(/images/text-long.png) top left no-repeat;
	width:252px;
	height:33px;
}
.pageCount{
	width: auto;
	height: auto;
	background: 0;
	background-color: #ffffff;
}
.fieldlabel {
	float:left;
	width:130px;
	margin-top:7px;
}
.fieldcontainer {
	position:relative;
	margin-bottom:5px;
}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width:275px;
}

input.fileinput {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}



/*************************************************************************/
/****************************** linkage **********************************/

/** default **/
a:link, a:visited, a:active{color:#223970; text-decoration:underline;}
a:hover, a.selected{color:#C64208; text-decoration:underline;}

/** logo **/
a.logo:link, a.logo:visited, a.logo:active{text-decoration:none; border:none;}
a.logo:hover{text-decoration:none; border:none;}

/** home buckets **/
#homeBuckets h1 a:link, #homeBuckets h1 a:visited, #homeBuckets h1 a:active{text-decoration:none; border:none;}
#homeBuckets h1 a:logo:hover{color:#C64208; text-decoration:none; border:none;}

/** side nav headers **/
#leftColumn ul li a:link, #leftColumn ul li a:visited, #leftColumn ul li a:active{color:#223970; text-decoration:none; border:none;}
#leftColumn ul li a:hover{color:#C64208; text-decoration:none; border:none;}

/** side nav **/
#leftColumn #sub a:link, #leftColumn #sub a:visited, #leftColumn #sub a:active{color:#515151; text-decoration:none; border:none;}
#leftColumn #sub a:hover, #leftColumn #sub a.selected{color:#C64208; text-decoration:none; border:none;}

/** items **/
#item a:link, #item a:visited, #item a:active{color:#515151; text-decoration:none; border:none;}
#item a:hover{color:#C64208; text-decoration:none; border:none;}

#item2 a:link, #item2 a:visited, #item2 a:active{color:#515151; text-decoration:none; border:none;}
#item2 a:hover{color:#C64208; text-decoration:none; border:none;}

#item3 a:link, #item3 a:visited, #item3 a:active{color:#515151; text-decoration:none; border:none;}
#item3 a:hover{color:#C64208; text-decoration:none; border:none;}

/** specs **/
#specs a:link, #specs a:visited, #specs a:active{text-decoration:none; border:none;}
#specs a:logo:hover{text-decoration:none; border:none;}

/** footer **/
#footer a:link, #footer a:visited, #footer a:active{color:#969696; text-decoration:none; border:none;}
#footer a:hover{color:#C64208; text-decoration:none; border:none;}

#footerHome a:link, #footerHome a:visited, #footerHome a:active{color:#969696; text-decoration:none; border:none;}
#footerHome a:hover{color:#C64208; text-decoration:none; border:none;}

.adminHeaderLink a:link, .adminHeaderLink a:visited, .adminHeaderLink a:active { float:right;margin-left:30px;text-decoration:none; }

/*************************************************************************/
/*************************** IE6 PNG support *****************************/

/* PNG support for IE6 */
img, div, input, a { behavior: url(/assets/iepngfix.htc); }

/******************************/
/*** Stuff to move later... ***/
#searchbox-container {
	height:33px;
	margin-bottom:12px;
}
#keywords, #searchbox-go {
	float:left;
	margin:0;
	padding:0;
}
#keywords {
	border:none;
	background: none;
	width:95px;
	height:33px;
	color:#cecece;
	font-size:16px;
	margin: 0;
	padding: 0 12px 0 12px;
	line-height: 33px;
	outline:none;
}
.keywords-container {
	float:left;
	width:119px;
	background:url(/images/subnav-search.png) no-repeat top left;
}
.searchLinks {
	width:650px;
	height:30px;
}
.searchLinks a {
	float:right;
	text-decoration:none;
	padding-left:16px;
}
.searchLinks a img {
	margin-bottom:-3px;
}
#searchbox-go:hover, .search-category-link:hover {
	cursor:pointer;
	text-decoration:none;
}
.search-category-link {
	font-size:12px;
	line-height:22px;
	color:#515151;
}
.search-category-link-current {	
	color:#C64208;
}