/*
THEME NAME: Sandbox
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandbox is a canvas for CSS artists
VERSION: 1.6.1
AUTHOR: <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
TAGS: white, microformats, fixed-width, flexible-width, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar
*/

/* Two-column with sidebar on left from the /examples/ folder  */


/* Just some example content */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/vertical-align: baseline;
	background: transparent;
}
td.list {
	text-align: center;
	}
td.hash-align {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: notepad;
	background: transparent;
}
body {
	line-height: 1;
}


ol, ul {
	list-style: none;
}


blockquote, q {
	quotes: none;
}


blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


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


html {

	width: 100%;

}



body {
	background-color: #739629;
	background-image: url(/cart/templates/images/bg-gradient.gif);
	background-repeat: repeat-x;
}


strong a{
color: #4b6e23;
}


strong a:hover{
text-decoration: none;
}

/*---- Background Page Tear ----*/


#page_tear_bg {

	background-image: url(/cart/templates/images/page-tear.jpg);
	background-repeat: repeat-x;
	height: 400px;
	padding-top: 50px;
}


/*---- Main container containing all web content ----*/

#container {

	margin: 0px auto;


}


/*---- Shadows around main container ----*/


#top-shadow {

	background-image: url(/cart/templates/images/dropshadow_top.png);
	background-repeat: repeat-x;
	background-position: top left;
	height: 7px;
	width: 965px;

}




#btm-shadow {

	background-image: url(/cart/templates/images/dropshadow_btm.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	height: 11px;
	width: 965px;
	
}




#shadow-left {

	background-image: url(/cart/templates/images/dropshadow-side1.png);
	background-position: left top;
	background-repeat: repeat-y;
	width: 965px;
	

}



#shadow-right {

	background-image: url(/cart/templates/images/dropshadow-side2.png);
	background-position: right top;
	background-repeat: repeat-y;
	width: 965px;
	

}





#main-container {

	background-image: url(/cart/templates/images/maincontainer-bg-tag.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #fff;
	overflow: hidden;
	width: 947px;
	margin: 0px 0px 0px 9px;

}



/*---- Logo ----*/

.logo {


	display: block;
	float: left;
	height: 108px;
	padding: 38px 0px 0px 41px;	
	width: 94px;

}


.logo a {

	background-image: url(/cart/templates/images/ecogreen_logo.png);
	background-repeat: no-repeat;
	display: block;
	height: 108px;
	width: 94px;
}



/*---- Top Navigation ----*/

.top-nav {

	background-image: url(/cart/templates/images/nav-bg.gif);
	background-repeat: no-repeat;
    float: right;   
    height: 54px;
    margin: 58px 28px 0px 0px;
    padding: 17px 0px 0px 0px;
    text-indent: 20px;
    width: 734px;




}



.top-nav a {

	color: #fff;
	font-family: arial, verdana, sans-serif;
	font-size: 1.1em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 10px 15px;


}

.login{
float: right;
margin: 10px 40px 0px 0px;
font-family: arial, verdana, sans-serif;
font-size: 10pt;
}

.login a{
color: #4b6e23;
text-decoration: none;
}

.login a:hover{
color: #4b6e23;
text-decoration: underline;
}

.top-nav a:hover {

	background-image: url(/cart/templates/images/topnav-hover.gif);
	background-repeat: repeat-x;
	padding: 10px 15px;


}



.left-nav {


	clear: both;
	float: left;
	width: 145px;
	margin: 40px 0px 0px 45px;

}



.left-nav ul {

	font-family: arial, verdana, sans-serif;
	font-size: .85em;
	

}



.left-nav ul li {

	padding: 8px 0px;
	

}



.left-nav ul li a {

	color: #9b1b4e;
	text-decoration: none;
	padding: 0px;
	

}


.left-nav ul li a:hover {

	/*----  background-image: url(/cart/templates/images/topnav-hover.gif);----*/
	text-decoration: underline;
	background-repeat: repeat-x;
	font-size: .95em;
	font-weight: bold;
	padding: 0px;
	

}



.right-content {

	clear: right;
	float: right;
	width: 730px;
	margin: 0px;
	margin-right: 23px;
font-family: arial, verdana, sans-serif;
}




.right-content h1 {

	color: #9b1b4e;
	font-family: georgia, times, serif;
	font-size: 1.5em;
	padding-bottom: 25px;


}




