/*

Design by Free CSS Templates

http://www.freecsstemplates.org

Released for free under a Creative Commons Attribution 2.5 License

*/



* {

    margin: 0;

    padding: 0;

}



body {

    margin: 20px 0;

    background: #FFFFFF;

    font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;

    color: #666666;

}







table 

{

border: none; 

}



td

{

border: thin solid;

border-color: #ECE9D8;

padding-left:5px;

padding-right:5px;

padding-top:5px;

padding-bottom:5px;

}



fieldset { 

    display: block; 

    border: #FFCC33; 

    margin-left: 0px;

    margin-right:0px;

    padding-left:12px;

    padding-right:12px;

  }



fieldset legend {

font-weight:bolder;

color:#3E9722;

    padding-left:5px;

    padding-right:5px; 

    padding-top: 0px; 

    margin-left:0;

     margin-bottom: 0.65em; 

}



h1, h2, h3 {

    color: #333333;

}



h1{font-size: 22px;

}



h2 {font-size: 18px; 

}



h3 {

    font-size: 1em;

}



p, blockquote, ul, ol {

    margin-bottom: 1.5em;

    line-height: 1.65em;

    text-align: justify;

    font-size : 10pt;

}







blockquote {

    margin-left: 2em;

    margin-right: 2em;

    font-style: italic;

}



ul {

    margin-left: 3em;

}



ul li {

}



ol {

    margin-left: 3em;

}



ol li {

}



a {

    text-decoration: underline;

    color: #3E9722;

}



a:hover {

    text-decoration: none;

    color: #E58C24;

}

#category a.active {
background: #FFCC66;

    text-decoration: none;

    color: #000000;

}

#category a:hover {
background: #FFCC66;

    text-decoration: none;

    color: #000000;

}



img {

    border: none;

}



img.left {

    float: left;

    margin: 5px 20px 0 0;

}



img.right {

    float: right;

    margin: 5px 0 0 20px;

}



/* Boxed Style */



.boxed {

}



.boxed .title {

    background: #3C74E6 url(../images/img06.gif) repeat-x;

}



.boxed .title h2 {

    height: 28px;

    padding: 12px 0 0 20px;

    text-transform: uppercase;

    font-size: 10pt;

    color: #FFFFFF;

}



.boxed .content {

    padding: 20px;

    border-top: 1px solid #FFFFFF;

    background: url(../images/img07.gif) repeat-x;

}

.boxed1 .title h2 {

    height: 28px;

    padding: 12px 0 0 20px;

    text-transform: uppercase;

    font-size: 10pt;

    text-align:center;

    color: #FFFFFF;

}

.boxed1 .title {

    background: #3C74E6 url(../images/img06.gif) repeat-x;

    

}







/* Post */



.post {

}



.post .title {

    background: #3C74E6 url(../images/img06.gif) repeat-x;

    font-size: 10pt;

    text-transform: uppercase;

    color: #FFFFFF;

}



.post .title span {

    display: block;

    height: 28px;

    padding: 12px 0 0 20px;

}



.post .date {

    margin-top: -25px;

    padding-bottom: 10px;

    padding-right: 20px;

    text-align: right;

    font-size: 8pt;

    color: #FFFFFF;

}



.post .date .month {

}



.post .date .day {

}



.post .date .year {

}



.post .meta {

    clear: both;

}



.post .meta p {

    margin: 0;

    padding: 10px 20px 40px 20px;

    border-top: 1px dotted #CCCCCC;

    line-height: normal;

    font-size: x-small;

}



.post .story {

    padding: 20px;

    border-top: 1px solid #FFFFFF;

    background: url(../images/img07.gif) repeat-x;

}



/* Header */



#header {

    width: 960px;

    height: 140px;

    margin: 0 auto;

    padding: 13px 0 0 0x;

    background: #CAE646 url(../images/img01.jpg) no-repeat;

}



/* Header > Logo */



#logo {

    

    padding-left: 20px;
    
	padding-top: 20px;
    
	width: 750px;

    height: 32px;

}

#logo b {
    
    font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	
  
    
}


#logo a {

    text-decoration: none;

    color: #000000;

}



#paypal img{

	position:relative;

	top:-70px;

	left:30px;

	display:block;

    float:left;

}


#cart img{

   position:relative;
   
   float: left;

    top: 8px;

   left:-50px;
   
	display:block;
	
	z-index: 11;
}

#cart a{

text-decoration:none;

color:#000000;

}




#glasses_logo img{

position: relative; 

top: -55px;
left: 30px;

}







/* Header > Menu */



#menu {

position:relative;

float: left;
 
top: 47px; /*This value I've puted in percent just for the reason of displaying in Netscape and Firefox right positioning */

left:165px;
z-index: 10;




}




