@charset "utf-8";

 @import url("base.css");
 @import url("common.css");
 @import url("e-bar.css");
 
/************ Accessories **************/


#accessoriesCon 
{
    width:550px;
    padding-left:65px;
     min-height:700px;
    height:auto !important;
    height:700px;
    position:relative;
    float:left;
    font-size:12px;
}
#accessoriesCon .comics
{
    width:400px;
    padding-left:70px;
}
#accessoriesCon .bikeImgHolder
{
    width:500px;
    float:left;
    position:relative;
    text-align:center;
    padding-bottom:20px;
    padding-top:10px;
}
#accessoriesCon .detailsCon
{
    width:500px;
    position:relative;
    float:left;
}
#accessoriesCon .detailsCon .type
{
    width:60px;
    position:relative;
    float:left;
}
#accessoriesCon .detailsCon .details
{
    width:440px;
    position:relative;
    float:left;
}

#accessoriesCon .genCraftCon 
{
    width:500px;
    float:left;
    position:relative;
}
#accessoriesCon .genCraftCon .titleDetailsCon
{
    width:500px;
    float:left;
    position:relative;
}
#accessoriesCon .genCraftCon .titleDetailsCon .cLevelTitle
{
    width:50px;
    float:left;
    position:relative;
}
#accessoriesCon .genCraftCon .titleDetailsCon .imgHolderTitle
{
    width:60px;
    float:left;
    position:relative;
    text-align:center;
}
#accessoriesCon .genCraftCon .titleDetailsCon .creationTitle
{
    width:180px;
    float:left;
    position:relative;
}
#accessoriesCon .genCraftCon .titleDetailsCon .mqRequiredTitle
{
    width:160px;
    float:left;
    position:relative;
}
#accessoriesCon .genCraftCon .titleDetailsCon .formulaTitle
{
    width:50px;
    float:left;
    position:relative;
}


#accessoriesCon .genCraftCon .itemCon
{
    width:500px;
    float:left;
    padding-top:10px;
    position:relative;
}
#accessoriesCon .genCraftCon .itemCon .cLevel
{
    width:50px;
    float:left;
    position:relative;
}
#accessoriesCon .genCraftCon .itemCon .imgHolder
{
    width:60px;
    float:left;
    position:relative;
    text-align:center;
}
#accessoriesCon .genCraftCon .itemCon .creation
{
    width:170px;
    float:left;
    position:relative;
    padding-right:10px;
}
#accessoriesCon .genCraftCon .itemCon .mqRequired
{
    width:160px;
    float:left;
    position:relative;
}
#accessoriesCon .genCraftCon .itemCon .formula
{
    width:50px;
    float:left;
    position:relative;
    text-align:center;
}

/*************profesional craft begin***************/
#accessoriesCon .imgHolder
{
    width:500px;
    float:left;
    text-align:center;
    padding:10px 0 10px 0;
    position:relative;
}
#accessoriesCon .proCraft
{
    width:500px;
    float:left;
    position:relative;
    padding-bottom:10px;
}
#accessoriesCon .proCraft .columnOne
{
    width:100px;
    float:left;
    position:relative;
}
#accessoriesCon .proCraft .columnTwo
{
    width:100px;
    float:left;
    position:relative;
}
#accessoriesCon .proCraft .columnThree
{
    width:300px;
    float:left;
    position:relative;
}
/****************quest guide page*******************/

#accessoriesCon .questGuide
{
    width:500px;
    float:left;
    padding-bottom:20px;
    position:relative;
}
#accessoriesCon .questGuide .title
{
    width:500px;
    padding-bottom:10px;
    float:left;
    position:relative;
}
#accessoriesCon .questGuide .item .bullet
{
    width:10px;
    float:left;
    position:relative;
}
#accessoriesCon .questGuide .item .details
{
    width:490px;
    float:left;
    position:relative;
}
/*****************other items*****************/

#accessoriesCon .potion 
{
    width:500px;
    float:left;
    position:relative;
}
#accessoriesCon .potion .boxCon 
{
    width:166px;
    float:left;
    position:relative;
}
#accessoriesCon .potion .boxCon2
{
    width:400px;
    float:left;
    position:relative;
}

#accessoriesCon .potion .boxCon .img
{
    width:40px;
    height:50px;
    float:left;
    position:relative;
    padding-right:10px;
}
#accessoriesCon .potion .boxCon2 .img
{
    width:40px;
    height:50px;
    float:left;
    position:relative;
    padding-right:10px;
}
#accessoriesCon .potion .boxCon .details
{
    width:100px;
    float:left;
    padding-right:10px;
    position:relative;
}
#accessoriesCon .potion .boxCon2 .details
{
    width:340px;
    float:left;
    padding-right:10px;
    position:relative;
}