.right-content h2 {

	color: #9b1b4e;
	font-family: georgia, times, serif;
	font-size: 1.3em;
	padding-bottom: 2px;
        margin: 10px 0px 8px 0px;
        border-bottom: solid 1px #9b1b4e;
	width: 690px;
	clear: left;

}



.right-content h2 a {

	color: #9c1e4f;
	font-family: georgia, times, serif;
	font-size: 1em;
	text-decoration: none;

}






/*----  SHOPPING CART STYLES ---- */


#content_box1 {

	margin: 15px 25px;

}



/*---- Blog Styles ----*/

#post-1 {

	width: 690px;

}



small {

	font-family: arial, verdana, sans-serif;
	color: #6d2e68;
	font-weight: bold;
	font-size: .95em;


}

.entry p {

    font-family: arial, verdana, sans-serif;
	font-size: .9em;
	letter-spacing: .01em;
	padding: 10px 40px 25px 0px;
}



.entry-content {

	padding: 5px 0px;
}



.entry-content p {
	padding: 3px 0px;
	font-size: .95em;
}


.entry-content a {

        color: #8db833;
    	text-decoration: underline;
}



.entry-content a:hover {

    text-decoration: none;
}






.entry-date {

	color: #9c1e4f;
	padding: 5px 0px;
	font-size: .9em;
}



.entry-meta {

	padding: 20px 0px;
	font-size: .9em;
}


.entry-meta a {
	color: #8db833;

}


.entry-meta a:hover {
	color: #8db833;
	text-decoration: none;

}




h3.entry-title a {
    	color: #6a2866;
	text-decoration: none;

}

h3.entry-title a:hover {
	text-decoration: underline;

}





.nav-next {

    	color: #000;
    	font-size: .9em;
    	width: 690px;
    	margin-bottom: 20px;
}

.nav-next a {

        color: #365413;
    	text-decoration: underline;
}


.nav-next a:hover {

    	text-decoration: none;

}


.nav-previous {
    	font-size: .9em;
    	margin-right: 15px;
    	float: left;

}



.nav-previous a {

        color: #365413;
    	text-decoration: underline;

}

.nav-previous a:hover {

    	text-decoration: none;

}



.category-uncategorized {


    	margin: 25px 0px;
}

#content_box1 h1 {

	font-family: georgia, time, serif;
	font-size: 1.4em;
	padding: 10px 0 5px 0px;


}



#categoryDescription {

	font-family: arial, verdana, sans-serif;	
	font-size: .9em;
	color: #000;
	line-height: 1.3;
	margin: 10px 0px;
}





#productDescription  {

	font-family: arial, verdana, sans-serif;	
	font-size: .9em;
	color: #000;
	line-height: 1.3;
	clear: both;
	padding: 25px 0px;

}




#productDescripition p {

	font-family: arial, verdana, sans-serif;	
	font-size: .9em;
	color: #000;
	line-height: 1.3;

}


#productDetail {
	float: left;
}

#productDetail h2 {

	font-family: arial, verdana, sans-serif;	
	color: #3f4343;
	text-decoration: none;
	padding: 0 0 10px 0px;
}

#productPhotos {
	float: left;
}


#categoryGrid h2 {

	color: #000;
	text-decoration: none;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 1px #7a8b5c;
}


#categoryGrid h2 a {

	font-family: georgia, time, serif;
	font-size: 1em;
	color: #7a8b5c;
	text-decoration: none;
}


#categoryGrid h2 a:hover {

	text-decoration: underline;
}



#productGrid h2 {

padding-bottom: 5px;
	border-bottom: solid 1px #7a8b5c;
width: 690px
}



#productGrid h2 a {

	font-family: georgia, time, serif;
	font-size: 1em;
	color: #723769;
	text-decoration: none;

}


#productGrid h2 a:hover {

	text-decoration: underline;
}



#prodMainImage0 {

	
	margin-top: 15px;

}




#prodMainImage0 img {

	border: solid 1px #8e815c;
}



#price {
	font-family: arial, verdana, sans-serif;
	font-size: 1.25em;
	color: #000;
	font-weight: bold;
	margin: 10px 0px;	

}




.title {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	color: #000;	


}


.description {

	font-family: arial, verdana, sans-serif;
	font-size: .85em;
	color: #000;	
	padding: 5px 0px 15px 0px;
}



