/* Import main CSS. */
@import "../../BCMain/css/main.css";

#maincontent > h1{
    color: #758aa7 !important;
}

/* Info bar. */
#info {
   float             : right;
   width             : 210px;
   margin            : 27px 2px 20px 20px;
}

#info .orderNow {
   margin-bottom     : 4px;
}

#info ul {
   background-color  : rgb(178, 209, 229);
   margin            : 0px 0px 4px 0px;
   list-style-type   : none;
   list-style-image  : none;
   padding           : 13px 6px 13px 7px;
}

#info ul li {
   line-height       : 23px;
   color             : rgb(255, 255, 255);
   padding           : 0px 5px 0px 5px;
   list-style-type   : none;
   list-style-image  : none;
}

#info ul li a   {
   color             : rgb(255, 255, 255);
}

#maincontent li.light {
   background        : rgb(178, 209, 229);
}
#maincontent li.dark {
   background        : rgb(163, 191, 210);
}

#info ul li.header {
   font-weight       : 900;
   color             : rgb(72, 94, 110);
}

#info #personal {
   background-color  : rgb(232, 232, 232);
   padding           : 15px 18px 15px 23px;
}

#info #personal p {
   font-size         : 10px;
   color             : rgb(0, 0, 0);
   margin-bottom     : 12px;
   line-height       : 14px;
}

#info #personal p.contact, #info #personal p.contact a {
   color             : rgb(87, 113, 131);
   text-decoration   : none;
}

#info #personal p.contact a:hover {
   text-decoration   : underline;
}

/* changes for new template */
#productmenu {
    background-color : rgb(241,244,247);
    width            : 260px;
    height           : 100%;
    float            : left;
}

#productmenu ul, #productmenu li {
    margin: 0;
    padding: 0;
    list-style-image: none;
    list-style-type: none;
}

#productmenu > ul {
    margin-left: 10px;
}

#productmenu li.hidden > a {
    display          : none !important;
}

#productmenu li.level1 > a  {
    font-size        : 19px;
    color            : rgb(160,183,206);
    text-decoration  : none;
    margin           : 30px 0 15px 10px;
    display          : block;
    font-weight      : bold;
}

#productmenu li.level2 > a, #productmenu li.level3 > a {
    height: 22px;
    color: rgb(0,0,0);
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 2px 0 0 11px;
}

#productmenu li.level2 > a {
    width: 229px;
}

#productmenu li.level2:hover > a, #productmenu li.level2.active > a {
    background-color: rgb(255,255,255);
}

#productmenu li.level3 > a {
    width: 220px;
    height: 22px;
    color: rgb(0,0,0);
    text-decoration: none;
    font-weight: normal;
    display: block;
    padding-left: 20px;
    margin-bottom: 5px;
}

#productmenu li.level3:hover > a, #productmenu li.level3.active > a {
    background-color: rgb(193,226,253);
}

#maincontent {
    background-color : rgb(212,224,232);
    float            : left;
    width            : 480px;
    padding          : 0px 20px 0 20px;
    margin           : 0 10px 20px 10px;
}

#maincontent h1 {
    color            : rgb(255,255,255);
    font-family      : Arial;
    font-weight      : bold;
    margin-top       : 30px;
    text-transform   : none;
}

#contentButtons {
    margin           : 40px 0 30px 160px;
}

#contentButtons img {
    margin-right     : 10px;
}

#info {
    display          : none;
}

#why {
    float            : right;
    width            : 130px;
    background-color : rgb(0,0,0);
    padding          : 0 5px 0 15px;
	overflow: hidden;
}

#why h3 {
    color            : rgb(118,198,249);
    font-size        : 1.3em;
    padding          : 16px 0 10px 0;
    margin           : 0;
}

#why p {
    color            : rgb(255,255,255);
    font-weight      : bold;
}
#why .readmore	{
    position: relative;
    left: -15px;
}