/*Copy and Paste this into design.css for a generic starting place, or delete the dev8 design.css and save this as design.css*/


/* -- General Settings --------------------------------------------------- */
html, body, form, fieldset, td {
	font-family: "Futura Medium", helvetica, arial, sans-serif;

}

html {
	font-size: 100%;
}

body { 
	font-size: 75%;
	margin: 0;
	background: #fff;
	line-height: 150%;
}


ul{
list-style-type: disc;
margin-left: 1em;
}

a, a:link, a:visited {
	color: #000;

}

a:focus, a:hover, a:active {
	color: #e72b87;
	text-decoration: none;

}


h4 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0;
}

input, select, textarea{
border: 1px solid #3d4243;
}

#loginsubmit, #ml-submit, #searchsubmit, #submit, .submit, .buybutton, .checkoutbutton{
border: 0;
}
/* -- Main Layout ------------------------------------------------------------ */
/* Main <table> creating the basic page layout. */
#layoutTable {
	width: 780px;
	border-collapse: collapse;
	margin: 0;
		background: #fff;
		
}


/* Page header*/
#headerCell {
padding-top: 10px;
	height: 160px;	
background: url(/img/toplogo3.gif) no-repeat left top #fff;
 	
}

	#myaccount{
text-align: right;
padding-top: 4px;

}

/* Sidebar*/
#sidebarCellLeft {
		width: 160px;
	background: #3d4243;
	vertical-align: top;
	height: 100%;
}

/*main content cell*/
#contentCell {
	padding: 0px 30px 30px;
	/*border-right: 1px solid #ddd;
	width: 80%;*/
	background: #fff;
	 min-height:900px;
height:auto !important;
height:900px;
width: 596px;
color: #000;
}
#terms #contentCell{
width: 350px;
}
#home #contentCell{
background: url(/img/logohome.gif) no-repeat center top #000;
}
#home #contentArea{
position: relative;
top: 275px;
text-align: center;
padding-left: 67px;
}
#home #contentArea img{
padding: 0 7px;
}
#home #contentArea div{
float: left;
width: 130px;
padding-top: 5px;
}

body#home div#contentArea { position: relative; }
#jchNav, #jchNav li, #jchNav li a { margin: 0; padding: 0; }
#jchNav { position:relative; width: 780px; margin-left: 75px; text-align: center; }
#jchNav li { display: block; width: 124px; height: 125px; float: left; text-align: center; }
#jchNav li a { display: block; width: 100%; height: 100% } 


/*page footer*/
#copyright {
	border-top: 1px solid #ddd;
	padding: 5px 0;
	text-align: center;
	font-size: 85%;
	color: #999;
}

/* -- Common Page Items ------------------------------------------------- */
#page-breadcrumbs {
	margin-top: 15px;
}

#page-title-container {
	height: 35px;
position: absolute;
	top: 0px;
color: #e72b87;
line-height: 35px;
		}
		
#home #page-title-container{
padding-bottom: 0;
top: 180px;
text-align: center;
width: 780px;
padding-left: 220px;
}

#terms #page-title-container {
position: relative;
line-height: auto;
		}

#page-title {
	font-size: 34px;
	margin-bottom: 1em;
	height: 25px;
	margin-left: 0px;
}
	
#home #page-title{
font-size: 30px;
}

#terms #page-title {
	font-size: 24px;
}
#page-subtitle {
	color: #666;	
	margin-bottom: 10px;
}

#page-intro {
margin: 10px 0;	
}

#page-content {
margin: 10px 0;
	
}

#page-outro {
	
}

#page-pager-container {
	float: left;
	margin: 10px 0;
	/* Fix IE Doubled Float-Margin Bug
	   http://positioniseverything.net/explorer/doubled-margin.html */
	display: inline;
}

.page-pager {
	width: 14em;
	margin: 0.33em 0.66em;
}

#page-pager-back {
	float: left;
}

#page-pager-next {
	float: right;
	text-align: right;
}

#page-bottomLinks {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #e3e3e3;
	background: #f5f5f5;
	font-size: 85%;
}



#copyright img {
	margin-bottom: -2px;
}

/* -- Misc. Look And Feel --------------------------------------------------------- */


#sitemap ul {
	list-style-type: disc;
	margin-left: 1em;
}

#sitemap ul ul {
	margin-top: 0.33em;
	margin-bottom: 0.33em;
	list-style-type: circle;
}

#sitemap ul ul ul {
	list-style-type: square;
}

/* -- Mailing List Form ----------------------------------------------- */

#mailinglist-container, #search-container{
position: relative;
top: 185px;
color: #fff;
margin: 10px 5px;
background: #333;
border: 1px solid #000;
padding: 0 8px;
}

#search-container{
padding-top: 8px;
}
#mailinglist-container input, #search-container input{
margin-bottom: 8px;
}