.pagination {

	font-family: arial, verdana, sans-serif;
	font-size: .8em;
	color: #000;	
	padding: 5px 0px 15px 0px;
}




.pagination a {

	color: #984120;
	text-decoration: underline;
	

}



.pagination a:hover {

	text-decoration: none;
	

}



.title a {

	font-family: arial, verdana, sans-serif;
	font-size: 1em;
	color: #12960f;
	text-decoration: none;
	

}


.title a:hover {

	color: #984120;
	text-decoration: underline;

}



.display {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	color: #000;	
	padding: 10px 0px;

}


.label {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	color: #000;	
	padding: 5px 0px;

}


.option {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	color: #000;	
	padding: 10px 0px;

}


.photo {

	margin: 10px 10px 10px 0;

}


.photo img {

	border: solid 1px #976c5c;
	margin-bottom: 10px;
}



.sprice {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	color: #000;


}


strike {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	margin-left: 10px;

}


.myerror {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;
	color: #7a8b5b;
	margin-left: 10px;

}


.details {
	float: left;

}



.detailBtn {

	margin: 10px 0px;
	clear: left;
}


.detailBtn a {

	font-family: arial, verdana, sans-serif;
	font-size: .9em;	
	color: #c19744;
	text-decoration: underline;

}


.detailBtn a:hover {

	text-decoration: none;

}


.buttons {

    clear: left;

}



center {

	float: left;
	margin: 10px 0px;
}




.content-odd {

float: left;
clear: left;
margin: 0px 45px 45px 0px;
}


table {
/*
	border-collapse: collapse;
	border-spacing: 0;
	padding: 10px;
        width: 800px;*/
}



td.content-odd3 {

	padding: 10px 50px 20px 5px;
	width: 250px;
	
}


td.content-even3 {

	padding: 10px 50px 20px 5px;
	width: 250px;

}




td.content-odd2 {

	padding: 10px 50px 20px 5px;
	width: 250px;
	margin-top: 10px;	
}


td.content-even2 {

	padding: 10px 50px 20px 5px;
	width: 250px;
	margin-top: 10px;
}




a.link {


	font-size: .9em;	
	color: #d95d44;
	text-decoration: underline;
}



a:hover.link {

	text-decoration: none;
}



.form-label {

	font-family: arial, verdana, sans-serif;
	font-size: .8em;
	color: #984120;
	margin: 10px 0px 5px 0px;
	font-weight: bold;
}


.form-field {

	font-family: arial, verdana, sans-serif;
	font-size: .8em;
	color: #000;
	margin: 10px 10px 10px 10px;
	clear: left;
}


a.sublink {

	font-size: .9em;	
	color: #c19744;
	text-decoration: underline;
	float: left;
	margin: 5px 0px;
}





a:hover.sublink {

	text-decoration: none;
}



/*---- Shopping Cart ----*/


table#cartItems {

	font-family: arial, verdana, sans-seirf;
	width: 680px;
	margin: 10px 0px;

}



table#cartItems thead {

    	background-image: url(../secure/images/bg-shopping-cart.gif);
	background-repeat: repeat-x;
	height: 31px;
	color: #fff;
	font-size: .95em;
	font-weight: none;
	border: solid 1px #999;
}


table#cartItems tr td {

    	background-color: #e2e3de;
	padding: 10px 0px;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
}


table#cartItems tr td a {

    	color: #9b1b4e;
	text-decoration: none;

}



#cartNumItems {

	margin: 5px 0px;
	font-size: .8em;
	width: 150px;
	float: right;
}



.field-label {
	color: #555;
	font-weight: bold;
	font-size: .9em;
	padding-top: 10px;

}


.field-price {

	padding-bottom: 10px;
}



#cartCoupon {

	clear: left;
	padding: 10px 0px;

}



#cartButtons {

    padding: 10px 0px;
}




#viewCart p {

    padding: 15px 0px;

}







#footer {

	padding: 5px 10px 25px 10px;
	color: #406324;

}


/*----  Footer  ----*/



.green-seal {

	background-image: url(/cart/templates/images/eco_green_seal.gif);
	background-repeat: repeat-x;
	width: 61px;
	height: 61px;    
    	float: right;


}


.social-network {

	oveflow: hidden;
	width: 300px;
	float: right;


}


.twitter-logo {

	height: 47px;
	width: 47px;
	float: right;
	margin: 8px 15px 0px 0px;

}


