@import "skinDesignerCSS.css";

/* CSS Document */

/* base css start*/
body {FONT-FA {COLOR: #656565;BACKGROUND-IMAGE:  url(http://rapiddesigner.rapidvector.com/Temp/wzt4w255bqcnpu45oag5nb55/finalVersion/IMAGE1.jpg);}
.bodyTag {BACKGROUND-COLOR: #FFFFFF;}
.maintable {BACKGROUND-COLOR: #FFFFFF; WIDTH: 780px;}/* base css end*/

/* header css start*/
.header {BACKGROUND-COLOR: #FFFFFF;BORDER-BOTTOM:  #ffffff 1px;}
.sitetitlefont {FONT-SIZE: 22px;COLOR: #ffffff;}
.slogantext {font-size: 16px; font-weight: 200; color: #f1f1f1; }
.imgborder {BACKGROUND-COLOR: #FFFFFF;BORDER-RIGHT:  #666666 1px;BORDER-TOP:  #666666 1px;BORDER-LEFT:  #666666 1px;BORDER-BOTTOM:  #666666 1px;}
/* header css end*/

/* footer css start*/
table.footer {BORDER-TOP:  #2e2106 1px;}
.footer td {COLOR: #242424; HEIGHT: 20px;}
.footer a:link{color:#242424; text-decoration:none;}
.footer a:visited{color:#242424; text-decoration:none;}
.footer a:hover{color:#2e2106; text-decoration:underline;}
/* footer css end*/

/* navigation css start*/
table.linkmenu {FONT-WEIGHT: bold;BACKGROUND-COLOR: #FFFFFF; HEIGHT: 25px;}
.linkmenu td {COLOR: #2e2106;TEXT-ALIGN: center;BACKGROUND-IMAGE:  url(http://www.earthscapesgardenroom.com/Resources/images/menu bar.jpg);BORDER-RIGHT:  #FFFFFF 1px;PADDING-RIGHT: 15px; HEIGHT: 25px;}
.linkmenu a:link {color:#2e2106; font-weight:normal; text-decoration:none; font-weight:bold;}
.linkmenu a:visited{color:#2e2106; font-weight:normal; text-decoration:none; font-weight:bold;}
.linkmenu a:hover {color:#858585; text-decoration:none;}

.overmenu {FONT-WEIGHT: bold;COLOR: #424242;BACKGROUND-COLOR: #FFFFFF;BORDER-BOTTOM:  #ffffff 1px; DISPLAY: block; HEIGHT: 20px;}
.overmenu a:link {FONT-WEIGHT: bold;BACKGROUND-COLOR: #FFFFFF; DISPLAY: block; HEIGHT: 20px;}
.overmenu a:visited{ background-color:#fff8e7; display:block; color:#424242; text-decoration:none; font-weight:bold; height:20px;}
.overmenu a:hover { background-color:#efe4cc; display:block; color:#000000; text-decoration:none; font-weight:bold; height:20px;}
/* navigation css end*/

/*leftside css start*/
.leftback { border-right:#ffffff solid 1px; background-color:#f4ebd7;  color:#424242; border-bottom:#ffffff solid 1px;}
.leftback td p span div {COLOR: #424242;BACKGROUND-COLOR: #FFFFFF;}
.leftback td table td {COLOR: #424242;}
.leftback a:link {color:#424242; font-weight:bold; text-decoration:none;}
.leftback a:visited{color:#424242; font-weight:bold; text-decoration:none;}
.leftback a:hover {color:#8a8a8a; text-decoration:none;}

.leftpart { width:30%;}
/*leftside css end*/

/*rightside css start*/
.rightback { background-color:#efefef;  color:#424242;}
.rightback td {COLOR: #424242;}
.rightback a:link {color:#424242; font-weight:normal; text-decoration:none; font-weight:bold;}
.rightback a:visited{color:#424242; font-weight:normal; text-decoration:none; font-weight:bold;}
.rightback a:hover {color:#424242; text-decoration:none;}

.rightpart { width:30%;}
/*right side css end*/

/* basic css start*/
A { COLOR: #656565; TEXT-DECORATION: none }
A:link { COLOR: #242424 }
A:visited { COLOR: #242424 }
A:hover { COLOR: #7f5c13 }

td, p, span, div {FONT-FAMILY: Arial;FONT-SIZE: 11px;COLOR: #424242;BACKGROUND-COLOR: #FFFFFF;}

hr {BACKGROUND-COLOR: #FFFFFF;PADDING-RIGHT: 5px;}
form {BACKGROUND-COLOR: #FFFFFF;}
select {color:#424242; border:1px solid #424242;}
input,textarea{color:#424242; border:1px solid #424242;}
table.checkbox td input {BACKGROUND-COLOR: transparent;BORDER-RIGHT: 0px;BORDER-TOP: 0px;BORDER-LEFT: 0px;BORDER-BOTTOM: 0px;}
/* basic css end*/

/* general css start */
/*H Tags*/ /*default font-size for each H tag is 32,24,18,16,13,9 respectively*/

H1 {font-size: 18px; font-weight: normal; color: #2e2106; margin:0px; padding-bottom:3px;}
H1 a:link {font-size: 18px; font-weight: bold; color: #2e2106; margin:0px; padding-bottom:3px; border-bottom:1px solid #242424; text-decoration:none;}
H1 a:visited {font-size: 18px; font-weight: bold; color: #2e2106; margin:0px; padding-bottom:3px; border-bottom:1px solid #242424; text-decoration:none;}
H1 a:hover {font-size: 18px; font-weight: bold; color: #242424; margin:0px; padding-bottom:3px; border-bottom:1px solid #242424; text-decoration:none;}
/*use this for header (page title)*/


H2 {font-size: 16px; font-weight:normal; color: #242424; margin:3px;}
H2 a:link {font-size: 16px; font-weight:normal; color: #242424;}
H2 a:visited {font-size: 16px; font-weight:normal; color: #242424;}
H2 a:hover {font-size: 16px; font-weight:normal; color: #242424;}
/*use this for sub-header (you can say sub title), for ex. I used it in Glossary page*/

H3 {font-size:14px; font-weight:bold; color:#9a731c; margin:0px; padding-left:2px;}
H3 a:link {font-size:14px; font-weight:bold; color:#b28d3b; text-decoration:none; padding-left:2px;}
H3 a:visited {font-size:14px; font-weight:bold; color:#b28d3b; text-decoration:none; padding-left:2px;}
H3 a:hover {font-size:14px; font-weight:bold; color:#454545; text-decoration:underline; padding-left:2px;}
/*use this for small-title */

H4 {font-size:11px; font-weight:bold; color:#242424; text-transform:uppercase; margin:0px;}
h4 a:link {font-size:11px; font-weight:bold; color:#242424; text-transform:uppercase color:#2e2106;}
h4 a:visited {font-size:11px; font-weight:bold; color:#242424; text-transform:uppercase color:#2e2106}
h4 a:hover {font-size:11px; font-weight:bold; color:#242424; text-transform:uppercase color:#242424;}
/*use this for bold text with special identification for ex. I used it in glossary word*/

H5 {font-size:14px; font-weight:bold; margin:0px; color:#2e2106; }
h5 a:link {font-size:14px; font-weight:bold; text-decoation:none; color:#242424;}
h5 a:visited {font-size:14px; font-weight:bold; text-decoation:none; color:#242424}
h5 a:hover {font-size:14px; font-weight:bold; text-decoation:none; color:#2e2106;}

/*use this for bold small title (no special identification)*/


H6 {font-size:11px; font-weight:normal; font-style:normal; color:#cbcbcb; margin:0px; }
h6 a:link {font-size:11px; font-weight:normal; font-style:normal; color:#cbcbcb; text-decoration:underline}
h6 a:visited {font-size:11px; font-weight:normal; font-style:normal; color:#cbcbcb; text-decoration:underline}
h6 a:hover {font-size:11px; font-weight:normal; font-style:normal; color:#cbcbcb; text-decoration:none}

/* here I used it for small italic or very small notes*/

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

/* These classes will apply at several standard places (like error message, in case if you don't want border (image link) information block etc.) default classes in each CSS*/

.error {color:#ff0000; font-weight:bold;}
.error a:link{color:#ff0000; font-weight:bold; text-decoration:underline}
.error a:visited {color:#ff0000; font-weight:bold; text-decoration:underline}
.error a:hover {color:#ff0000; font-weight:bold; text-decoration:none;}

.button {background-color:#2e2106; border:1px solid #735d30; color:#ffffff; font-weight:bold; font-size:11px; height:21px; padding-left:5px; padding-right:5px; vertical-align:middle;}


.noborder {border:0px;}
.noborder a:link{border:0px;}
.noborder a:visited {border:0px;}
.noborder a:hover {border:0px;}

.information {background-color:#f5f5f5; border:1px solid #e5e5e5; padding:3px;}

.breadcrumb {color:#424242;} 
.breadcrumb a:link {color:#424242; text-decoration:underline; font-weight:normal;}
.breadcrumb a:visited {color:#424242; text-decoration:underline; font-weight:normal;}
.breadcrumb a:hover {color:#2e2106; text-decoration:none; font-weight:normal;}

.highlighted-row {background-color: #fff7e6; padding: 4px;}
.highlighted-row table {border:1px solid #9d8c68; background-color: #fff7e6; padding: 4px; }
.highlighted-row table td table{border:0px solid #2e2106; background-color: #fff7e6; padding: 4px;}
.highlighted-row a:link {color:#454545; text-decoration:none; font-weight:normal;}
.highlighted-row a:visited {color:#454545; text-decoration:none; font-weight:normal;}
.highlighted-row a:hover {color:#242424; text-decoration:underline; font-weight:normal;}


.highlighted-row1 {background-color: #c1c1c1; padding: 4px;}
.highlighted-row1 table {border:1px solid #f9f6bc ;background-color: #c1c1c1; padding: 4px;}
.highlighted-row1 table td table{border:0px solid #2e2106; ;background-color: #c1c1c1;  padding: 4px;}
.highlighted-row1 a:link {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:visited {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row1 a:hover {color:#000000; text-decoration:underline; font-weight:normal;}



.highlighted-row2 {background-color: #f5f5f5; padding: 4px;}
.highlighted-row2 {border:1px solid #dddddd ;background-color: #f5f5f5; padding: 4px;}
.highlighted-row2 table td table{border:0px solid #2e2106; background-color: #f5f5f5; padding: 4px;}
.highlighted-row2 a:link {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row2 a:visited {color:#333333; text-decoration:none; font-weight:normal;}
.highlighted-row2 a:hover {color:#000000; text-decoration:underline; font-weight:normal;}



.highlighted-row3 {background-color: #a7a7a7; padding: 4px;}
.highlighted-row3 {border:1px solid #000000; background-color: #a7a7a7; padding: 4px;}
.highlighted-row3 table td table{border:0px solid #2e2106; background-color: #797979; padding: 4px;}
.highlighted-row3 a:link {color:#000000; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:visited {color:#000000; text-decoration:none; font-weight:normal;}
.highlighted-row3 a:hover {color:#ffffff; text-decoration:underline; font-weight:normal;}

/*special table with header or alter effect*/

img.productimage {BACKGROUND-COLOR: #FFFFFF;BORDER-RIGHT:  #2e2106 1px solid;BORDER-TOP:  #2e2106 1px solid;BORDER-LEFT:  #2e2106 1px solid;BORDER-BOTTOM:  #2e2106 1px solid;}

/*.price {background-color:#a7a7a7; padding:2px; font-weight:bold;}*/
.price {background-color:#6e5218; font-weight:bold; color:#FFFFFF;}

.pagelist {color:#242424}
.pagelist table {padding:3px;}
.pagelist table td {padding:3px; padding-left:6px; padding-right:6px;  }
.pagelist table td a:link {color:#9a731c; font-size:12px; text-decoration:none; font-weight:bold;}
.pagelist table td a:visited {color:#9a731c; font-size:12px; text-decoration:none; font-weight:bold;}
.pagelist table td a:hover {color:#242424; font-size:12px; text-decoration:none; font-weight:bold;}

.pagelist p {color:#000000}
.pagelist p a:link {color:#333333; text-decoration:none; font-weight:bold;}
.pagelist p a:active {color:#333333; text-decoration:none; font-weight:bold;}
.pagelist p a:hover {color:#666666; text-decoration:none; font-weight:bold;}


table .alt-lines {border:1px solid #000000; border-collapse:collapse; background-color:#797979;}
table .alt-lines .alt-lineschange1 {background-color:#ffffff; padding:2px; border:1px solid #ffffff; }
table .alt-lines {background-color:#F7F7F7; padding:2px; font-weight:bold; font-size:12px;  }
table .alt-lines .alt-linechange2 {background-color:#eeeeee; color:#000000; font-weight:normal;  }


table.tablewithheader  {border:1px solid #2e2106; border-collapse:collapse; padding:3px;}
.tablewithheader td {BACKGROUND-COLOR: #FFFFFF;BORDER-RIGHT:  #2e2106 1px solid;BORDER-TOP:  #2e2106 1px solid;BORDER-LEFT:  #2e2106 1px solid;BORDER-BOTTOM:  #2e2106 1px solid;}
.tablewithheader th{border:1px solid #2e2106; border-collapse:collapse; padding:3px; background-color:#f5f5f5; color:#424242; font-size:12px;}
.tablewithheader a:link {color:#424242; font-weight:normal;}
.tablewithheader a:visited{color:#424242; font-weight:normal;}
.tablewithheader a:hover {color:#2e2106; font-weight:normal;}

.imgna {background-color:#e0e0e0; text-align:center; width:100px; height:100px; text-transform:uppercase}
.imgna td a:link {color:#000000; text-decoration:underline}
.imgna td a:visited {color:#000000; text-decoration:underline}
.imgna td a:hover {color:#000000; text-decoration:none}


.textbold { font-size: 11px; font-weight: bolder;}
.textsmall {font-size: 10px;}
.txtprice {	color: #CC0000;}

.logintab {background-color: #fff7e6; padding: 4px;}
.logintab table {border:1px solid #9d8c68; background-color: #f5ead3; padding: 4px;}
.logintab th {background-color: #2e2106;}
.logintab table td table{background-color: #fff3fa;  padding: 4px;}
.logintab a:link {color:#333333; text-decoration:none; font-weight:normal;}
.logintab a:visited {color:#333333; text-decoration:none; font-weight:normal;}
.logintab a:hover {color:#000000; text-decoration:underline; font-weight:normal;}

.fntwhitebold { font-size: 11px; font-weight: bold;	color: #FFFFFF; }

table.invocetab  {border:1px solid #dddddd; border-collapse:collapse; padding:3px;}
.invocetab td {border:1px solid #dddddd; border-collapse:collapse; padding:3px;}


table.bluetable  {border:1px solid #2e2106; border-collapse:collapse; padding:3px;}
.bluetable td {border:1px solid #2e2106; border-collapse:collapse; padding:2px;}
.bluetable td.cap {border:1px solid #2e2106; border-collapse:collapse; padding:2px; text-transform:uppercase;}
.bluetable th{border:1px solid #2e2106; border-collapse:collapse; padding:2px; height:20px; background-color:#f5f5f5; color:#000000; font-size:11px; text-transform:uppercase;}
.bluetable a:link {color:#424242; font-weight:normal;}
.bluetable a:visited{color:#424242; font-weight:normal;}
.bluetable a:hover {color:#2e2106; font-weight:normal;}

.mid {padding:4px;}

.fontwhite {color:#FFFFFF;}

.bdrmain {BACKGROUND-COLOR: #FFFFFF;}

table.topicons { padding:2px;}
.topicons td{ text-align:center; padding:5px;}
.topicons td.last{ text-align:center; padding:5px;}

.titlefont { font-size: 18px; font-weight: 100; color: #242424; height:25px; border-bottom: solid 1px #2e2106;}

table.box { }
.box th{ padding:2px; color:#FFFFFF; background:#8a8a8a; height:20px;}
.box td{ padding:2px; background:#CFCFCF;}

table.boxright { padding:5px; margin-top:5px;}
.boxright th {FONT-SIZE: 14px;COLOR: #424242;TEXT-ALIGN: left;BACKGROUND-COLOR: #FFFFFF;BORDER-BOTTOM:  #cccccc 1px solid; HEIGHT: 20px;}
.boxright td {BACKGROUND-COLOR: #FFFFFF;}
/*general css end*/

ul { margin:0px; padding-left:25px; margin:0px; list-style-type:inherit; line-height:12px; }
li { margin:9px 0px; }

.topbg {FONT-SIZE: 16px;TEXT-ALIGN: right;BACKGROUND-COLOR: #FFFFFF; HEIGHT: 30px;}.graybg {COLOR: #424242;BACKGROUND-COLOR: #FFFFFF;}
.sepratorbg {BACKGROUND-COLOR: #FFFFFF;BORDER-TOP:  #ffffff 1px;}                                             /* ---- ---- ---- ---- ---- ---- */