html, body 				{ border: 0;margin: 0; padding:0; width: 100%; height: 100%; text-align: left;}
body 					{
                        min-height: 100%; 
                        text-align:left; 
                        height: 100%; 
                        position: relative; 
                        background-color: #E9FBFF; 
                        font-family: "Arial", Verdana, "Sans-Seriff"; 
                        font-size: 14px; 
                        font-weight: normal; 
                        color: #336699;
                        }

/*Link Styles */
a:link 					{text-decoration: none; color: black; font-size:100%; border: 0;}
a:visited 				{text-decoration: none; color: black; font-size:100%;}
a:hover 				{text-decoration: none; color: #ffcc00; font-size:100%; background-color: black;}
a:active 				{text-decoration: none; color: black; font-size:100%;}
a img                   {border: none;}


.verytoplinks               {font-family: "Book Antiqua", "Palatino Linotype", "Times", "Seriff"; font-weight: bold;}
.verytoplinks a:link,.verytoplinks a:visited,.verytoplinks a:active {color: #FFC33F;}
.verytoplinks a:hover {color: black; background-color: #FFC33F;}


.footlinks              { border-top: 1px dotted #666655;  padding: 2px 0px 2px 0px; }
.footlinks a:link 		{text-decoration: none; color: #666655; font-size:100%; font-weight: bold;}
.footlinks a:visited 	{text-decoration: none; color: #666655; font-size:100%; font-weight: bold;}
.footlinks a:hover 		{text-decoration: none; color: #000000; font-size:100%; font-weight: bold;}
.footlinks a:active 		{text-decoration: none; color: #666655; font-size:100%; font-weight: bold;}

.leftlinks              { border: 1px solid #FFC633;  
                          padding: 1px 1px 1px 1px; 
                          background-color: black;
                          margin-top:4px;
                          font-family: "Book Antiqua", "Palatino Linotype", "Times", "Seriff";
                          background-image: url('ODSquare.gif');
                          background-repeat: no-repeat;
                          background-position: 5px 6px;}
.leftlinks a:link, 
.leftlinks a:visited, 
.leftlinks a:active 
                        {text-decoration: none; 
                        color: #DAE9FF; 
                        font-size: 20px; 
                        font-weight: bold; 
                        display: block; 
                        height: 30px;
                        border: 1px solid #DAE9FF;
                        vertical-align: middle;
                        padding-left: 32px;
                        padding-top: 2px; 
                        background-image: url('ODSquare.gif');
                        background-repeat: no-repeat;
                        background-position: 5px 6px;
                        }
.leftlinks a:hover 		{text-decoration: none; 
                        color: #FFC633; 
                        font-size: 20px; 
                        font-weight: bold; 
                        display: block; 
                        height: 30px;
                        border: 1px solid #DAE9FF;
                        vertical-align: middle;
                        padding-left: 32px;
                        padding-top: 2px; 
                        }

.backlink               { background-color: #C1D1D1;  padding: 2px 0px 2px 0px; }
.backlink a:link 		{text-decoration: none; font-size:100%; font-weight: bold;}
.backlink a:visited 	{text-decoration: none; font-size:100%; font-weight: bold;}
.backlink a:hover 		{text-decoration: none; font-weight: bold;}
.backlink a:active 		{text-decoration: none; font-weight: bold;}

.sharing_links {
    background: none repeat scroll 0 0 #D4EAFE;
    clear: both;
    list-style: none outside none;
    margin: 0;
    padding: 5px;
}
.sharing_links li {
    display: inline;
    width: 22px;
}
.share_bot {
    font-size: 0.8em;
}
.logo           {margin: 0px 2px 0px 2px;}

.goldbar        { background-color: #ffcc00;
                background-image: url(bgGoldBar.gif);
                color: white; 
                vertical-align: middle;
                }
                      
.footer         {text-align: center; 
                height: 50px;
                overflow: hidden;
                background-color: black; 
                color: white; 
                width: 100%; 
                border-top: 4px solid #ffc633; 
                position: relative; 
                }
.footer a:link,.footer a:visited,.footer a:active {color: #fc0;}
.footer a:hover {color: black; background-color: #fc0;}

h1, .title			 			{
                        font-size:22px; 
                        font-weight:bold; 
                        font-family: "Book Antiqua", "Palatino Linotype", "Times", "Seriff";
                        padding:0px 0px 0px 0px;
                        color: #000;
                        background-color: #ffcc00;
                        margin:5px 0px 5px 0px;
                        background-image: url(bgGoldBar.gif);
                        padding-left: 2px;
                        }
h2, .title2			 		{
                        font-size:19px; 
                        font-weight:bold; 
                        font-family: "Book Antiqua", "Palatino Linotype", "Times", "Seriff";
                        padding:0px 0px 0px 0px;
                        color: #000;
                        margin:5px 0px 5px 0px;
                        padding-left: 2px;
                        }
h3			 			{font-size:16px;
                        margin:2px 0px 2px 0px;
                         }
td                  { text-align: left; vertical-align: top; border: 0; margin: 0; padding: 0px;}
table {border-collapse: collapse;}
img           {-ms-interpolation-mode: bicubic; vertical-align: middle;}

/*Block Styles */
          
.opacity50      { /* Applies a 50% opacity in supporting browsers*/
                -khtml-opacity:.50;
                -moz-opacity:.50;
                -ms-filter:”alpha(opacity=50)”;
                filter:alpha(opacity=50);
                opacity:.50;
                }
                
.myAccTable     { 
                width: 100%;
                border-collapse: collapse;
                border-spacing: 0px;
                border: 0 0 0 0;
                margin: 0 0 0 0;
                }

.myAccTable td, th { 
                border-bottom: solid 1px #C1D1D1;
                }
                
.checkout { text-align: center; height: 40px;}
.checkout a:link, .checkout a:visited  {
                width: 300px;
                height: 25px;
                padding-top: 8px;
                font-size: 100%;
                color: #ffcc00;
                background-color: black;
                border: 1px solid #ffcc00;
                margin: 5px 0px 0px 0px;
                text-align: center;
                display: block;
                } 

.checkout a:hover {
                background-color: #ffcc00;
                color: black;
                border: 1px solid black;
                background-image: url(bgGoldBar.gif);
                } 
input[type=submit]          {
                width: 100px;
                height: 33px;
                font-size: 100%;
                color: #ffcc00;
                background-color: black;
                border: 1px solid #ffcc00;
                margin: 5px 0px 0px 5px;
                vertical-align: middle;
                text-align: center;
                } 

input[type=submit]:hover {
                background-color: #ffcc00;
                color: black;
                border: 1px solid black;
                background-image: url(bgGoldBar.gif);
                } 

.textadvert     {margin: 0px 0px 5px 3px;
                border: 1px #336699 solid;
                background-color: #FFF1B9;
                padding: 2px;
                width: 150px;
                position: relative;
                font-size: 12px;
                text-align: left;
                }
.textadvert h1     {font-size: 14px;
                    color: #0060D0;
                    background-color: transparent;
                    background-image: none; 
                    font-weight: bold;
                    } 
.textadvert img {
                border: 1px white solid;
                }
.adwebaddress:link 		{background-image: url(spacer.gif);position: absolute; top: 0px; left: 0; width: 100%; height: 100%; text-decoration: none; background-color: transparent;}
.adwebaddress:visited 	{background-image: url(spacer.gif);position: absolute; top: 0px; left: 0; width: 100%; height: 100%; text-decoration: none; background-color: transparent;}
.adwebaddress:hover 		{background-image: url(spacer.gif);position: absolute; top: 0px; left: 0; width: 100%; height: 100%; text-decoration: none; background-color: transparent;}
.adwebaddress:active 		{background-image: url(spacer.gif);position: absolute; top: 0px; left: 0; width: 100%; height: 100%; text-decoration: none; background-color: transparent;}

.booklist td            {text-align: center; 
                        background-color: #DAE9FF;
                        border-right: 2px solid white;
                        border-bottom: 2px solid white;
                        }
.booklist form            {margin: 0px 0px 10px 0px;}
.booklist img           {width: 100px; margin: 5px 0px 5px 0px;}
.booklist img:hover           {background-color: white;}
.booklist   h1			 			{
                        font-size:1.1em; 
                        font-weight:bold; 
                        font-family: "Arial", Verdana, "Sans-Seriff"; 
                        padding:0px 0px 0px 0px;
                        background-color: #DAE9FF;
                        margin:0px 0px 5px 0px;
                        background-image: none;
                        padding-left: 0px;
                        }
.booklist h2			 		{
                        font-size:0.9em; 
                        font-weight:normal; 
                        font-family: "Arial", Verdana, "Sans-Seriff"; 
                        padding:0px 0px 0px 0px;
                        color: #000;
                        margin:5px 0px 5px 0px;
                        padding-left: 0px;
                        }
.bookdetail td            {
                        background-color: #DAE9FF;
                        border: 0;
                        padding: 5px;
                        }
.bookdetail form            {margin: 0px 0px 10px 0px;}
.bookdetail img           {-ms-interpolation-mode: bicubic;}
.bookdetail img:hover           {background-color: white;}
.bookdetail   h1			 			{
                        font-size:1.4em; 
                        font-weight:bold; 
                        font-family: "Arial", Verdana, "Sans-Seriff"; 
                        padding:0px 0px 0px 0px;
                        background-color: #DAE9FF;
                        margin:0px 0px 5px 0px;
                        background-image: none;
                        padding-left: 0px;
                        }
.bookdetail h2			 		{
                        font-size:1.2em; 
                        font-weight:normal; 
                        font-family: "Arial", Verdana, "Sans-Seriff"; 
                        padding:0px 0px 0px 0px;
                        color: #000;
                        margin:5px 0px 5px 0px;
                        padding-left: 0px;
                        }

.bookcatwrapper         { border: 1px solid #FFC633;  
                          padding: 1px 1px 1px 1px; 
                          background-color: black;
                          margin-top:4px;}
.topcat             {
                    color: #FFC633; 
                    margin-left: 0px;
                    padding-left: 0px;
                    padding: 3px;
                    vertical-align: middle;
                    border-top: 1px solid white;
                    }
.topcat a:link 		{color: #FFC633;}
.topcat a:visited 		{color: #FFC633;}
.topcat a:hover 		{color: white;}
.topcat a:active 		{color: #FFC633;}
.midcat             {
                    color: #000000;
                    background-color: #DAE9FF;
                    background-position: 2px center;
                    border: 1px solid #C2C1D1;
                    border-top: 1px solid white;
                    border-left: 1px solid white;
                    padding: 3px;
                    padding-left: 20px;
                    vertical-align: middle;
                    }
.midcat  a:link        {
                    color: #000;
                    }
.midcat  a:visited {
                    color: #000;
                    }
.midcat  a:active {
                    color: #000;
                    }
.midcat  a:hover {
                    color: #fff;
                }
.cat                {
                    background-color: #FFF;
                    background-position: 14px center;
                    border: 1px solid #C2C1D1;
                    border-top: 1px solid white;
                    border-left: 1px solid white;
                    padding: 3px;
                    padding-left: 32px;
                    }
.cat  a:link        {
color: #000;
                    }
.cat  a:visited {
color: #000;
                    }
.cat  a:active {
color: #000;
                    }
.cat  a:hover {
color: #fff;
                    }
.pagecat                {
                    background-color: #FFF;
                    background-position: 14px center;
                    padding: 2px;
                    width: 32%; float: left;
                    text-align: center;
                    }
.pagecat  a:link        {
color: #000;
                    }
.pagecat  a:visited {
color: #000;
                    }
.pagecat  a:active {
color: #000;
                    }
.pagecat  a:hover {
color: #fff;
                    }
.catselected        {
                    background-image: url(cat.gif);
                    background-repeat: no-repeat;
                    font-weight: bold;
                    }
.line      {padding-top: 5px; 
            text-align: center; 
            border-top: 2px solid #FFC633; 
            margin-top: 5px; }
#scroller   {border: 2px solid #ffc633;
width: 600px; overflow: hidden;  position: relative; background-color: white; margin-bottom: 10px;
                -moz-border-radius: 8px;
                border-radius: 8px;
                -webkit-border-radius: 8px;
                border-radius: 8px 8px 8px 8px;
                background-color: white; 
                -moz-box-shadow: 2px 2px 2px #666;
            	-webkit-box-shadow: 2px 2px 2px #666;
            	box-shadow: 2px 2px 2px #666;
            	/* For IE 8 */
            	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#666666')";
            	/* For IE 5.5 - 7 */
            	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
                }
#scroller-zoom   {border: 2px solid #ffc633; 
                -moz-border-radius: 8px;
                border-radius: 8px;
                -webkit-border-radius: 8px;
                border-radius: 8px 8px 8px 8px;
                padding: 5px; 
                background-color: white; 
                z-index: 900; 
                position: absolute;
                cursor: pointer;
                -moz-box-shadow: 5px 5px 5px #666;
            	-webkit-box-shadow: 5px 5px 5px #666;
            	box-shadow: 5px 5px 5px #666;
            	/* For IE 8 */
            	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
            	/* For IE 5.5 - 7 */
            	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#666666');
                }
#zoombuy        {position: absolute; right: 0px; top: 180px; 
                border: 1px solid white; background-color: black; 
                color: #ffc633;}
#zoominfo        {position: absolute; right: 0px; top: 150px; 
                border: 1px solid white; background-color: black; 
                color: #ffc633;}
/* Input Form Table Styles */

    table.iform {
        border-collapse: collapse;
        margin-left: 0px;
        margin-right: 0px;
        border-spacing: 0;
        font-size: 100%;
    }
    
    table.iform th {
        font-weight: bold;
        font-size: 100%;
        text-align: right;
        padding-right: 5px;
        vertical-align: top;
        border-bottom: 0;
    }
    table.iform td {
        font-weight: normal;
        vertical-align: top;
    }
    
    table.iform input[type=text], input[type=radio], input[type=password], select, textarea {
    	border: 1px solid #ccc;
    	margin: 2px;
    	background-color: rgb(255, 255, 255);
    	color: black;
      font-size: 100%;
    }

    td.ifbottom  {
        font-weight: bold;
        font-size: 100%;
        text-align: center;
    }
    
    .iFormError { background-color: #FCC; color: #CC0000; font-weight: bold }
    
    .iFormHelp {
                background-image: url(icons/question_icon.png);
            	background-repeat: no-repeat;
            	background-position: right top;
            	height: 20px;
            	padding-left: 15px;
            	margin-left: 0px;
                cursor: pointer;
                }

    
/*    .iFormColumn {
        float:left;
        width: auto;
    }
    .iFormGutter {
        float:left;
        border: 1px solid white;
        width: 2%;
    } */
    
/* Data Table Styles */

    a.illink {
    font-size: 100%;
    }

    table.ilisttable {
        border-collapse: collapse;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        border-spacing: 0;
        width: 100%;
        font-size: 100%;
        
    }

    table.ilisttable th {
        text-align: left;
        padding: 3px 3px 3px 3px;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
    }

    table.ilisttable td {
        padding: 3px 3px 3px 3px;
	   vertical-align: top;
    }
    .ilistodd {
	   vertical-align: top;
   
    }
    .ilisteven {
    	background-color: #eee;
        padding: 3px;
	   vertical-align: top;
    }


    .ilisttablebott {
        text-align: right;
    }
    
    .ilisttotals {
        text-align: right;
        font-weight: bold;
        color: #1177BB;
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
/* Styles for the "click to zoom" box */
.helpzoom   {
            position: absolute; 
            width: 300px;
            top:10px; 
            display: none; 
            z-index: 99; 
            background-color: white;
            border: 1px solid #666;
            padding: 5px;
        }
.zoom   {
            position: absolute; 
            width: 950px;
            top:10px; 
            display: none; 
            z-index: 99; 
            background-color: white;
            border: 1px solid #666;
            padding: 5px;
        }
.zoom h3 { margin: 2px 0px 2px 0px; }
.zoombar    {
            background-color: white;
            color: #666;
            text-align: left;
            margin-top: 2px;
            }