.twitter-logo a {

    	background-image: url(images/twitter-logo.gif);
	background-repeat: no-repeat;
    	display: block;
	height: 47px;
	width: 47px;

}



.twitter-logo a:hover {

    	background-image: url(images/twitter-logo-hover.gif);

}






.facebook-logo {

	height: 47px;
	width: 47px;
	float: right;
	margin: 8px 8px 0px 0px;

}



.facebook-logo a {

    	background-image: url(images/facebook-logo.gif);
	background-repeat: no-repeat;
    	display: block;
	height: 47px;
	width: 47px;

}



.facebook-logo a:hover {

    	background-image: url(images/facebook-logo-hover.gif);

}




#footer p {

	font-family: arial, verdana, sans-serif;
	font-size: .8em;
	padding-bottom: 15px
}



#footer a {

	color: #fff;
	font-family: arial, verdana, sans-serif;
	text-decoration: none;
	padding: 0px 5px;

}




#footer a:hover {

	text-decoration: underline;

}
#container2 {
margin:0 auto;
width:965px;
}

/*----  Home Page Focus Content  ----*/

.focus_main{
background-image: url(images/focus_main.jpg);
background-repeat: no-repeat;
background-position: 0 0;
width: 715px;
height: 259px;
border: 1px solid #c6c6c6;
}

.focus_main h1{
font-family: arial black, verdana, sans-serif;
font-size: 23pt;
color: #6a2866;
margin: 15px 0px 0px 15px;
text-transform: uppercase;
}

.focus_main ul{
margin: 20px 0px 0px 25px;
font-family: arial;
font-weight: bold;
font-size: 12pt;
}

.focus_main li{
background-image: url(images/bullet_01.gif);
background-repeat: no-repeat;
background-position: 0 4px;
padding: 0px 0px 0px 15px;
margin: 0px 0px 15px 0px;
color: #444444;
}

.focus_green_scene{
background-image: url(images/focus_green_scene.jpg);
background-repeat: no-repeat;
background-position: 0 0;
margin: 13px 13px 30px 0px;
width: 350px;
border: 1px solid #c6c6c6;
float: left;
}

.focus_green_scene a{
color: #444444;
text-decoration: none;
}

.focus_green_scene a:hover{
color: #4a6d23;
text-decoration: underline;
}

.focus_green_scene h1{
font-family: arial black, verdana, sans-serif;
font-size: 24pt;
color: #4a6d23;
margin: 15px 0px 0px 15px;
line-height: 40px;
text-transform: uppercase;
}

.focus_green_scene ul{
margin: 20px 0px 0px 20px;
font-family: arial;
font-size: 12pt;
}

.focus_green_scene li{
background-image: url(images/bullet_02.gif);
background-repeat: no-repeat;
background-position: 0 5px;
padding: 0px 0px 0px 15px;
margin: 0px 0px 15px 0px;
color: #444444;
}


.focus_project_green{
background-image: url(images/focus_project_green.jpg);
background-repeat: no-repeat;
background-position: 0 0;
margin: 13px 0px 30px 0px;
width: 350px;
border: 1px solid #c6c6c6;
float: left;
}

.focus_project_green a{
color: #444444;
text-decoration: none;
}

.focus_project_green a:hover{
color: #8db833;
text-decoration: underline;
}


.focus_project_green h1{
font-family: arial black, verdana, sans-serif;
font-size: 30pt;
color: #8db833;
margin: 12px 0px 0px 15px;
line-height: 44px;
text-transform: uppercase;
}

.focus_project_green ul{
margin: 15px 0px 0px 20px;
font-family: arial;
font-size: 12pt;
}

.focus_project_green li{
background-image: url(images/bullet_03.gif);
background-repeat: no-repeat;
background-position: 0 5px;
padding: 0px 0px 0px 15px;
margin: 0px 0px 15px 0px;
color: #444444;
}


.more_link{
font-family: arial, verdana, sans-serif;
font-weight: bold;
font-size: 8pt;
text-transform: uppercase;
float: right;
margin: 0px 10px 10px 0px;
}


.button_browse{
background-image: url(images/browse_catalog.jpg);
background-repeat: no-repeat;
background-position: 0 0;
width: 217px;
height: 29px;
margin: 0px 0px 0px 15px;
}

.button_browse:hover{
background-image: url(images/browse_catalog.jpg);
background-repeat: no-repeat;
background-position: -217px 0px;
width: 217px;
height: 29px;
}