/* GLOBAL CSS - ENTIRE NETWORKS 2007

- Contents
1. Page Common Tags
2. Global Struture
3. Primary Navigation & Navigational Strip
4. Home Page Structure And Styles
5. Footer StylesF
6. Secondary Navigation
7. Show Categories List
8. Show Product List
9. Product Styles
10. Misc Styles
11. Form Styles
12. Paging Styles
*/


/* 1. Page Common Tags */

BODY {
	background: #D7E3D7 url(../images/background.jpg) no-repeat center top;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
  	line-height: 1.5em;
	letter-spacing: 0.8px;
}

A 
{
    color: #334655;
}

A:hover 
{
    color: #4D6A82;
}

UL, OL {
    margin-left: 28px;
    margin-bottom: 9px;
}

UL LI {
    line-height: 18px;
}

H1, H2, H3, H4, H5{
	margin: 0;
	padding: 0;
	
	padding-bottom: 4px;
	margin-bottom: 3px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 30px;
	color: #344857;
	font-weight: normal;
}

h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #344857;
	padding-top: 6px;
	font-weight: normal;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	margin-top: 6px;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0;
	padding-top: 2px;
	}

h5 {
	font-size: 12px;
	line-height: 14px;
	padding-top: 2px;
}

P {
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 10px;
	background: none;
}

INPUT {
	border: 1px solid #F1E8C4;
	padding: 3px;
}

TEXTAREA {
	border: 1px solid #F1E8C4;
	padding: 3px;
}

SELECT {
	border: 1px solid #F1E8C4;
	padding: 2px;
}

/* 2. Global Struture */
#maincontainer {
	width: 936px;
	background: url(../images/content_border.png) #FBF8EE repeat-y;
	border-bottom: 1px solid #8AAEC8;
}

#paddingborder {
	padding-left: 2px;
	padding-right: 2px;
}

#paddingcontainer {

}

#backgroundcontainerfix {
	padding-left: 6px;
	padding-right: 6px;
	background: url(../images/contentbackground.jpg) repeat-x;
}

#backgroundcontainerfixcontent {
	padding-left: 6px;
	padding-right: 6px;
}

#headercontainer {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 8px;
	padding-right: 8px;
	background: url(/images/slogan.gif) 670px no-repeat; 
}

#content {
	float: right;
	margin-top: 6px;
	width: 710px;
}


/* 3. Primary Navigation */
#primarynavigation {
	line-height: 32px;
	text-align: center;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-bottom: 3px;
}

#primarynavigation.flashposition{
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
}

#flashframe {
	position: relative;
}

#primarynavigation td.side {
	width: 4px;
	background: none;
}

#primarynavigation td {
	background:url(/images/primarynavigation.png) repeat-x;
}

#primarynavigation td A {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size: 12px;
	background: url(/images/primarynavigation_spacer.png) left no-repeat;
}


#primarynavigation td A:hover {
	text-decoration: underline;
	color: #F0E7BF;
}

#navigationstrip .spacer {
	height: 142px;
}


#pagetitle {
	background: url(../images/grad_title.jpg) repeat-x;
	padding: 5px;
}

#pagetitle H1 {
	background: none;
	padding: 0px;
	margin: 0px;
	float: left;
	font-size: 24px;
}

#pagetitle .breadcrumb {
	float: right;
	margin-top: 8px;
	margin-right: 4px;

	color: #344857;
}

#pagetitle .breadcrumb a {
	color: #344857;
}

#primarynavigation td A.first {
	background: none;
}

/* 4. Home Page Structure And Styles */
/* Moved To Home.css */

/* 5. Footer Styles */

/*#footer {
	background:url(../images/footer.jpg) no-repeat #CCCCCC;
	padding-left: 8px;
	padding-right: 8px;
	clear: both;
}

#footer .left {
	padding-top: 7px;
	float: left;
}

#footer .right {
	padding-top: 7px;
	float: right;
}


#footer .left a {
	color: #000000;
	text-decoration: none;
	margin-left: 6px;
}

#footer .left a:hover {
	text-decoration: underline;
}*/

