/*  ========================================================
Filename: suppl.css
Called by: suppl<n>.html
Description/Notes: Style sheet for Supplier/Advertiser pages
Update History:
05/11/08 DSK - Updated
24/01/08 DSK - Released
============================================================ */

@media (min-width:640px) 
{
    #adbody {font-size:12px;}
}
@media (max-width:640px) 
{
    #adbody {font-size:10px;}
}

#adveg {position:absolute;top:220px;display:none;z-index:999;}
#adveg .titleBar {background:#4982b9;height:30px;color:#fff;font-weight:bold;padding:0;font-size:16px;cursor:move;text-align:center;}
#adveg .ttxt {display:inline-block;height:;text-align:center;background:#4982b9;padding:4px 8px 4px;margin:auto;}
#adveg .wctl {float:right;display:inline-block;padding:2px 8px 2px;border:2px solid #5091cf;}
#adveg .egg {display:inline-block;border:2px solid #333;background:#fff;}

#lcol p{font-size:11px;color:#335588;margin:4px;text-align:center;padding:0 0 10px}

#mcol img{display:block;margin:0 auto;}

#alphidx {text-align:center;font-size:12px;}
#alphidx a{display:block;float:left;background:#335588;color:#fff;width:1em;margin-left:2px;text-decoration:none;font-weight:bold;font-size:106%;}
#alphidx a:hover{background:#d6dde7;color:#335588;}

#reshd{background:#D6DDE7;color:#335588;font-size:14px;font-weight:bold;text-align:center;padding:3px;}
#show{height:340px;overflow:auto;}
#show table{width:95%;margin:5px auto;border:1px solid silver;}
#show th {background:#D6DDE7;color:#335588;font-size:14px;font-weight:bold;text-align:center; }
#show td {color:#666;font-size:11px;font-weight:normal;border-bottom:1px solid silver;}

#show2{height:390px;overflow:auto;}
#show2 table{width:95%;margin:5px auto;border:1px solid silver;}
#show2 tr.tot td {font-weight:bold;color:#335588;}
#show2 th {background-color:#D6DDE7;color:#335588;font-size:14px;font-weight:bold;text-align:center; }
#show2 td {color:#666;font-size:11px;font-weight:normal;border-bottom:1px solid silver;}

#schfm{clear:both;background:#d6dde7;font-size:12px}
#schfm input{width:220px;background:#d6dde7;}
#schfm button{background:#335588;color:#fff;font-weight:bold;cursor:pointer;padding:3px;}

#mbutn p{text-align:center;width:60%;margin:0 auto;}
#ctctbtn, #pakbtn{clear:both;color:#fff;width:137px;height:21px;padding:5px 0 0 48px;font-weight:bold;font-size:12px;cursor:pointer;background:url("/img/big-green-btn.gif") no-repeat;margin:16px auto;}
#ctctbtn:hover,#pakbtn:hover{text-decoration:underline;background:url("/img/big-green-btn.gif") no-repeat left -26px;}

#rcol p{margin:3px 0 10px;padding:3px;font-size:11px;font-weight:bold;}
#rcol ul{margin:0 3px 3px -15px;font-size:11px;}
#rcol li{padding:0 0 5px;}
#rcol ul ul{margin:3px 3px 3px -30px;color:#335588;list-style:none;}
#rcol #n {color:#AAC53F}

#mcol p.a{padding-right:6px}
#mcol p.q{text-align:center;font-size:14px;color:#335588;}


/* ========================= Services Styles ========================= */			
		
