/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */
* {
	margin: 0;
}
html, body {
	height: 100%;
}
body {
	background-color: #1F2023;
	margin: 0px;
	padding: 0px;
	background-image: url(images/gradient.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
h1 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	color: #40454C;
	font-style: normal;
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #2D2F33;
}
p {
	font-family: Tahoma, Geneva, sans-serif;
	color: #898F99;
	font-size: 11px;
}
#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 800px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: -20px; /* the bottom margin is the negative value of the footer's height */
	margin-left: auto;
}
#top {
	width: 800px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #2D2F33;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.intro {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 16px;
}
#intro2 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 18px;
	text-align: right;
}
#footer {
	/*position:absolute;*/
	bottom:0;
	height:20px;
	width:800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A2CE20;
	vertical-align: middle;
	background-color: #333841;
	padding-top: 3px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 3px;
	color: #94A2AB;
}
#push {
	height: 20px; /* .push must be the same height as .footer */
	
}
#tcntag {
	float: right;
}
#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	height: 100%;
}
h2 {
	font-size: 14px;
}
label {
	color: #003;
}


/* FOOTER HERE ---------------- */

#footer a {
	text-decoration:none;
	color:#94A2AB;
	}
#footer a:hover {
	text-decoration:none;
	color: #3CF;
	}
	
.shopnav{
	color:#FFF;
	padding: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 8px;
}
.itemprice{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BDBCBC;
	padding-left: 10px;
}

a.greybutton{
	display: block;
	float: left;
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 18px; /* Height of button background height */
	padding-left: 4px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url('images/but_grey-left.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

a:link.greybutton, a:visited.greybutton, a:active.greybutton{
	color: #E6E6E6; /*button text color*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

a.greybutton span{
	background: transparent url('images/but_grey-right.gif') no-repeat top right;
	display: block;
	padding: 2px 9px 1px 0; /*Set 9px below to match value of 'padding-left' value above*/
	margin-left:5px;
	margin-right:5px;
	}

a.greybutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.greybutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #FFF;
}

a.greenbutton{
	display: block;
	float: left;
	font: normal 12px Arial; /* Change 12px as desired */
	line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 18px; /* Height of button background height */
	padding-left: 4px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url('images/but_green-left.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

a:link.greenbutton, a:visited.greenbutton, a:active.greenbutton{
	color: #000; /*button text color*/
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

a.greenbutton span{
	display: block;
	padding: 2px 9px 1px 0; /*Set 9px below to match value of 'padding-left' value above*/
	margin-left:5px;
	margin-right:5px;
	background-color: transparent;
	background-image: url(images/but_green-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.greenbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.greenbutton:hover span{ /* Hover state CSS */
	background-position: bottom right;
	color: #000;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
	float: right;
}
td {
	vertical-align: top;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #5B5F66;
}


/* FORM css */
.cssform p{
width: 500px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/* Setting the boxes */

.dialog {
	width:100%;
	min-width:20em;
	color:#6B727F;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 17px;
}
.dialog td {
	padding: 10px;
}

.dialog .hd .c,
.dialog .ft .c {
	font-size:1px; /* ensure minimum height */
	height:13px;
}

.dialog .ft .c {
 height:26px;
}

.dialog .hd {
	background-color: transparent;
	background-image: url(images/dialog_tl.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.dialog .hd .c {
 background:transparent url(images/dialog_tr.gif) no-repeat right 0px;
}

.dialog .bd {
	background:transparent url(images/dialog_ml.gif) repeat-y 0px 0px;
	padding-left: 1px;
}

.dialog .bd .c {
 background:transparent url(images/dialog_mr.gif) repeat-y right 0px;
}

.dialog .bd .c .s {
	background-image: url(images/dialog_ms.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 4px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.dialog .ft {
 background:transparent url(images/dialog_bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c {
 background:transparent url(images/dialog_br.gif) no-repeat right 0px;
}

.dialog a {
	color:#FFF;	/* text-decoration: none; */
}


/* Itemlist */
.arrowgreen{
	width: 200px;
	border-size: 1px;
	padding: 0px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowgreen .buttop{
	display: block;
	height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: transparent;
	background-image: url(images/arrowgreen_top.gif);
	background-repeat: no-repeat;
	background-position: left 0;
}	
.arrowgreen .butbot{
	display: block;
	height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: transparent;
	background-image: url(images/arrowgreen_bottom.gif);
	background-repeat: no-repeat;
	background-position: left 0;
}	
	
.arrowgreen li a{
	display: block;
	height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: transparent;
	background-image: url(images/arrowgreen.gif);
	background-position: left 0;
	background-repeat: no-repeat;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #666;
}

.arrowgreen li a:hover{
	color: #FFF;
	background-position: left -32px;
	background-repeat: no-repeat;
}

	
.arrowgreen li a.selected{
	color: #360;
	background-position: left -64px;
	background-repeat: no-repeat;
}

/* THUMBNAIL / IMAGE HOVER */
.thumbnail{
	position: relative;
	z-index: 0;
	float: left;
	height: 150px;
	margin-bottom: 10px;
}
.thumbnail img{
	border: 1px solid #677681;
	margin-right: 10px;
	margin-bottom: 10px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	background-color: #BCBCBC;
	padding: 5px;
	left: -1000px;
	border: 1px solid gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -200px;
	left: 20px; /*position where enlarged image should offset horizontally */
}
.celandline{
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7D9D9;
}

/* IMAGE PROPERTIES */

.imgtxt{
	float:left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;		
}
.imgtxt img{
	border: 1px solid #333;	
}
.imgtxt span{
	font-size: 10px;
	color: #666;
}
.links_rightside
{
}
.links
{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	vertical-align: top;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	line-height: 16px;
}
.links b {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #40454C;
}
.links span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #444A52;
}
.links a:hover span{
	color: #CCC;
}
.links a{
	color: #898F94;
	text-decoration: none;
}
.links a:hover{
	color: #9F0;
}
input {
	color: #9F0;
	background-color: #32353B;
	border: 1px solid #A3CF21;
	margin-top: 3px;
	margin-bottom: 3px;
}
textarea {
	color: #9F0;
	background-color: #32353B;
	border: 1px solid #A3CF21;
	margin-top: 3px;
	margin-bottom: 3px;
}
	
.rss td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333841;
}
.rss a{
	color: #333841;
	text-decoration: none;
}
.rss a:hover{
	color: #898F99;
}