#Footer {

}

#FooterSpace {
	margin-left: 6px;
	margin-right: 6px;
	padding-top: 20px;
	margin-bottom: 12px;
	clear: both;
}

#Footer .FooterRel {
	
}

#Footer .left {
	float: left;
	margin-left: 5px;
}

#Footer .right {
	float: right;
	text-align: right;
	margin-right: 5px;
}

#Footer .spacer {
	line-height: 22px;
}

#Footer .siteby {
	color: #CCD0D0;
}

#Footer .siteby a {
	color: #CCD0D0;
	text-decoration: none;
}

#Footer .copyright {
	color: #8E9899;
}

#Footer .footerlinks {
	color: #405260;
}

#Footer .footerlinks A {
	color: #405260;
	text-decoration: none;
	margin-right: 5px;
}

#Footer .footerlinks A:hover {
	text-decoration: underline;
}

/* 6. Secondary Navigation */
#secondarynavigation {
	float: left;
	width: 204px;
	margin-top: 6px;
	margin-right: 6px;
}

#secondarynavigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#secondarynavigation ul li {
	background: none;
        padding-left: 0px;
}

#secondarynavigation ul li a {
	background: #F1E8C4 url(../images/arrowright.gif) 10px no-repeat;
	border-bottom: 1px solid #DFCB79;
	margin-bottom: 2px;
	display: block;
	line-height: 14px;
	padding-left: 21px;
	padding-right: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: none;
	color: #000000;
}

#secondarynavigation ul li a:hover {
	background: #C2D0DA url(../images/arrowright.gif) 10px no-repeat;
	border-bottom: 1px solid #8CA6B9;
}

#secondarynavigation ul ul {
	padding-left: 6px;
}

#secondarynavigation ul ul ul {
	padding-left: 10px;
}

#secondarynavigation ul ul li a {
	background: url(../images/arrowdownright.gif) left no-repeat;
	border: none;
	padding-left: 16px;
}

#secondarynavigation ul ul li a:hover {
	background: url(../images/arrowdownright2.gif) left no-repeat;
	color: #6386A3;
	border: none;
	text-decoration: underline;
}

/* 7. Show Categories List */
.categoryitemspac {
	float: left;
	padding-left: 26px;
}

.categoryitem {
	width: 144px;
	float: left;
	background: url(/images/backgroundholders/blue_back.gif) no-repeat;
	height: 130px;
	margin-top: 26px;
}
	
.categoryitem .button {
	background: url(/images/backgroundholders/button_rounded.jpg) no-repeat center;
	line-height: 28px;
	text-align: center;
	font-size: 12px;
	letter-spacing: 0px;
}
	
.categoryitem .image {
	width: 144px;
	height: 104px;
}
	
.categoryitem .bottompos {
	padding-top: 96px;
}

.categoryitemspac2 {
	float: left;
	padding-left: 32px;
}

.categoryitem2 {
	width: 144px;
	float: left;
	background: url(/images/backgroundholders/blue_back.gif) no-repeat;
	height: 130px;
	margin-top: 26px;
}
	
.categoryitem2 .button {
	background: url(/images/backgroundholders/button_rounded.jpg) no-repeat center;
	line-height: 28px;
	text-align: center;
}
	
.categoryitem2 .image {
	width: 144px;
	height: 104px;
}
	
.categoryitem2 .bottompos {
	padding-top: 96px;
}


/* 8. Show Product List */
#productitems #item {
	padding-bottom: 6px;
	border-bottom: 1px solid #F5EDCF;
	padding-top: 6px;
}

#productitems #item .image {
	float: left;
	padding: 1px;
	border: #8AAEC8 1px solid;
}

.newslettercolumn {
	margin-top: 4px;
	padding: 4px;
	border: 1px solid #EADCAB;
}

