#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }



#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }



#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }



#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }



#imageData{	padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	



#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/*

  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $



  osCommerce, Open Source E-Commerce Solutions

  http://www.oscommerce.com



  Copyright (c) 2003 osCommerce  Released under the GNU General Public License



  ZGBasic, osCommerce altyapisi kullanilarak gelistirilmistir.. 

*/





.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.errorBox { background:#ffb3b5; font-family : Verdana, Arial, sans-serif; font-size : 10px; font-weight: bold }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }



BODY {

  background: #ffffff;

  color: #000000;

  margin: 0px;

}



A {

  color: #000000;

  text-decoration: none;

}



A:hover {

  color: #AABBDD;

  text-decoration: underline;

}



FORM {

       display: inline;

}



TR.header {

  background: #ffffff;

}



TR.headerNavigation {

  background: #ffffff;

}



TD.headerNavigation {

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

  font-size: 13px;

  background-image:url('images/infobox/bg.png');

  color: #000000;

  font-weight : bold

}



A.headerNavigation {

  color: #000000;

}



A.headerNavigation:hover {

  color: #000000;

}



TR.headerError {

  background: #ff0000;

}



TD.headerError {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #ff0000;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

}



TR.headerInfo {

  background: #00ff00;

}



TD.headerInfo {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



TR.footer {

  background: #ffffff;

}



TD.footer {

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

  font-size: 10px;

  background-image:url('images/infobox/bg.png');

  color: #000000;

  font-weight: bold

}



.infoBox {

  background: #b6b7cb;

  text-align:center

}



.infoBoxContents {

  BACKGROUND: url(images/infobox/boxbg.png) #FFFFFF repeat-x;

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

  font-size: 10px;

}



.infoBoxSCBContents {

  background: #FFFFFF;

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

  font-size: 10px;

}



.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

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

  font-size: 10px;

}



TD.infoBoxHeading {

  background-image:url('images/infobox/bg.png');

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

  font-size: 13px;

  font-weight: bold;

  color: #000000;

  text-align:center

}



TD.infoBox, SPAN.infoBox {

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

  font-size: 10px;

  text-align:center

}



TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {

  background: #f8f8f9;

}



TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {

  background: #f8f8f9;

}



TABLE.productListing {

  border: 1px;

  border-style: solid;

  border-color: #b6b7cb;

  border-spacing: 1px;



}



.productListing-heading {

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

  font-size: 10px;

  background-image:url('images/infobox/bg.png');

  color: #000000;

  font-weight: bold

}



TD.productListing-data {

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

  font-size: 10px;

}



A.pageResults {

  color: #0000FF;

}



A.pageResults:hover {

  color: #0000FF;

  background: #FFFF33;

}



TD.pageHeading, DIV.pageHeading {

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

  font-size: 12px;

  font-weight: bold;

  color: #000000;

}



TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

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

  font-size: 10px;

  color: #000000;

}



TD.main, P.main, DIV.main {

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

  font-size: 11px;

  line-height: 1.5;

}



TD.smallText, SPAN.smallText, P.smallText {

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

  font-size: 10px;

}



TD.accountCategory {

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

  font-size: 13px;

  color: #aabbdd;

}



TD.fieldKey {

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

  font-size: 12px;

  font-weight: bold;

}



TD.fieldValue {

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

  font-size: 12px;

}



TD.tableHeading {

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

  font-size: 12px;

  font-weight: bold;

}



SPAN.newItemInCart {

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

  font-size: 10px;

  color: #ff0000;

}



CHECKBOX, INPUT, RADIO, SELECT {

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

  font-size: 11px;

}



TEXTAREA {

  width: 100%;

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

  font-size: 11px;

}



SPAN.greetUser {

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

  font-size: 12px;

  color: #FF9900;

  font-weight: bold;

}



TABLE.formArea {

  background: #f1f9fe;

  border-color: #7b9ebd;

  border-style: solid;

  border-width: 1px;

}



TD.formAreaTitle {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  color: #c76170;

  font-weight: bold;

}



SPAN.productSpecialPrice {

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

  color: #ff0000;

}



SPAN.errorText {

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

  color: #ff0000;

}



.moduleRow { }

.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }

.moduleRowSelected { background-color: #E9F4FC; }



.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }

.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }



/* message box */



.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }



/* input requirement */



.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }



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

/*   Horizontal Drop-Down Menu Style   */

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



.horbar        {   /* Color of main horizontal menubar and border */

       color: black;

       background-color: #e6e7e6;

       border: 1px outset #525252;

}



.horizitem     {          /* Behaviour of main horizontal menu items, leave as is for proper operation */

       float: left;

       white-space: nowrap;

}



.horizitem a {              /* Font style, size of submenu items */

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

       font-size: 12px;

       text-decoration: none;

       position: relative;

       display: block;

}



.horizitem a:link, .horizitem a:visited        {      /* Font style & color of main menu items */

       color: #000000;

       text-decoration: none;

}



.horizitem a:hover     {       /* Font style & color, background menu color of main menu item when hovered over */

       color: #ffffff;

       background-color: #21459c;

       text-decoration: none;

}



.horizitem a:active    {       /* Font style & color, background menu color of main menu item when clicked */

       color: #ffff00;

       background-color: #666666;

       text-decoration: none;

}