#menu li {

    display: inline;

}



#menu a {

    

   

    display:block;

    float:left;

    width: 120px;

    height: 30px;

    margin-left: 2px;

    padding-top: 10px;

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

    text-decoration: none;

    text-align: center;

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

    font-size: 15px;

    font-weight: bold;

    color: #000000;

    

}



#menu a:hover {

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

}



#menu .active a {

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

}



/* this menu for ie6*/



#menu_ie6 li {

    display: inline;

}



#menu_ie6 a {

    position:relative;

    top: 10px; /*This value I've puted in percent just for the reason of displaying in Netscape and Firefox right positioning */

    left:48px;

    display:block;

    float:left;

    width: 120px;

    height: 30px;

    margin-left: 2px;

    padding-top: 10px;

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

    text-decoration: none;

    text-align: center;

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

    font-size: 15px;

    font-weight: bold;

    color: #000000;

    

}



#menu_ie6 a:hover {

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

}



#menu_ie6 .active a {

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

}





/* Content */



#content {

    width: 920px;

    margin: 0 auto;

    padding: 20px;

    background: url(../images/img02.jpg) no-repeat;

    border-top: 1px solid #FFFFFF;

}



/* Content > Main */



#main {



    float: left;

    width: 477px;

    padding-left: 20px;

}

/* responsible for the style id description pages like about us and etc... */



#main1 {



    float: left;

    width: 677px;

    padding-left: 20px;

}





/* Content > Main > Welcome */



#welcome {

}



/* Content > Main > Example */



#example {

}



/* Content > Sidebar */



#sidebar {

    float: left;

    width: 220px;

}



#sidebar .boxed .title h2 {

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



}



/* Content > Sidebar > Login */



#login {

}



#login form {

}



#login fieldset {

    border: none;

}



#login legend {

    display: none;

}



#login label {

    display: block;

}



#login input {

    margin-bottom: 10px;

    padding: 2px 5px;

    font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;

    color: #666666;

}



#inputtext1, #inputtext2 {

    width: 160px;

}



#inputsubmit1 {

    margin: 0;

    padding: 0;

}



/* Content > Sidebar > Updates*/



#updates {

}



#updates ul {

    margin: 0;

    list-style: none;

}



#updates h3 {

    font-size: .8em;

}



#updates p {

    line-height: normal;

    font-size: .8em;

}



#updates a {

    text-decoration: none;

}



/* Content > Sidebar2 */



#sidebar2 {

    float: left;

    width: 180px;

    padding-left: 20px;

}



#sidebar2 .boxed .title h2 {

    background: url(../images/img10.gif) no-repeat right top;

}



/* Content > Sidebar2 > Sponsors */



#sponsors {

}



#sponsors ul {

    margin-left: 0;

    padding-left: 0;

    list-style: inside;

}



/* Content > Sidebar2 > ad120x600 */



#ad120x600 {

    text-align: center;

}



/* Footer */



#footer {

    clear: both;

    width: 960px;

    height: 80px;

    margin: 0 auto;

    padding: 20px 0;

    background: url(../images/img02.jpg) no-repeat;

}



#footer p {

    margin: 0;

    text-align: center;

    line-height: normal;

    font-size: x-small;

}



#footer a {

    text-decoration: underline;

    color: #666666;

}



#footer a:hover {

    text-decoration: none;

}



/* Footer > Legal */



#legal {

}



/* Footer > Links */

#links {

}



/* Paginating links style */



#pages{

font-size:14px;

color: #E58C24;

font-weight:bold;

}



#pages a {

    

    font-size: 14px;

    text-decoration: none;

    font-weight:normal;

    color: #3E9722;

}

#pages a:hover {

    font-size:14px;

    text-decoration: none;

    font-weight:normal;

    color: #E58C24;

}

/* no text decoration for link */

#no_decoration a{

text-decoration:none;

color:#E58C24;

}





#no_decoration a:hover{

color:#FF6600;

}

#no_decoration_2 a{

text-decoration:none;

color: #000000;

}




/*Firefox adjucment */



#firefox td{

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

font-style:italic;

padding-right:30px;

border-right-width:medium;

border-bottom-width:medium;

border-color: #C66300;

}



#firefox h2{font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:18px;

font-weight: bold;

}



#firefox h3{font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:14px;

font-weight: bold;

}



#firefox2 td{

border-color:#CCCCCC;

border-bottom-width:medium;

padding-left:10px;

padding-right:10px;

}



#firefox2 h2{font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:18px;

font-weight: bold;

}

#no_table td{
border:none;
}


/*  h1 properties for optimization  */

#optim h1{
font-size:9px;
}

#text_images img{
	border: none;
	padding: 0px 0px 0px 20px;
}

