@charset "utf-8";
/* CSS Document */

body { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; }
a {outline:none;}
.clr {clear:both}
.container {width:920px; margin:0 auto; background:#FFFFFF; 
position: relative; /*** Let's be nice to IE ***/
display: table; /*** For non-IE browsers ***/
height: 100%;}
.header {width:860px; height:70px; border-bottom:#000000 2px solid; margin:0 auto}
.logo { width:352px; float:left; padding-top:20px}

.topmenu { width:244px; text-align:right; float:right; padding-top:43px; text-transform:uppercase; line-height: normal; font-weight: normal; letter-spacing: normal; word-spacing: normal; }
/* css hack for safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
.topmenu {width:258px;}
}
.topmenu li { float:left; list-style:none; padding:0 5px; border-right:#000000 1px solid; height:13px; color:#999;}
.topmenu li a { text-decoration:none; color:#000000;}
.topmenu li a:hover { text-decoration:none; color:#999;}
.topmenu .last { padding:0 0 0 5px; border:none}
.topmenu .active { color:#999999}

.content {width:860px; margin:0 auto; padding-top:15px}
.left-menu { width:195px; float:left; text-transform:uppercase; padding:0;}
.left-menu li {width:115px; height:20px; padding:6px 0 0; border-bottom:#bcbcbc solid 1px; color:#999999; margin:0; list-style-position:outside; display:block;}
.left-menu li a { color:#000000; text-decoration:none; display:block; height:26px}
.left-menu li a:hover { color:#999; text-decoration:none;}
.active {color:#999999;}

.event-name { float:left; width:195px; height:29px; margin-top:316px; .margin-top:312px}
.event-name2 { float:left; width:195px; height:29px; margin-top:282px; .margin-top:277px}

.right-content { float:right; width:660px; height:447px; margin-top:5px; overflow:auto;}
.right-content2 { float:right; width:660px; height:447px; margin-top:5px;}
.right-content .thumb {width:154px; height:154px; margin:0 4px 4px 0; float:left}
.right-content .big-image { width:385px; height:385px; float:left;}
.right-content .details { width:240px; height:385px; float:right;}
.right-content .product-detail { text-transform:uppercase; padding:0 0 12px;}
.right-content p {padding:0 0 12px;}
.right-content .product-desc { text-transform:none;}
.arrows {float:right; width:660px; padding-top:5px}
/* css hack for safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
.arrows {width:650px; }}
}
.arrows .left { float:left; width:15px}
.arrows .right { float:right; width:15px}
.arrows-proddetail {float:right; width:41px; padding-top:5px; padding-right:448px; padding-left:169px;}
.arrows-proddetail .left { float:left; width:15px; padding-right:5px; border-right:#ccc solid 1px;}
.arrows-proddetail .right { float:right; width:15px}

.pull { width:120px;}

.footer { border-top:#000000 2px solid; margin-top:14px; padding-top:7px;}
.footer a { color:#000000; text-decoration:none;}
.footer a:hover { color:#999; text-decoration:none;}

#left-arrow, #right-arrow {cursor:pointer;}

.bt-addtocart {display:block; line-height:100px; overflow:hidden; text-indent:-9999px; width:120px; height:22px; background:url(../images/bt-addtocart.gif) no-repeat center; border:none; cursor:pointer}
.bt-checkout {display:block; line-height:100px; overflow:hidden; text-indent:-9999px; width:120px; height:22px; background:url(../images/bt-checkout.gif) no-repeat center; border:none; cursor:pointer}