* {
padding : 0;
margin : 0;
}
body {
background : #fafafa;
color : #585858;
	font: 12px Tahoma, Verdana, Arial, sans-serif;
}
.rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }


input, textarea {
border : 1px solid #aaa;
}
input:hover, textarea:hover {
border : 1px solid #888;
}

a {
color : #36be00;
text-decoration : none;
/*background : #fff;*/
}
a:hover {
text-decoration : underline;
}
blockquote {
margin : 0 0 15px 30px;
border-left : 3px solid #8adf88;
padding : 0 0 0 8px;
}
input, textarea {
border : 1px solid #aaa;
}
input:hover, textarea:hover {
border : 1px solid #888;
}
input.text {
color : #000000;
border : 1px solid #e6e6e6;
background : inherit;
}
textarea.text {
font-size : 12px;
border : 1px solid #e6e6e6;
}
input.text:hover, textarea.text:hover {
border : 1px solid #d6d6d6;
}
form {
display : inline;
margin : 0;
padding : 0;
}
.date {
color : #aaa;
font-weight : bold;
background : transparent;
}
.green {
color : #36be00;
}
.bigl {
font-size : 35px;
}
.bold {
font-weight : bold;
}
#header h1 {
background : #fafafa;
font-family : "Tahoma", Verdana, Arial, sans-serif;
font-size : 25px;
color : #585858;
font-weight : normal;
padding : 0;
margin : 0;
}

#maincontainer{
padding : 0;
margin : 15px auto; /*Center container on page*/
width : 780px;/*Width of main container*/
background : #fafafa;
}

#header {
margin : 0;
padding : 0;
width : 100%;
background : inherit;
color : #585858;
height : 66px;
font: 10px Tahoma, Verdana, Arial, sans-serif;


}
#header .slogan {
color : #868686;
margin : 0px;
padding : 0px;

font : bold 10px "Tahoma", Verdana, Arial, sans-serif;
padding-left : 2px;
}
#header .topong {
background : #fafafa url(/images/topaff.jpg) no-repeat bottom;
height : 66px;
width : 159px;
float : right;
}
#header .topong .pad {
padding : 5px 5px 0 20px;
}
#header .topong .pad img {
border : 0;
float : left;
margin-right : 10px;
}
#header .topong .txt {
padding : 0;
color : #a5a5a5;
}
#header h4 {
font : bold 10px "Tahoma", verdana, Arial;
}
#header h4 a {
color : #585858;
}
#header h4 a:hover {
text-decoration : none;
	font-weight: normal;
	font-style: normal;
}
#menu {
margin : 0 0;
padding : 0;
background : #4b7da7 url(/images/menubg.gif) repeat-x top;
color : #fff;
width : 100%;
height : 40px;
font: 10px Tahoma, Verdana, Arial, sans-serif;

}
#menu .pad {
padding-top : 12px;
}
#menu a, #menu a:visited {
color : #fff;
text-decoration : none;
background : inherit;
}
#menu .submit {
vertical-align : bottom;
}
#menu .submit ul {
margin : 0;
padding : 0 10px 0 0;
list-style : none;
}
#menu .submit li {
display : inline;
margin : 0;
padding : 0;
}
#menu .submit a {
float : left;
background : transparent;
margin : 0;
padding : 0 0 0 0;
text-decoration : none;
}
#menu .submit a span {
float : left;
background : url(/images/menusep.gif) no-repeat left;
color : #fff;
font-weight : bold;
display : block;
padding : 0 15px 0 15px;
margin-right : 2px;
}
#menu .submit a span {
float : none;
}
#menu #search {
float : right;
background : inherit;
margin-top : 0;
padding : 0;
margin-right : 10px;
margin-top : -4px;
}
#menu #search input.text {
background : url(/images/input.gif) no-repeat top;
width : 110px;
border : 0;
padding : 2px 0 0 3px;
}
#menu #search input.txt {
color : #fff;
font-weight : bold;
border : 0;
background : transparent;
cursor : pointer;
}
#menu #loginlogout
{
	float : right;
	background : inherit;
	margin-top : 0;
	padding : 0;
	margin-right : 10px;
	margin-top : -4px;
	
}
#modules {
	font: 10px Tahoma, Verdana, Arial, sans-serif;

