/* 
    Document   : shop
    Created on : Mar 30, 2010, 12:03:27 AM
    Author     : Uday
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
#shop h2 {
    text-align: center;
    font-size: 13px;
    font-weight: normal;
    text-align:center;
    font-weight:bold;
   color: #000000;

}
#shop h3{
    color: #4fbf74;
}
#shop p {
    margin: 1em 0;
    padding: 0;
}
.link{
    text-decoration: none;
    color: #0000FF;
}
#shop h1{
    text-indent: 15px;
    text-align:left;
}
.productContainer {
    margin: 5px;
    color: #464646;
    float: left;
    width: 307px;
    border:1px solid;
}
.productContainerHeader{
    background-color: #e0e5e7;
    height: 20px;
    padding-top: 2px;
}
.productContainer-small{
    margin-left: 5px;
    margin-right: 5px;
    color: #464646;
    float: left;
    width: 130px;
}
.imagebox {
    float:left;
    padding: 5px;
    padding-top: 15px;
}
.rightbox {
    float:right;
    width:180px;
}
.right {
    float:right;
}
.sthumb-small{
    width: 115px;
    height:115px;
}
.productPageInfo{
    float:left;
}
.productPageInfo2{
    float:left;
    width:305px;
    padding-left:15px;
    padding-top:4px;
    min-height:inherit;
}
.shopHeaderMenu{
    background: url(./images/downloadHeaderMenuBg.gif) repeat-x;
    width: 100%;
    height:38px;
}
.shopHeaderMenuText{
    padding-top: 11px;
    padding-bottom: 9px;
    margin-left : 5px;
    margin-right : 5px;
}
.shopHeaderMenu a{
    color: #003d7b;
    font-family: Arial,verdana;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    outline: 0 none;
}
.shopMenuSeperator{
    background: url(./images/downloadMenuSep.gif);
    height:38px;
    width: 1px;
    float:left;
}

.shopHeaderMenuDiv{
    float: left;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left:5px;
}
.shopHeaderMenuDivSel{
    float: left;
    padding-top: 11px;
    padding-bottom: 11px;
    padding-left:5px;
    background: url(./images/selectedShopHMenuBG.gif) repeat-x;
}
.smallThumbs {text-align:center; padding:2px 1px 0 0; height:65px;}
.smallThumbs a {margin-right:5px;}
.smallThumbs a img {border:1px solid #000000;}
.smallThumbs a:hover img {border:1px solid #aaaaaa;}

.dottedLine{border-bottom:1px dotted #666666;margin:4px;}
.sthumb-large {height:250px; background-position:9px 8px; background-repeat:no-repeat; }
.border{border:2px solid #000000;}
.explanation {color:#666666; font-weight:bold;  text-align:center; background-color: inherit;}
a{outline: 0;}
ol, ul, li {list-style-position:inside !important; list-style:disc ; clear: both;padding-left:15px;}
.description{
    padding: 5px;
    color: #333333;
}
li{ display: list-item !important;}
.tab
{
    float:left;
    width:100%;
    height:auto;
    padding-top:0;
    background-image:url('./images/blackspacer.gif');
    background-repeat:repeat-x;
    background-position:bottom;
}

.tab a , .tab .gp_div_tab {display:block;float:right; width:109px; height:15px; margin-top:2px;padding-top:6px; background:url('images/producttab0.png'); background-repeat:no-repeat; text-align:center;}
.tab .lastTab {width:343px; margin-top:2px;background-image:url('./images/productbigtab.gif'); background-repeat:no-repeat; height:18px; float:right; padding-top:4px; text-align:center;  font-weight:bold; color:#FF6C00; background-color: inherit;}
.tab .selected {background:url('./images/producttab1.png') !important;  background-repeat:no-repeat;font-weight:bold !important; color:#FF6C00 !important; background-color: inherit;}
.tab .selectedIE { background-repeat:no-repeat;font-weight:bold; color:#FF6C00 !important; background-color: inherit;}
.price{color: #ff0000;/*color: #ff6600;*/}
.moreInfo{color: #0080d5;}
.buyGame, .tryGame{font-weight: bold; color: red; font-size: 15px}
.buyGame:hover, .tryGame:hover{font-weight: bold; color: red; }

#shop .btn-main
{
    float:left;
    margin-right:6px;
    margin-top:5px;
}
#shop .btn-left, .btn-left-org
{
    width:6px;
    height:26px;
    float:left;
    /*background-image:url(./images/btn-left-org.jpg);*/
    background-repeat:no-repeat;
}

#shop .btn-right, .btn-right-org
{
    width:6px;
    height:26px;
    float:left;
    /*background-image:url(./images/btn-right-org.jpg);*/
    background-repeat:no-repeat;
}
#shop .btn-middle, .btn-middle-org
{
    height:26px;
    float:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    font-weight:bold;
    /*background-image:url(./images/btn-middle-org.jpg);*/
    background-repeat:repeat-x;
    padding-top:6px;
    padding-left:5px;
    padding-right:5px;
    text-align: center;
    outline: none;
}
#shop .btn-left-org{background-image:url(./images/btn-left-org.jpg);}
#shop .btn-right-org{background-image:url(./images/btn-right-org.jpg);}
#shop .btn-middle-org{background-image:url(./images/btn-middle-org.jpg);}
#shop .btn-left{background-image:url(./images/btn-left.jpg);}
#shop .btn-right{background-image:url(./images/btn-right.jpg);}
#shop .btn-middle{background-image:url(./images/btn-middle.jpg);}

#shop .btn-middle:hover{
    text-decoration:none;
    color:#FFFFFF;
}
.shortDesc{
    height:30px !important;
    overflow: hidden;
}
.prod-title{
    height:20px !important;
    overflow: hidden;
    vertical-align: middle;
    text-align: center;
}