@charset "utf-8";
/* colors
Peach = #fed9b3
Orange = #f78f1e
lt blue = #8fc5e9
Blue = #0093d0
Green1 = #9dcc65
Green2 = #78a22e */

/* HomePage Structure
*************************/
body  {font:100% "Trebuchet MS", 'Liberation Sans', FreeSans, sans-serif; background: #d6eaf0; margin: 0;  padding: 0; text-align: center;	color: #000000;}

/* HomePage Structure
*************************/
#container { width: 960px; background:#fff; margin: 10px auto; text-align: left; border:solid; border-color:#fff; border-width:5px;} 
#header { width:960px; height:310px; background: #fff; padding: 0; background-image: url(../assets/img/head_banner.png);} 
#footer { padding:10px;	background-color:#0093d0; height:120px;} 
#sidebar { float: right; width: 268px; height:626px; padding:0; background-color:#fff;}
#content { margin:0 20px 0 0; padding: 10px 20px; width:632px; min-height:670px; background-color:#fed9b3;} 

/* Type Styles - General
*******************************/	
h1, h2, h3 {font-weight:normal;}
h1 {font-size: 1.375em; line-height: 1.636em; margin: 0;}
h2 {font-size: 1.125em; margin:1em 0;}
h3 {font-size: 1.125em; margin:1em 0 .5em 0; }
p {	font-size: 0.875em; margin: 1.286em 0; line-height:1.5;}

#footer p {font-size:.75em; color:#fff; float:left;}
#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footer .logo {float:right;}

/* Header Utility Nav
*****************************/
#header a {display:block; color: #0093d0; font-weight:bold; font-size: 0.875em; text-decoration: none; text-align:center; border:solid #fff 5px; padding:5px;}
#header a:hover {text-decoration: none; border:solid #9dcc65 5px; padding:5px;}
#header ul {padding:30px 10px 0 0; list-style: none;} 
#header ul li{float: left; position: relative; padding-left:10px}

/* Floats & Clears
*******************************/
.fltrt { float: right;	margin-left: 8px;}
.fltlft { float: left;margin-right: 8px;}
.clearfloat { clear:both; height:0;  font-size: 1px; line-height: 0px; }

/* Catalog Styling - lifted from FS Express */
/* Individual Product Template CSS */
/*---------------------------------*/

#prodbox {margin-top:20px; width:600px; padding:5px; border:thin #eee solid; float:left;}
#prodboxleft {width:280px; padding-left:20px; padding-top:30px; height:450px; float:left; text-align:center; vertical-align:middle;overflow:hidden;}
#prodboxright {width:280px; float:right; padding:10px;}
#prodboxtop {width:560px; padding-left: 20px; padding-top:20px; font-size:1.5em; font-weight:bold; color:#f04a26; line-height:1;}
.prodpartno {font-size:.6em; font-weight:bold; color:#f04a26;}
.proddesc {font-size:.875em; font-weight:normal; color:#000;}
.prodbase {font-size:1.5em; font-weight:bold; color:#f04a26;}
.prodattribute {width:200px;font-size:.75em; font-weight:normal; color:#000;}
#prodoptions {width:300px;font-size:.75em; font-weight:normal; color:#000;}
#prodoptions select {width:150px; margin-bottom:5px;} 
#prodoptions .individualoption {width:150px;}
#prodboxleft img { width: 250px; height: auto;} /*scales images to be approx. same size */


/* Department Product Row */
/*------------------------*/
/* this displays 3 items across on department page */

.tinythumb {margin:5px; float:left;}
.linkname {}

.deptrowbox { width:196px; height:116px; padding:5px; background-image:url(/templates/assets/img/); float:left;}
/*container */

#deptrowbox_img {width:108px; height:108px; max-height:108px; min-height:108px; display: table-cell; padding:15px 49px 10px 49px; text-align:center; vertical-align:middle; border:none;}
/* for image, trys to center best possible */
#deptrowbox img {display:block; margin: auto;}
/* #deptrowbox_img {width:108px; height:108px; padding:10px 44px 5px 44px; text-align:center; vertical-align:middle; border:none;}
 for image, trys to center best possible */

#deptprodname  { width:95%; height:54px; padding:0px 5px; text-align:center; white-space:normal;}
/*product name container */

#deptprodname a { font-size:.9em; font-weight:bold; color:#000; text-decoration:none}
#deptprodname a:hover { color:#f04a26; text-decoration:underline}
#deptprodname a:visited {color:#000; text-decoration:none}

#deptprodprice { width:196px; height:20px; padding:0px 0px 5px 0px; font-size:1.25em; font-weight:bold; color:#f04a26; text-align:center;}
.deptprodprice { padding:0 0 5px 0; font-size:1.25em; font-weight:bold; color:#f04a26; text align:center;}
/*product price container */

/* Individual Department Page */
#Dept_title {width:100%;}
#Dept_title h1 {color: #f04a26;}
#Dept_title a {color: #f04a26; text-decoration:underline;}
#Dept_title a:hover {color: #000; text-decoration:none; }
#Dept_title a:active {color: #000; text-decoration:none;}
#Dept_title a:visited {color: #f04a26; text-decoration:underline;}
.idpheadline {color:#999999;}

#Subdept_links {width:600px; height:auto; text-transform:uppercase;}
#Subdept_links br {display:none;}
#Subdept_links a {color:#f04a26; font-size:.65em; text-decoration:underline; display: block; float:left; padding: 0 10px 0 0;}
#Subdept_links a:hover {color: #000; text-decoration:none; }
#Subdept_links a:active {color: #f04a26; text-decoration:none;}
#Subdept_links a:visited {color: #f04a26; text-decoration:underline;}

/* Pagination Links (Links to additional product pages at bottom)  */
/*-----------------------------------------------------------------*/
#paging_links {padding:20px; clear:both;} /* container */
#paging_links a {color: #f04a26; font-weight:bold; font-size:.75em; text-decoration:none; border:thin #f04a26 solid; padding:2px 5px;}
#paging_links a:hover {color: #fff; background-color: #f04a26; font-weight:bold; font-size:.75em; text-decoration:none; border:thin #f04a26 solid; padding:2px 5px;}
#paging_links a:active {color: #f04a26; font-weight:bold; font-size:.75em; text-decoration:none; border:thin #f04a26 solid; padding:2px 5px;}
#paging_links a:visited {color: #f04a26; font-weight:bold; font-size:.75em; text-decoration:none; border:thin #f04a26 solid; padding:2px 5px;}

.prev_link {padding:5px;}
.page_link {padding:5px;}
.next_link_inactive {padding:5px;}

/*---------------------------------*/

input[value='Clear'] { /* removes "Clear" button on forms" */
	display:none;
}