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

/* RESET - Preset Values, Delete if Needed */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }

h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {  }

ul { list-style:disc; }

fieldset,img { border: none; }

caption,th { text-align: left; }

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

a { color:#687a13; text-decoration:underline;}

a:hover {color:#000; }

p {margin:0 0 12px 0;}



ul {

margin:0 0 0 20px;

line-height:1.4em;

}

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





/*-------------Overall Website Layout--------------------------------------*/

/* BACKGROUND and SITE DIMENSION */

#wrapper_outside {  background:#f5f5f5 url(../images/outside.gif) repeat-x 0 100%; text-align:left; }

#wrapper_top { background:url(../images/topoutside.gif) repeat-x 0 0; text-align:left; }

#wrapper_mid { background:url(../images/mid.gif) repeat-y 50% 0; min-width:970px; }

#wrapper { background:url(../images/topall.gif) no-repeat 50% 0; }

#inside { width:970px; margin:0 auto; min-height:640px; height:auto !important;  height:640px;   }

#wrapper_content { width: 970px; padding: 6px 0; margin: 8px auto 0px auto; height: auto; text-align: left; font-size:108%; }

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



/* COMMON */

body {

margin:0;

padding:0;

font-family:Arial, Helvetica, sans-serif;

color:#3d3c2c;

background-color:#f2f2f2;

font-size:71%;

line-height:1.4em;

}



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

/* HEADER */

#header {

margin:0;

padding:0px 10px 10px 0;

color:#1b0f01;

font-size:1.0em;

}



#header a {

font-weight:normal;

text-decoration:none;

color:#669933;

}



#header a:hover {

text-decoration:underline;

}



#header input {

font-size:1em;

padding:2px 2px 1px 2px;

}



#logo {

float:left;

}

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





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

/* Flash ADS */

#adWrapper {

margin:0;

padding:0;

width:188px;

float:left;

font-size:1.1em;

line-height:1.4em;

}



#adBox {

background:#fff;

border:1px solid #c5c5c5;

border-top:6px #c5c5c5 solid;

padding:6px;

min-height:60px; height:auto !important;  height:38px;

}



.adboxTitle {

color:#756856;

font-weight:bold;

font-size:1.0em;

padding:0 0 6px 0;

}



.adboxTitle a{

color:#756856;

text-decoration:none;

}



.adboxTitle a:hover{

color:#687a13;

}



.adboxDescription {

color:#3d3c2c;

}



.adThumb {

width:174px;

padding:0;

}

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





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

/* FLASH */

#flash {

padding:0;

width:576px;

float:left;

}



.flashimage {

border:none;

}



.flashshadowbg {

background:url(../images/flashshadowrepeat.gif) repeat-y;

}

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



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

/* Promo Right */

#promoRightWrapper {

margin:0;

width:188px;

float:right;

}

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





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

/* Article Right */

#articleRightWrapper {

margin:0;

padding:10px;

width:188px;

background:#fff;

border:1px solid #dcdac2;

float:right;

color:#3d3c2c;

font-size:1.1em;

line-height:1.4em;

}



.articleRightContent {

padding:10px; background:#fcfae6;

min-height:316px; height:auto !important;  height:200px;

}



.articleRightTitle {

color:#669933;

font-size:1.3em;

line-height:1.4em;

font-weight:normal;

}



#articleRightWrapper a {

color:#669933;

font-weight:bold;

text-decoration:none;

font-size:.9em;

}



#articleRightWrapper a:hover {

color:#3d3c2c;

}

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





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

/* Column Boxes */

#colBoxContainer {

margin:8px 0;

padding:0;

font-size:1.1em;

background:url(../images/colBox-bg.gif) repeat-x top left #dcdac2;

min-height:267px; height:auto !important;  height:133px;

border:1px solid #dcdac2;

border-bottom:4px solid #8fb869;

line-height:1.4em;

}



#colBox {

width:130px;

padding:10px;

text-align:center;

}



.colBoxTitle {

color:#669933;

font-size:1.1em;

font-weight:bold;

}



.colBoxDescription {

color:#3d3c2c;

padding:6px 0 0 0;

}



.colIcon {

width:130px;

margin:0 auto 10px auto;

display:block;

}

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





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

/* BreadCrumb */

.pageNav {

padding:0 0 0 2px;

margin:0 0 10px 0;

}



.breadcrumb{

margin:0; padding:0;

font-size:.9em;

color:#6a7818;

}



.breadcrumb a{

background: transparent url(../images/arrow.png) no-repeat center right;

text-decoration: underline;

padding:6px 12px 6px 0; /*adjust bullet image padding*/

color: #3d3c2c;

margin:0 4px 0 0;

}





.breadcrumb a:visited, .breadcrumb a:active{

color: #8cad03;

}



.breadcrumb a:hover{

text-decoration: underline;

}

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





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

/* BOTTOM */

#bottomWrapper {

margin:0;

font-size:1.1em;

line-height:140%;

background:url(../images/bottombg-repeat.gif) repeat-y;

}