#productitems #item .image2 
{
    margin-left: 178px;
    margin-top: 2px;
}

/* 9. Product Styles */
#productcontainer .productimage 
{
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
	margin-top: 4px;
}

.productitem .image {
	width: 120px;
	height: 90px;
	background:url(/images/backgroundholders/background_product.gif) no-repeat;
	float: left;
}

.productitem .imageplaceholder {
	width: 120px;
	height: 90px;
}

.productitem .text {
	margin-left: 126px;
}

.tblproducts {
	float: left;
	width: 170px;
	margin-right: 6px;
	margin-bottom: 5px;
	position: relative;
}
	
.tblproducts .border {
	border: 1px solid #DFCB79;
	padding: 1px;
}
	
.tblproducts a.indent {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #DFCB79;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	line-height: 18px;
}

.tblproducts .loader {
	position: absolute;
	left: 57px;
	top: 30px;
	display: none;
}

.tblproducts .subborder {
	display: block;
	line-height: 24px;
	overflow: hidden;
	height: 24px;
}

/* 10. Misc Styles */
a.buttoncontent{
	background: url(../images/arrowright.gif) #F9F1DF no-repeat right;
	padding-right: 23px;
	line-height: 23px;
	color: #000000;
	text-decoration: none;
	padding-left: 5px;
	margin-top: 2px;
	float: right;
	font-size: 12px;
	border-bottom: #F1E8C4 1px solid;
}

a.buttoncontent:hover{
	background: url(../images/arrowright.gif) #C2D0DA no-repeat right;
	border-bottom: #A3B8C7 1px solid;
}

.storeitem {
	border-bottom: 2px solid #F1E8C4;
	background: #F9F1DF;
	padding: 5px;
	margin-bottom: 6px;
	margin-top: 2px;
}

/* Contact Form Details */
ul.contactlist strong {
	display: block;
	float: left;
	width: 130px;
}

ul.contactlist li {
	margin-top: 4px;
	margin-bottom: 4px;
}

ul.contactlist span {
	
}

/*  11. Form Styles */
.formset FIELDSET {
	border: none;
	margin-right: 6px;
	padding: 0px;
	margin: 0px;
}

.formset P {
	display: none;
}

.formset legend {
	display: none;
}

.formset ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	background: none;
}

.formset ul li {
	padding: 0px;
	margin: 0px;
	display: block;
	clear: both;
	background: none;
}

.formset ul li label {
	display: block;
	float: left;
	text-align: right;
	margin-right: 13px;
	padding-top: 3px;
	width: 100px;
}

.formset ul li input {
	float: left;
	width: 330px;
	margin-bottom: 4px;
}

.formset ul li textarea {
	float: left;
	width: 330px;
	margin-bottom: 4px;
	height: 3em;
}

.formset ul li select {
	float: left;
	width: 336px;
	margin-bottom: 4px;
}

#Form {
	color: #4D6A82;
}

#Form .formitem {
	margin-top: 4px;
}

#Form .floatitem {
	float: left;
	width: 50%;
}

#Form .floatitem input {
	width: 160px;
}

#Form textarea {
	width: 330px;
	height: 6em;
}

#Form .Midsize {
	width: 230px;
}

#Form P {
	margin-top: 18px;
}

/* 12. Paging Styles */
A.pagebutton {
	padding: 3px;
	float: left;
	border: 1px solid #F1E8C4;
	background: #F9F1DF;
	margin: 3px;
	display: block;
	text-decoration: none;
}

a.button{
	background: url(../images/arrowright.gif) #F9F1DF no-repeat right;
	padding-right: 23px;
	line-height: 23px;
	color: #000000;
	text-decoration: none;
	padding-left: 5px;
	margin-top: 2px;
	float: right;
	font-size: 12px;
	border-bottom: #F1E8C4 1px solid;
}

a.button:hover{
	background: url(../images/arrowright.gif) #C2D0DA no-repeat right;
	border-bottom: #A3B8C7 1px solid;
}