#accessoriesCon a
{
    text-decoration:none;
    color:#ffffff;
}
#accessoriesCon a:hover
{
    text-decoration:none;
    color:Orange;
}

#accessoriesCon .wpCon 
{
    width:250px;
    float:left;
    position:relative;
}
#accessoriesCon .wpCon .imgH
{
    width:86px;
    padding-left:40px;
    height:96px;
    float:left;
    position:relative;
}
#accessoriesCon .wpCon .type
{
    width:100px;
    padding-left:14px;
    height:96px;
    float:left;
    position:relative;
}
#accessoriesCon .wpCon .type a
{
    width:100px;
    height:20px;
    float:left;
    position:relative;
}
#accessoriesCon .gallery {
    width:500px;
    float:left;
    position:relative;
}
#accessoriesCon .gallery a {
    width:135px;
    height:85px;
    float:left;
    position:relative;
    padding-left:22px;
    padding-bottom:10px;
}
/*************videos**************/
#accessoriesCon .char {
    width:500px;
    float:left;
    position:relative;
}
#accessoriesCon .char a img{
    width:80px;
    float:left;
    position:relative;
}
/*********amulet***********/

#accessoriesCon .amulet 
{
    width:550px;
    float:left;
    padding-bottom:10px;
    position:relative;
}
#accessoriesCon .amulet .color
{
    float:left;
    position:relative;
    padding-right:10px;
}
#accessoriesCon .amulet .color .craft
{
    width:15px;
    height:20px;
    background:red;
    float:left;
    position:relative;
}
#accessoriesCon .amulet .color .drop
{
    width:15px;
    height:20px;
    background:#ff9900;
    float:left;
    position:relative;
}
#accessoriesCon .amulet .color .shop
{
    width:15px;
    height:20px;
    background:green;
    float:left;
    position:relative;
}
#accessoriesCon .boxCon1
{
    width:150px;
    float:left;
    position:relative;
}
#accessoriesCon .boxCon1 .titolo
{
    width:150px;
    float:left;
    position:relative;
}
#accessoriesCon .boxCon1 .color
{
    width:150px;
    float:left;
    position:relative;
}
#accessoriesCon .boxCon1 .colorCon .lilCraft
{
    width:10px;
    height:10px;
    float:left;
    background:red;
    position:relative;
}
#accessoriesCon .boxCon1 .colorCon .lilDrop
{
    width:10px;
    height:10px;
    float:left;
    background:#ff9900;
    position:relative;
}
#accessoriesCon .boxCon1 .colorCon .lilShop
{
    width:10px;
    height:10px;
    float:left;
    background:green;
    position:relative;
}
#accessoriesCon .boxCon2
{
    width:400px;
    float:left;
    position:relative;
}
#accessoriesCon .boxCon2 .requirements
{
    width:70px;
    float:left;
    position:relative;
    text-align:center;
}
#accessoriesCon .boxCon2 .honor
{
    width:70px;
    float:left;
    position:relative;
    text-align:center;
}
#accessoriesCon .boxCon2 .options
{
    width:240px;
    float:left;
    position:relative;
}
#mapsCon 
{
    width:520px;
    position:relative;
    float:left;
}

#bloody_ice 
{
    width:520px;
    position:relative;
    float:left;
    display:block;
}
#bloody_ice 
{
    width:520px;
    position:relative;
    float:left;
    display:block;
}
.npcCon 
{
    width:520px;
    position:relative;
    float:left;
    height:140px;
}
.npcCon .img
{
    width:80px;
    height:70px;
    position:relative;
    float:left;
}
.npcCon .detailscon
{
    width:400px;
    height:60px;
    position:relative;
    float:left;
}



#desert_scream 
{
    width:520px;
    position:relative;
    float:left;
    display:none;
}
#green_despair        
{
    width:520px;
    position:relative;
    float:left;
    display:none;
}
#mapHolder 
{
    width:450px;
    padding-left:50px;
    position:relative;
    float:left;
    padding:20px 0 10px 45px;
}
#monsterCon
{
    width:520px;
    float:left;
    position:relative;
}
#monsterCon .monster
{
    width:260px;
    float:left;
    position:relative;
    padding-bottom:24px;
}
#monsterCon .monster .imgHlder
{
    width:64px;
    height:65px;
    float:left;
    position:relative;
}
#monsterCon .monster .detailsCon
{
    width:180px;
    height:65px;
    padding-left:10px;
    float:left;
    position:relative;
}
#monsterCon .monster .detailsCon .title
{
    font-weight:bold;
    padding-bottom:2px;
}
#monsterCon .monster .detailsCon .des
{
   
}