/* CSS */

* { font-family: Arial, sans-serif; }

.clear { display: block; clear: both; width: 100%; height: 1px; margin: 0; padding: 0; overflow: hidden; }
.clear20 { display: block; clear: both; width: 100%; height: 20px; margin: 0; padding: 0; overflow: hidden; }

HTML, BODY { width: 100%; height: 100%; margin: 0px; padding: 0px; }

A:link, A:active, A:visited { color: #990000; text-decoration: underline; }
A:hover { color: #666666; }
			
#bdy { background-color: #CCCCCC; text-align: center; }
#out-wrapper { width: 970px; margin: 0px auto; background-color: #FFFFFF; box-shadow: 0px 0px 10px 5px #000000; min-height: 100%}
#logo { float: left; width: 200px; height: 44px; margin: 6px 0px 0px 15px; text-align: left; }
#header { width: 100%; height: 60px; border-bottom: 4px solid #AAAAAA; margin-bottom: 15px; }
#basket { float: right; margin: 15px 0px 0px 30px; width: 100px; height: 40px; font-size: 9pt; font-weight: bold; color: #000000; text-align: left; vertical-align: middle; }
#main-menu { float: right; margin-top: 20px; width: 600px; height: 40px; font-size: 11pt; font-weight: bold; color: #FFFFFF;  text-align: right; }
#main-menu A:link, #main-menu A:active, #main-menu A:visited { padding: 4px 8px; background-color: #990000; text-decoration: none; color: #FFFFFF}
#main-menu A:hover { padding: 4px 8px; background-color: #666666; text-decoration: none; color: #FFFFFF}
#main-menu A.selected { background-color: #444444; color: #FFFFFF; }

H3 { font-size: 15pt; font-weight: bold; color: #000000; padding: 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #000000; }

#side-menu {}
#side-menu H2 { background-color: #990000; color: #FFFFFF; text-align: left; font-size: 11pt; font-weight: bold; margin: 0px 0px 2px 0px; padding: 4px; }
#side-menu A:link, #side-menu A:active, #side-menu A:visited { display: block; padding: 4px; text-align: right; font-size: 10pt; color: #FFFFFF; text-decoration: none; background-color: #666666; border-right: 4px solid #666666; margin-bottom: 2px; }
#side-menu A:hover { background-color: #999999; color: #000000; border-color: #999999; }
#side-menu A.selected { background-color: #BBBBBB; color: #000000; border-color: #990000; font-weight: bold; }

#main-content { width: 100%; min-height: 100%; text-align: left; font-size: 9pt; }
#main-left-col { float: left; width: 155px; margin-left: 15px; }			
#main-center-col { float: left; width: 600px; margin-left: 15px; }			
#main-big-col { float: left; width: 770px; margin-left: 15px; }			
#main-right-col { float: left; width: 155px; margin-left: 15px; }

#product-list {}
#product-list H3 { font-size: 15pt; font-weight: bold; color: #000000; padding: 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #000000; }
#product-list DIV.item { display: block; float: left; width: 218px; height: 80px; border: 1px solid #EEEEEE; padding: 10px; margin: 0px 15px 15px 0px; font-size: 9pt; color: #000000; position: relative; }
#product-list DIV.item A:link, #product-list DIV.item A:active, #product-list DIV.item A:visited { font-size: 9pt; color: #000000; text-decoration: none; } 
#product-list DIV.item A:hover { color: #990000; } 

DIV.item IMG { float: left; height: 80px; margin-right: 15px; }			
DIV.item span { font-weight: bold; color: #666666; }			
DIV.item .buy-info-b { position: absolute; width: 138px; height: 20px; bottom: 10px; right: 15px; font-weight: bold; color: #666666; }
DIV.item .buy-info-c { position: absolute; width: 118px; height: 20px; bottom: 10px; right: 15px; font-weight: bold; color: #666666; }
#product-list DIV.item A.buy-btn:link, #product-list DIV.item A.buy-btn:active, #product-list DIV.item A.buy-btn:visited { padding: 2px; background-color: #990000; color: #FFFFFF; text-decoration: none; }
#product-list DIV.item A.buy-btn:hover { background-color: #666666; color: #FFFFFF; text-decoration: none; }
			
#product-details { font-size: 9pt; }
#product-details IMG { float: left; height: 160px; margin: 0px 15px 15px 0px; }
#product-details H3 { font-size: 15pt; font-weight: bold; color: #000000; padding: 0px; margin: 0px; }
.author { font-size: 9pt; color: #000000; }
.price { font-size: 9pt; font-weight: bold; color: #666666; }
A.buy-btn-big:link, A.buy-btn-big:active, A.buy-btn-big:visited { padding: 4px; background-color: #990000; color: #FFFFFF; text-decoration: none; font-size: 10pt; }
A.buy-btn-big:hover { background-color: #666666; color: #FFFFFF; text-decoration: none; }

TH.basket { background-color: #666666; color: #FFFFFF; font-weight: bold; font-size: 9pt; text-align: center; } 			
TD.basket { background-color: #666666; color: #FFFFFF; font-weight: bold; font-size: 9pt; } 			
TD.basket-row { background-color: #EEEEEE; color: #000000; font-size: 9pt; vertical-align: middle;}
DIV.basket-pic { width: 80px; height: 80px; float: left; margin-right: 15px; text-align: center; vertical-align: middle; }
DIV.basket-pic IMG{ height: 80px; }
DIV.basket-caption { display: table-cell;height: 80px; vertical-align: middle; font-weight: bold; }
TD.basket-row A.product-link { display: block; height: 80px; vertical-align: middle; text-decoration: none !important; }
TD.basket-total { background-color: #BBBBBB; color: #000000; font-weight: bold; font-size: 9pt; }
A.basket-btn:link, A.basket-btn:active, A.basket-btn:visited { border: 1px solid #990000; color: #990000; text-decoration: none; border-radius: 3px; }
A.basket-btn:hover { background-color: #666666; color: #FFFFFF; text-decoration: none; }

A.big-btn:link, A.big-btn:active, A.big-btn:visited { border: 1px solid #666666; color: #666666; text-decoration: none; border-radius: 3px; font-weight: bold; font-size: 10pt; padding: 4px 30px; }
A.big-btn:hover { border: 1px solid #990000; background-color: #BBBBBB; color: #990000; text-decoration: none; }

#cat-list {  }
.cat-wrapper { display: table; float: left; width: 135px; height: 90px; margin: 0px 15px 15px 0px; }
A.cat-box:link, A.cat-box:active, A.cat-box:visited { display: table-cell; text-align: center; vertical-align: middle; width: 115px; height: 70px; padding: 10px; border: 1px solid #EEEEEE; font-size: 9pt; color: #000000; text-decoration: none; font-weight: bold; }
A.cat-box:hover { background-color: #EEEEEE; }

.err { font-size: 9pt; color: #FF0000; }

.textbox { border: 1px solid #666666; background-color: #FFFFFF; color: #000000; font-size: 9pt; }
.formbtn { border: 1px solid #666666; color: #666666; border-radius: 3px; font-weight: bold; font-size: 10pt; padding: 4px 30px; }

.lbl-cell { background-color: #BBBBBB; color: #000000; font-size: 9pt; font-weight: bold; tetx-align: left; vertical-align: middle; }
.ctrl-cell { background-color: #CCCCCC; color: #000000; font-size: 9pt; tetx-align: left; vertical-align: middle; }

H4 { font-weight: bold; font-size: 10pt; color: #990000; margin: 0px 0px 10px 0px; padding: 0px; }