#ml-email {
	/*width: 96%;*/	
	
}

#ml-submit {

}

.ml-text {

}
/*for smarty templates*/
.php-smarty {
display:none;
}

body#smarty .php-smarty {
display: block;
} 

/*ecommerce*/
.catname{
height: 175px;
vertical-align: top;

}
.catname p{
height: auto;
text-align: center;
width: 140px;
padding-top: 8px;
padding-bottom: 8px;
margin-bottom: 0;
}

.catname .catdesc{
/*
height: 225px;

line-height: 18px;
*/
text-align: left;
padding-top: 0;
margin-top: -15px;
}
/*product listing*/

OPTION.oostock {
display: none;
}  /*hides out of stock product options*/
.product{
width: 300px;
}
.prodname{
text-align:center;
font-weight: bold;
}
.proddescription{
font-size:11px;
text-align:center;
}

.prodprice{
	font-size:10px;
	text-align:center;
}

.prodimage a img{
border: 1px solid #999;
padding: 0;

}

div.proddiscounts{
color: #FF0000;
font-size: 11px;
}

div.prodid{
font-weight: bold;
}

span.prodoption{
font-weight: bold;
} 
#biggs #contentCell a img{
border: 15px solid #000;
}
#biggs #prodimage0{
border: 0px solid #000;
}
#proddetail hr{
display: none;
}
#proddetail td, #proddetail p{
text-align: left;
vertical-align: top;
}
.detailprice{
padding: 7px 0;
}
.detailimage img{

}

.detailname{
font-weight: bold;
}

.extraimage{
padding: 0 10px;
}
.extraimageCell{
display:none;
}
.detaildescription{
position: relative;
top: -10px;
line-height: 16px;
width: 190px;
margin-bottom: -15px;
}
#proddetail input{
margin-top: 10px;
}

.detailquant{
padding-top: 10px;
width: 60px;
}

#proddetail .ectlink strong{
font-weight: normal;
}

#products .ectlink{
text-decoration: none;
}
.pagenums {
color: #666;

}

.catnavigation, .prodnavigation {
position: absolute;
top: 140px;
color: #e72b87;
width: 500px;
font-weight: bold;
}

.prodnavigation a:link,.prodnavigation a:visited,.prodnavigation a, .catnavigation a:link,.catnavigation a:visited,.catnavigation a{
text-decoration: none;
font-weight: bold;
}

/*horiz minicart*/
.mincart{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 95%;
margin-left: 5px;
	background: #333;
border: 1px solid #000;
color: #fff;
}

#login{
margin-right: 5px;
padding: 5px;

}

#login input{
margin: 2px 0 6px;
}

#register{
font-size: 85%;
color: #fff;
text-align: right;
margin: -15px -7px -7px 0;
}
#loginpage #contentCell .mincart{
padding: 0 20px;

}
#loginpage #contentCell .mincart div{
display: inline;
position: relative;
top: -20px;

}
#loginpage #contentCell .mincart strong{
display: none;
}
#loginpage #contentCell .mincart input{
margin-bottom: -1px;
margin-right: 20px;

}
#loginpage #contentCell .mincart #loginsubmit{
margin-bottom: 10px;


}

/*shopping cart summary*/


table.cobtbl {

	background: #fff;

}



table.cobtbl td {

	background: #fff;

	color: #666;

	font-weight: normal;

	padding: 3px 5px;

	font-size: 95%;

	border-bottom: 1px solid #eee;

}



table.cobtbl td table td {

	border: 0;

}


table.cobtbl td a {

	padding: 0;

}



table.cobtbl td.cobhl {

	background: #f5f5f5;

	color: #999;

	border-bottom: 1px solid #ddd;

}



.csectiontext table.cobtbl img{

	border: 2px solid #ACBC77 !important;

	margin: 2px 7px 2px 0 !important;

}
#thanks .contentSection-text td {

font-size: 96%;	

color: #666;

vertical-align: top;

}



.receipthr{

border: 1px dashed #ddd;

}

.receipthl {

	background: #f9f9f9;

border-bottom: 1px solid #ddd;

}

.receiptheading{

background: #f5f5f5;	

	border-bottom: 1px solid #ddd;



}

@media print { /*this is print styling*/
html, body, form, fieldset, td, p {
color: #000; /*change text color to black for easy readibility on paper*/
}

#sidebarCellLeft,#menu-container, .pagenums,.ectlink, .detailquant, input, .printno{
display: none; /*don't show unnecessary stuff like menus or header or sidebar*/
}
.prodnavigation2 .ectlink{
display: inline;
}

#contentCell,#copyright{
width: 640px;
padding: 0;
margin: 0;
min-height: 0;
}
#headerCell{
height: 140px;
width: 640px;
padding-bottom: 10px;
}

}