.horizsubmenu  {       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */

       position: absolute;

       left: 0;

       top: 0;

       visibility: hidden;

}



.horizsubframe {      /* Color of submenu item and border */

       background-color: #e6e7e6;

       border: 2px outset #fdfefd;



       position: relative;

       display: block;

}



.horizsubitem  {       /* Behaviour of sub-menu items - leave as is for proper operation of submenus */

       text-align: left;

       white-space: nowrap;

}



.horizsubitem a {            /* Font style, size of submenu items */

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

       font-size: 12px;

       text-decoration: none;



       position: relative;

       display: block;

}



.horizsubitem a:link, .horizsubitem a:visited  {       /* Font color, style of submenu items */

       color: #000000;

       font-size: 12px;

       text-decoration: none;

}



.horizsubitem a:hover  {      /* Font color, style, background submenu color of submenu item when hovered over */

       color: #ffffff;

       background-color: #21459c;

       text-decoration: none;

}



.horizsubitem a:active {      /* Font color, style, background submenu color of submenu item when clicked */

       color: #ffff00;

       background-color: #666666;

       text-decoration: none;

}



.horizsubitem .horizfwdarr, .horizitem .horizfwdarr    {      /* Positioning of right arrow for submenus */

       position: absolute;

       top: 5px;

       right: 8px;

}



.dmselected {   /* Style override for selected category tree */

    background-color: #ccc;

               font-weight: bold;

}



.horbar .dmselected {   /* Style override for selected root category */

    background-color: #999;

}





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

/*   Vertical Fly-Out Menu Style   */

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



.verbar        {   /* Color of main vertical menubar and border */

       color: black;

       background-color: #ffffff;

       width: 150px;



}



.vertitem      {          /* Behaviour of main vertical menu items, leave as is for proper operation */

       text-align: left;

       white-space: nowrap;

}



.vertitem      a {   /* Font style, size of main menu items */

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

       font-size: 11px;

       text-decoration: none;

       position: relative;

       display: block;

}



.vertitem a:link, .vertitem a:visited  {   /* Default font style & color of main menu items */

       color: #000000;

       text-decoration: none;

}



.vertitem a:hover      {   /* Font style & color, background menu color of main menu item when hovered over */

       color: #ffffff;

       background-color: #cccccc;

       text-decoration: none;

}



.vertitem a:active     {   /* Font style & color, background menu color of main menu item when clicked */

       color: #000000;

       background-color: #ffffff;

       text-decoration: none;

}



.vertsubmenu   {   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */

       position: absolute;

       left: 0;

       top: 0;

       visibility: hidden;

}



.vertsubframe  {   /* Color of submenu item and border */

       background-color: #ffffff;

       border: 2px outset #fdfefd;



       position: relative;

       display: block;

}



.vertsubitem   {     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */

       text-align: left;

       white-space: nowrap;

}



.vertsubitem a {   /* Font style, size of submenu items */

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

       font-size: 11px;

       text-decoration: none;



       position: relative;

       display: block;

}



.vertsubitem a:link, .vertsubitem a:visited    {   /* Default font style & color of submenu items */

       color: #000000;

       text-decoration: none;

}



.vertsubitem a:hover   {   /* Font style & color, background submenu color of submenu item when hovered over */

       color: #ffffff;

       background-color: #cccccc;

       text-decoration: none;

}



.vertsubitem a:active  {   /* Font style & color, background submenu color of submenu item when clicked */

       color: #000000;

       background-color: #ffffff;

       text-decoration: none;

}



.vertsubitem .vertfwdarr, .vertitem .vertfwdarr        {   /* Positioning of right arrow for submenus */

       position: absolute;

       top: 5px;

       right: 8px;

}



.dmselected {   /* Style override for selected category tree */

    background-color: #ffffff;

               font-weight: bold;

}



.verbar .dmselected {   /* Style override for selected root category */

    background-color: #ffffff;

}



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

/* Tree and Plain Menu Style */

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



.treemenudiv   {     /* Behaviour of tree/plain menu item - leave as is for proper performance */

       display: block;

       white-space: nowrap;

}





.phplmbodytable { /* Class of table cells containing plain menus */



}



.phplmnormal {     /* Font size & color of unlinked menu items */

       color: #000000;

       font-size: 10px;

       text-decoration: none;

}





a.phplm:link, a.phplm:visited  {      /* Font color, style of linked & visited menu items */

       color: #003300;

       font-size: 10px;

       text-decoration: none;

}





a.phplm:hover  {      /* Font color, style of menu items when hovered over */

       color: #841212;

       background-color: #ccc;

       font-size: 10px;

       text-decoration: none;

}



a.phplm:active {      /* Font size & color of menu items when clicked */

       color: #ff0000;

       font-size: 10px;

       text-decoration: none;

}



.dmselected {   /* Style overide for selected category tree */

    background-color: #ccc;

               font-weight: bold;

}

.star-product-title {

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

  text-align : center;

  font-size: 16px;

  font-weight: bold;

  color: #000000;

}

.star-product {

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

  font-size: 12px;

  font-weight: normal;

  color: #000000;

}

.star-product-price{

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

  font-size: 16px;

  font-weight: bold;

  color: #ff0000;
  
  <style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(media/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(media/blockactive.gif) center center repeat-x;
}

</style>


}