@media (min-width:640px) 
{
    .servicesTable {background:#23629e;border-radius: 5px;color:#fff;text-align:center;float:left;border-collapse:separate;}
    .servicesTable th {background:#294181;height:30px;text-transform:uppercase;font-weight:700;font-size:14px;letter-spacing:1px;}
    #thirtythree {width:33%;border: 2px solid white;border-radius:5px;outline:2px solid white;}
    .servicesTable ul {margin:0;padding:0;}
    .servicesTable ul li {padding:0;font-size:11px;}
    .bigBox {height:72px;font-size:13px;font-weight:normal;padding:10px;}
    .lightBlue {color:#b9d3f6;font-size:12px;}
    .lightBlueBox {background:#5091cf;font-size:13px;padding:10px;;font-weight:normal;}
    .darkBlueBoxSmall {background:#4982b9;font-size:11px;padding:10px;font-weight:normal;}
    .darkBlueBoxSmall a {color:#294181;}
    .darkBlueBoxSmall strong {color:#294181;font-size:12px;}
    .lightBlueBoxSmall {background:#5091cf;font-size:11px;padding:10px;font-weight:normal;}
    .lightBlueBoxSmall strong {color:#294181;font-size:12px;}
    .lightBlueBoxSmall a {color:#294181;}
    .lightBlueBoxSmall, .darkBlueBoxSmall {cursor:pointer;}
    .darkBlueBox {background:#4982b9;font-size:13px;padding:10px;font-weight:normal;}
}

@media (max-width:640px) and (min-width:480px)
{
    .servicesTable {background:#23629e;border-radius: 5px;color:#fff;text-align:center;float:left;border-collapse:separate;}
    .servicesTable th {background:#294181;height:30px;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:1px;}
    #thirtythree {width:33%;border: 2px solid white;border-radius:5px;outline:2px solid white;;line-height:1.75}
    .servicesTable ul {margin:0;padding:0;}
    .servicesTable ul li {padding:0;font-size:11px;}
    .bigBox {height:72px;font-size:11px;font-weight:normal;padding:10px;}
    .lightBlue {color:#b9d3f6;font-size:10px;}
    .lightBlueBox {background:#5091cf;font-size:11px;padding:10px;font-weight:normal;}
    .darkBlueBoxSmall {background:#4982b9;font-size:10px;padding:10px;font-weight:normal;}
    .darkBlueBoxSmall a {color:#294181;}
    .darkBlueBoxSmall strong {color:#294181;font-size:10px;}
    .lightBlueBoxSmall {background:#5091cf;font-size:10px;padding:10px;font-weight:normal;}
    .lightBlueBoxSmall strong {color:#294181;font-size:10px;}
    .lightBlueBoxSmall a {color:#294181;}
    .lightBlueBoxSmall, .darkBlueBoxSmall {cursor:pointer;}
    .darkBlueBox {background:#4982b9;font-size:11px;padding:10px;font-weight:normal;}
}

@media (max-width:480px) 
{
    .servicesTable {background:#23629e;border-radius: 5px;color:#fff;text-align:center;float:left;border-collapse:separate}
    .servicesTable th {background:#294181;height:30px;text-transform:uppercase;font-weight:700;font-size:10px;letter-spacing:1px}
    #thirtythree {width:33%;border: 2px solid white;border-radius:5px;outline:2px solid white;line-height:1.5}
    .servicesTable ul {margin:0;padding:0;}
    .servicesTable ul li {padding:0;font-size:11px;}
    .bigBox {height:72px;font-size:10px;font-weight:normal;padding:10px;}
    .lightBlue {color:#b9d3f6;font-size:10px;}
    .lightBlueBox {background:#5091cf;font-size:9px;padding:10px;font-weight:normal;}
    .darkBlueBoxSmall {background:#4982b9;font-size:10px;padding:10px;font-weight:normal;}
    .darkBlueBoxSmall a {color:#294181;}
    .darkBlueBoxSmall strong {color:#294181;font-size:10px;}
    .lightBlueBoxSmall {background:#5091cf;font-size:10px;padding:10px;font-weight:normal;}
    .lightBlueBoxSmall strong {color:#294181;font-size:10px;}
    .lightBlueBoxSmall a {color:#294181;}
    .lightBlueBoxSmall, .darkBlueBoxSmall {cursor:pointer;}
    .darkBlueBox {background:#4982b9;font-size:9px;padding:10px;font-weight:normal;}
}


@media (min-width:790px) 
{
    .callUsNow {font-weight:700;font-size:14px;letter-spacing:1px;text-shadow:1px 1px 1px #c7e166;color:#516605;text-decoration:none;display:block;
            background-color:#b7e020; background-image: linear-gradient(#b7e020, #a2c90e);height:35px;
            line-height:35px;border-radius: 5px;width:90%;border:1px solid #184c7e;margin:0 3% 0 3%;padding-left:1%;text-align:center;}
    .joinUs {font-weight:700;font-size:14px;letter-spacing:1px;text-shadow:1px 1px 1px #c7e166;color:#516605;text-decoration:none;display:block;
         background-color:#b7e020; background-image: linear-gradient(#b7e020, #a2c90e);height:35px;
        line-height:35px;border-radius: 5px;width:90%;padding:0;border:1px solid #184c7e;margin:0 3% 0 3%;padding-left:1%;text-align:center;}
}

@media (max-width:790px) and (min-width:640px)
{
    .callUsNow {font-weight:700;font-size:12px;letter-spacing:1px;text-shadow:1px 1px 1px #c7e166;color:#516605;text-decoration:none;display:block;
            background-color:#b7e020; background-image: linear-gradient(#b7e020, #a2c90e);height:35px;
            line-height:35px;border-radius: 5px;width:90%;border:1px solid #184c7e;margin:0 3% 0 3%;padding-left:1%;text-align:center;}
    .joinUs {font-weight:700;font-size:12px;letter-spacing:1px;text-shadow:1px 1px 1px #c7e166;color:#516605;text-decoration:none;display:block;
         background-color:#b7e020; background-image: linear-gradient(#b7e020, #a2c90e);height:35px;
        line-height:35px;border-radius: 5px;width:90%;border:1px solid #184c7e;margin:0 3% 0 3%;padding-left:1%;text-align:center;}
}

@media (max-width:640px) and (min-width:480px)
{
    .callUsNow {font-weight:700;font-size:11px;letter-spacing:1px;text-shadow:1px 1px 1px #c7e166;color:#516605;text-decoration:none;display:block;
            background-color:#b7e020; background-image: linear-gradient(#b7e020, #a2c90e);height:35px;
            line-height:35px;border-radius: 5px;width:90%;border:1px solid #184c7e;margin:0 3% 0 3%;padding-left:1%;text-align:center;}
    .joinUs {font-weight:700;font-size:11px;letter-spacing:1px;text-shadow:1px 1px 1px #c7e166;color:#516605;text-decoration:none;display:block;
         background-color:#b7e020; background-image: linear-gradient(#b7e020, #a2c90e);height:35px;
        line-height:35px;border-radius: 5px;width:90%;border:1px solid #184c7e;margin:0 3% 0 3%;padding-left:1%;text-align:center;}
}

@media (max-width:480px) 
{
    .callUsNow {font-weight:700;font-size:10px;letter-spacing:1px;text-shadow:1px 1px 1px #c7e166;color:#516605;text-decoration:none;display:block;
            background-color:#b7e020; background-image: linear-gradient(#b7e020, #a2c90e);height:35px;
            line-height:35px;border-radius: 5px;width:90%;border:1px solid #184c7e;margin:0 3% 0 3%;padding-left:1%;text-align:center;}
    .joinUs {font-weight:700;font-size:10px;letter-spacing:1px;text-shadow:1px 1px 1px #c7e166;color:#516605;text-decoration:none;display:block;
         background-color:#b7e020; background-image: linear-gradient(#b7e020, #a2c90e);height:35px;
        line-height:35px;border-radius: 5px;width:90%;border:1px solid #184c7e;margin:0 3% 0 3%;padding-left:1%;text-align:center;}
}

.callUsNow:hover {color:#516605;}	
.joinUs:hover {color:#516605;}
.cubtn img{float:right;padding-top:2px;}

#contentRightLinks{padding-bottom:26px;}