margin-top : 10px;
height : 190px;
}
#modules #mod3 {
background : #fafafa url(/images/topgreybox.jpg) no-repeat top;
height : 185px;
width : 258px;
float : right;
margin-top : 5px;

}
#modules #mod2 {
background : #fafafa url(/images/topgreybox.jpg) no-repeat top;
height : 185px;
width : 258px;
float : right;
margin-right : 3px;
margin-top : 5px;
}
#modules #mod1 {
background : #fafafa url(/images/topgreybox.jpg) no-repeat top;
height : 185px;
width : 258px;
float : left;
margin-top : 5px;
}
#modules .padding {
padding : 13px 20px 10px 20px;
}
#modules img {
border : 1px solid #d3d3d3;
float : left;
margin-bottom : 15px !important;
margin-bottom : 5px;
}
#modules .price {
color : #36be00;
font : bold 16px "Tahoma", verdana, Arial;
padding : 25px 15px 0 0;
float : right;
text-align : right;
}
#modules .only {
color : #36be00;
font : bold 0.4em "Tahoma", verdana, Arial;
}
#modules .text {
width : 100%;
float : left;
color : #9f9f9f;
text-align : justify;
font: 11px Tahoma, Verdana, Arial, sans-serif;

}
#modules h2 {
font : bold 12px "Tahoma", verdana, Arial;
color : #618fb5;
background : transparent;
margin-bottom : 4px;
}
#modules h2 a {
color : #618fb5;
background : transparent;
}
#modules h2 a:hover {
text-decoration : none;
color : #719fc5;
}
#maincontent {
background : #fafafa;
}
#maincontent #graph {
margin-top : 15px;
background : #fafafa url(/images/statgraph2.jpg) no-repeat left;
width : 203px;
height : 156px;
float : left;
}
#maincontent p {
margin-top : 10px;
}
#maincontent img {
float : left;
margin : 10px 10px 10px 0;
}
#maincontent .readm {
color : #36be00;
font-weight : bold;
background : inherit;
}
#maincontent h2 {
font : bold 1.6em "Tahoma", verdana, Arial;
color : #585858;
background : transparent;
margin-bottom : 4px;
border-bottom : 1px solid #e3eaef;
}
#maincontent #introduction {
margin: 25px 0 40px 0;
width : 100%;
background : inherit;
text-align : justify;
color : #8e8e8e;
}
#maincontent #rightside {
float : right;
width : 220px;
background : #f0f0f0;
/*padding : 10px;
margin : 0 0 10px 0;*/
}
#maincontent #rightside h2 {
margin-bottom : 5px;
}
#maincontent #leftside {
background : inherit;
margin-right : 10px;
width : 530px;
}
#maincontent #leftside .r {
float : right;
width : 250px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent #leftside .le {
width : 250px;
text-align : justify;
margin-bottom : 15px;
}
#maincontent #leftside .pad {
/*padding : 15px 0 15px 0;*/
text-align : justify;
}

.toggleopacity img{
	
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;*/
	opacity: 0.5;
}

.toggleopacity:hover img{
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;*/
	opacity: 1;
}

.toggleopacity img{
border: 1px solid #ccc;
}


#footer {
bottom : 0;
clear : both;
text-align : left;
border-top : 2px solid #e5e5e5;
padding : 3px 0 0 0;
margin-top : 5px;
height : 50px;
color : #888;
background : inherit;
}
#footer .right {
float : right;
}

#welcome {
	margin-top: 10px;
}

/*****************************************************************************
***************************Product Page CSS**********************************/

#products {
	list-style: none;
	padding: 0;
	float: left;
	width: 95%;

}

#products ul
{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	font-style: normal;
	font-size: 10px;
}

#products li {
	list-style: none;
  	margin-left: 0;
	padding-left: 0;
	font-size: 10px;
	
}

#products div.title {
	
	border-bottom: 1px solid #2175bc;
	
	background : #fafafa;
	font-family : "Tahoma", Verdana, Arial, sans-serif;
	font-size : 10px;
	color : #585858;
	font-weight : normal;
}

#products .product{
	float: left;
	border: 1px solid #ccc;
	background-color: #fff;
	margin: 3px;
	padding: 2px;
	/*cursor: pointer;*/
	width: 115px;
	height: 115px;
	font: normal 110% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#products .product #filler{

	padding-top: 75px;
}

#products .product #pro_price{
	position: static;
	top: 115px;
}




/*****************************************************************************
******************************Show Page CSS**********************************/
.boxed {
	margin: 0px;
	border: 1px solid #E9EAEB;
	float: left;
	width : 415px;
	
	
}

.title {
	background: #F7F7F7;
	
}

#title1 {
	font-size: 120%;
	font-weight: bold;
	padding: 5px 10px;
	color: #2175bc;
}

#title2 {
	font-size: 100%;
	padding: 5px 10px;
}

#content {
	padding: 10px;
	font: normal 100% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#content h1{
	font: bold 110% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#add_pic{
	padding : 0 0 0 0;
	float : right;
	text-align : right;
}

#add_price{
	font-size: 100%;
	padding: 5px 10px;
	
}

#maincontent #right {
float : right;
width : 200px;
background : #f0f0f0;
margin : 10px 0 0 0;
}

#maincontent #left {
background : inherit;
margin : 10px 0 0 0;
width : 550px;
}

#maincontent #left .le {
width : 135px;
text-align : justify;
margin-bottom : 15px;
}

#maincontent #left .r {
float : right;
width : 405px;
text-align : justify;
/*margin-bottom : 15px;
margin-left : 15px;*/

}

#notice{
	padding: 5px;
	background-color: #96FF88;
}

#update_email_notice{
	padding: 5px;
	font-weight: bold;
	text-align: center;
	text-shadow: #050505 1px 1px 5px;
}

#update_password_notice{
	padding: 5px;
	font-weight: bold;
	text-align: center;
	text-shadow: #050505 1px 1px 5px;
}

#tags_update{
	font-size: 75%;
	font-weight: normal;
	color: white;
	margin: 0px;
	padding: 0px;
	border: 1px solid black;
	background-color: #B36B00;
}

#tags_update li:hover{
	text-decoration: underline;
}
/*
.rside .loginbox { background: #E6E9EE; height: 145px; color: #000; margin: 0; padding: 0px;}
.rside .loginbox .padding { padding: 0px 10px 0px 10px; line-height: 1.9em; margin: 0;}
background: #F1F1F1;
  border: 1px solid #E5E5E5;
*/

.upwardly_pagination 
{
  
  text-align: center;
  padding: 1em;

}

.upwardly_pagination a, .upwardly_pagination span {
    padding: .2em .3em; }
  .upwardly_pagination span.disabled {
    color: #AAA; }
  .upwardly_pagination span.current {
    font-weight: bold;
    background: transparent url(./../images/upwardly-circle.gif) no-repeat 50% 50%; }
  .upwardly_pagination a {
    text-decoration: none;
    color: black; }
    .upwardly_pagination a:hover, .upwardly_pagination a:focus {
      text-decoration: underline; }