/* CSS Document */



body {
   font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	height: 100%;
   background:#f8feff url(../images/site/top-bg.jpg) repeat-x 0 0;
}

.clear {
   clear:both;
}

img {
   border:none;
}


#parent {
   display: block;
	min-height: 100%;
	width: 100%;
	position:absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}


#headerlogo {
   background:#a5def5;
}

#bglineholder {

	width:900px;
	background:url(../images/site/bg.gif) repeat-x 0 0;
	padding-bottom:30px;
	text-align:left;
	margin:0;

}

#wrapper {
   width: 796px;
   background: #fff url(../images/site/wrapback2.gif) repeat-y;
}
#twocol #leftcol {
   margin: 10px 3px;
   width: 104px;
   background: #7fc028;
}

#twocol #leftcol h2 a.morebutton {
   font-size:80%;
   color:#7fc028;}

#twocol #content {
   font-size: 75%;
   width:632px;
}

#page {
   padding-bottom: 40px;
}

#home-images #leftcolumn {
	width:307px;
	float:left;
}
#home-images #1-whatsnew {
}

#available td{border-top:1px #999 solid;
	vertical-align:top;}

/* //////////////////// Main Menu //////////////////////// */


#menu li.first {}

#menu ul.leftright {
   font-size: 90%;
   margin-left: 20px;
}

#menu ul.leftright li a, ul.leftright li a , ul.leftright li a {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    color: #fff;
}

#menu ul.leftright li.current a {
    padding-top: 0;
    padding-bottom: 0;
	color:#fff;
}

#menu ul.leftright li a, ul.leftright li a , ul.leftright li a {
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    color: #fff;
}


#menu {
   background:url(../images/site/bg-headermenu.jpg) repeat-x 0 0;
   width: 100%;
}


/* The following is a left-right list, used for menus */
ul.leftright {
    text-align: left;
    padding: 8px 0 26px 16px;
    margin: 0;
    color:#fff;
    text-transform: uppercase;
}

ul.leftright li {
    display: inline;
    background: none;
    margin: 0;
    padding: 0;
    color: #fff;
}

ul.leftright li.first {
    padding-left: 0;
}

ul.leftright li.last {
    padding-right: 0;
}

ul.leftright li a {
    display: block;
    padding: 0.2em 0.5em;
    float: left;
    margin: 1px;
    text-decoration: none;
    color:#fff;
}

ul.leftright li.current a {
    margin: 0;
    border:1px solid #fff;
}


ul.leftright li.first a {
    padding-left: 0;
}

ul.leftright li.last a {
    padding-right: 0;
}

ul.leftright li.visited {

	color:#fff;

}

ul.leftright li a:hover, ul.leftright li a:active , ul.leftright li a:focus {
    color:#fff;
}

#content {
   margin: 14px 0 0 0;
   padding: 0 15px 0 15px;
   width:975px;
	background:#f8feff;
}



#column1 {
   float:left;
	display:inline;
	width:500px;
}

h1 {
   font-size: 130%;
   color: #2796c5;

}

h2 {
   font-size: 110%;
   color: #57B6DD;
}

h3 {
   font-size: 100%;
   color: #57B6DD;
   padding-bottom: 5px;
   margin-bottom: 3px;
}


p {
   font-size: 85%;
   color: #333;
   margin-bottom: 5px;
   margin-top: 5px;
}

.bluetext {
	color:#57B6DD;
}

p.large {
   font-size: 130%;
   color: #2796c5;
   line-height: 1.1;
   margin: 1em 0 0.8em 0;
}

p.medium {
   font-size: 100%;
   color: #2796c5;
   line-height: 1.1;
   margin: 1em 0 0.8em 0;
}



/*////////// For the YOUR SAY section ////////// */

#content .post h2{
   font-size: 120%;
	color:#57B6DD;
}

#content p.date {
	margin-top:0;
}