#bottomContent {

min-height:175px; height:auto !important;  height:175px;

background:url(../images/bottombg-top.gif) no-repeat bottom left;

padding:0 1px 4px 1px;

}



#bottomWrapper .title {

font-size:1.3em;

color:#1f2d3d;

letter-spacing:1px;

text-transform:uppercase;

}





#bottomLeft {

float:left; 

width:315px;

text-align:center;



}



#bottomRight {

float:right; 

width:641px;

text-align:center;

}





#insideContentWrapper {

padding:6px 0; 

font-size:108%; 

margin:0;

line-height:1.4em;

}

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





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

/* Quick links */

#quickLinks {

background:#fff;

border:1px solid #c5c5c5;

margin:10px 0 4px 0;

padding:10px;

color:#64696e;

font-size:.9em;

line-height:150%;

}



#quickLinks a {

color:#3d3c2c;

text-decoration:none;

}



#quickLinks a:hover {

text-decoration:underline;

}



#quickLinks h3 {

color:#765838;

font-weight:bold;

font-size:1em;

}

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



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

/* Product Viewed */

#productViewed {

float:right;

width:310px;

padding:0;

background:#fff;

border:1px solid #c5c5c5;

}



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



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

/* Pages */

.pageWrapper {

padding:8px;

margin:0;

background-color:#fff;

border:1px solid #c8c8c8;

font-size:.9em;

}



.pageWrapper a {

color:#3d3c2c;

}



.itemRow {

margin: 0;

}

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





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

/* Reviews */

#reviews {

margin:20px 0;

padding:0 8px;

}



#reviews h3 {

color:#3d3c2c;

font-size:1em;

padding:0;

}



.reviewDate {

font-size:.9em;

}

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





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

/* TEXT PROPERTIES */

.panelTitle {

color:#fff;

font-size:1.2em;

height:26px;

margin:0 0 8px 0;

padding: 0 4px;

background-image:url(../images/panel-title.gif); background-repeat:repeat-x;

}



.subText {

font-size:.9em;

color:#669933;

}



.contentTitle {

font-size:1.3em;



line-height:200%;

color:#765838;

margin:0 0 20px 0;

}



.contentSubTitle {

font-size:1em;

margin:0;

padding:4px 0;

line-height:180%;

font-weight:bold;

color:#6a7818;

}



.text_underline {

text-decoration:underline;

}



.text_bold {

font-weight:bold;

color:#77c005;

}



.readmore a {

color:#765838;

font-size:.9em;

font-weight:bold;

text-decoration:none;

background:url(../images/arrowmore.gif) left no-repeat;

padding:0 0 0 14px;

}





.readmore a:hover {

color:#000;

}



.titleBar {

background:#e3e5e0;

color:#7d7063;

padding:4px 12px;

margin:0 0 8px 0;

font-size:1em;

font-weight:bold;

}





.columnTitle {

margin:10px 0;

padding:0;

color:#7b6f61;

font-size:1.6em;

font-weight:normal;

}



.newsTitle {

font-size:1em;

font-weight:bold;

color:#505b6e;

}



.newsDate {

color:#a2a2a2;

font-size:.9em;

}



.arrowLink {

margin:0;

}



.arrowLink a {

color:#807c22;

font-size:.9em;

text-decoration:underline;

padding:0 10px 0 0;

background: url(../images/arrow-more.gif) no-repeat center right; /*custom bullet list image*/

}



.arrowLink a:hover {

color:#000;

}



.itemDescription {

border-top:2px solid #f2f2f2; 

padding:4px 6px;

}



.itemDescription a {

color:#666

}





.productName {

color:#765838;

font-size:1em;

font-weight:bold;

}



.productName-Cat {

color:#000;

font-size:.9em;

font-weight:bold;

}





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

/* Others */

.grid {

height:1px;

margin:12px 0;

background-image:url(../images/grid.gif);

background-repeat:repeat-x;

}



.grid2 {

height:3px;

margin:6px 0;

background-image:url(../images/grid2.gif);

background-repeat:repeat-x;

}



.noteGreenBar {

height:20px;

padding:6px 8px 6px 20px;

background:#8fb869;

color:#fff;

}



.noteGreenBar input {

padding:0 10px;

margin:0;

color:#999;

font-size:1em;

}



.clearer { clear:both; }





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

/* UL PROPERTIES */



.listNormal {

margin:0;

}



.listNormal ul {

list-style:none;

}



.listNormal ul li {

padding:0 0 8px 0;

}

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





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

/* FOOTER */

#footerbg { background:#fcfae6; height:29px; }

#footer { clear:both; width:970px; margin:0 auto 10px auto; background:#6a7818; padding:10px 0; text-align:center; font-size:1.0em; color:#000; height:1%; color:#fff;}

#footer a { color:#fff; font-weight:normal; text-decoration:none;}

#footer a:hover { color:#a9ff59;}





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

 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FF0000 !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #FF0000 !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #FF0000 !important; //Text input field border color
   background-color:#FF0000 !important; //Text input field background color
 }