#content .details {
   font-size: 90%;
	color:#333;
	margin-bottom:5px;
	margin-top:5px;
}

#content ul.comment {

	margin:0;
	padding-left:0;

}

#content .comment li{

	list-style:none;
	margin-left:0;
	padding-left:0;

}

#content .comment a{

	color:#57B6DD;
   font-size: 90%;

}


#content  a{

	color:#57B6DD;

}

.biglink a{

   font-size: 130%;
	font-weight:bold;

}



/* .pagenav is a list of "pages" where a list exapnds into more than one page */
.pagenav {
        border-top: 1px solid #57B6DD;
        border-bottom: 1px solid #57B6DD;
        margin: 0.5em 0 1em 0;
        padding: 2px;
        font-size: 75%;
        background: #fff;

		color:#57B6DD;

}

.pagenav h2 {
        font-weight: normal;
        display: inline;
}

.pagenav ul {
        font-size: 100%;
        display: inline;
        margin: 0 0 0 0.5em;
        padding: 0;
}

.pagenav li {
        display: inline;
        padding: 0 0 0 15px;
        background: url('../images/site/diamond.gif') no-repeat 3px 50%;
}

.pagenav li.first {
        background: url('');
        padding-left: 0;
}

.pagenav li a {
        color: #fff;
        text-decoration: underline;

}
.pagenav li a:hover {
        color: #fff;
        text-decoration: underline;
}








/* ////////// SHOPPING CART STYLING ///////////// */





.product {
   clear:both;
   padding: 10px 0;
}

.product h2 {
   margin-bottom: 0px;
}
.product p.price {
   font-weight: bold;
   font-size: 80%;
}
#content .product input {
   padding: 0;
   font-size: 85%;
}
.product h3 {
   margin-bottom: 0px;
   padding-bottom: 0px;
}

.ProdBlock {
   float:right;
   width:300px;
}

.ProdBlock ul{
   margin:0;
	padding:0;
	list-style:none;
   font-size: 90%;
	color:#333;
}

.ProdBlock li{
   margin:0;
	padding:0;
}

.price {
	float:right;
   width:300px;
}

.imageblock {
	float:left;
   width:150px;
}

.orderblock {
	float:right;
   width:300px;
}

.orderblock label{
   font-size: 90%;
	color:#333;
}


#column2 {
   width:380px;
   margin-left:540px;
}


/* /////////// FOOTER MENU ////////////// */



#footer {
   background:url(../images/site/bg-footer.jpg) repeat-x 0 100%;
	position:absolute;
	left: 0px;
	bottom: 0px;
   width: 100%;
	display: block;
	height: 35px;
	z-index: 999;
   margin: 0px;
   font-size: 75%;
   color:#fff;
}

#footer #leftbit {
   float: left;
   width: 100px;
   padding: 8px 0 0 8px;
}

ul.leftrightfooter {
    text-align: left;
    margin: 0;
    text-transform: uppercase;
    color:#fff;
    padding: 7px 0 0 8px;
}

ul.leftrightfooter li {
    float: left;
    display: inline;
    background: none;
    margin: 0;
    padding: 0;
    display: block;
}

ul.leftrightfooter li.current {
    text-decoration: none;
    color:#fff;
}

ul.leftrightfooter li.first {
    padding-left: 0;
}

ul.leftrightfooter li.last {
    padding-right: 0;
}

ul.leftrightfooter li a {
    padding: 0.2em 0.5em;
    margin: 0;
    text-decoration: none;
    color:#fff;
}
ul.leftrightfooter li.current a {
    padding-top: 0;
    padding-bottom: 0;
}

ul.leftrightfooter li.first a {
    padding-left: 0;
}

ul.leftrightfooter li.last a {
    padding-right: 0;
}

ul.leftrightfooter li.visited {
	color:#fff;
}

ul.leftrightfooter li a:hover, ul.leftrightfooter li a:active , ul.leftrightfooter li a:focus {
    color:#fff;
}

/* Need the form code here */
#content fieldset {
/*        clear: both;     */
}
#content fieldset.invisible {
        border: none;
        margin: 0;
        padding: 0;
	color:#333;
}
#content fieldset legend {
        font-weight: bold;
        padding: 0.5em;
        color: #990000;
}
#content fieldset p.buttup {
        margin: 0 0.5em 0.2em 0;
}
#content p.buttons {
        margin: 0.8em 0 1em 5em;
        clear: both;
        text-align: right;
}


#content fieldset p label {
        width: 11em;
        padding: 0.5em 0 0 0;
        margin: 0 0.1em 0 0;
        display: block;
}
#content  span.labelextra {
        padding-left: 0.5em;
        font-size: 80%;
}
#content input, #content select, #content textarea {
        font-size: 85%;
}
#content input {
        width: 15em;
        text-indent: 2px;
        margin-left: 0.5em;
        display: inline;
}
#content input.full {
        width: 480px;
        margin-left: 0;
}
#content  input.large, #content input.LongInput {
        width: 22em;
}
#content  input.half {
        width: 8em;
}
#content input.mini, #content input.ShortInput {
        width: 4em;
}
#content  input.radio, #content input.check {
        width: 1em;
}
#content  select {
        margin-left: 0.5em;
}

#content  p.buttons input
{
        width: auto;
        float: right;
}
#content label.full, #contentlabel.lmceEditor, #content label.fulllow {
}

#content textarea.fulllow {
        margin-left: 0;
        width: 480px;
        height: 6em;
}

#content textarea.full {
        width: 480px;
        height: 250px;
}

#content object.FullWidthHalfHeightBox {
        width: 480px;
        height: 120px;
}

#content textarea.FullWidthBox {
        width: 480px;
        height: 200px;
}

#content textarea.FullWidthHalfHeightBox {
        width: 480px;
        height: 100px;

}
#content .subposts {
        padding: 0.2em 0 0 0.5em;
        margin: 0.2em 0 0 0.11em;
        border-left: 3px solid gray;
}
#content div.inpost {
        background: #fee4e4
}
#content div.inpost h2 {
        margin: 0.5em 0 0 0;
}
#content div.subposts div.post h2, #content div.subposts div.inpost h2 {
        margin: 0.2em 0 0 0;
        font-size: 90%;
}
#content p.error {
        margin-left: 1em;
        color: #cc0000;
        font-weight: bold;
}
#content .formerror ul {
   font-size: 80%;
   margin-top: 0;
}


table {
        border: 1px solid #aaa;
        margin-bottom: 0.5em;
        font-size: 80%;
}
table td {
        border: 1px solid #aaa;
        padding: 2px;
        margin: 0px;
        text-align: left;
}
table th {
        color: #990000;
        border: 1px solid #aaa;
        margin: 0px;
        font-size: 120%;
}

#imagetags {
   margin: 10px 0px 10px 15px;
}

#imagetags p {
   font-size: 130%;
   color: #2796c5;
   font-family: Avant Gothic, Arial, Helvetica, sans-serif;;
   line-height: 0.9;
}

#imagetags p.tagleft {
   text-align: left;
}
#imagetags p.tagright {
   text-align: right;
}

#imagetags p.large {
   font-size: 230%;
}
#imagetags p.small {
   font-size: 120%;
}
#imagetags p.light {
   color: #57B6DD;
}

#imagetags p.lightblue {
   color: #57B6DD;
}

#imagetags p.medblue {
   color: #2796c5;
}

#imagetags p.darkblue {
   color: #0d2f3e;
}


#imagetags p.size1 {
   font-size: 110%;
}

#imagetags p.size2 {
   font-size: 130%;
}

#imagetags p.size3 {
   font-size: 230%;
}

#imagetags p.biggap {
    margin-bottom: 20pt;
}