/********************************
*	Creative eWorld StyleSheet  *
********************************/


/************
*
*	Links
*
*************/

a
{
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a:link
{
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #ffffff;
}

a:hover
{
    font-family: Arial, Helvetica, sans-serif;
    text-decoration::underline;
    color: #ffffff;
}

a:active
{
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #ffffff;
}

a:visited
{
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #ffffff;
}

UL
{
    /*
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    */
    font-size: 12px;
    list-style-image: url(../images/bullet.gif);
    margin-left: 16px;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    list-style-type: disc;
}

LI
{
    /*
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    */
    font-size: 12px;
    list-style-image: url(../images/bullet.gif);
    margin-left: 16px;
    margin-bottom: 0px;
    font-family: Arial, Helvetica, sans-serif;
    list-style-type: disc;
}


/************
*
*	Body & Table
*
*************/
body
{
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-color:#252525;   
    background-repeat:repeat-x;
}

td
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
}

.menu
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.menu:link
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.menu:hover
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.menu:active
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.menu:visited
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.menuOver
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ff6600;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}


.submenu
{
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 12px;
    background:#343434;
    padding-left:5px;
    padding-right:20px;
    padding-top:5px;
    padding-bottom:5px;
}

.submenuOver
{
    font-family: Arial, Helvetica, sans-serif;
     color: #ffffff;
    font-size: 12px;
    background:#ff6600;
    padding-left:5px;   
    padding-top:5px;
    padding-bottom:5px;
}

.removeC
{
    color: #000000;
   
}

.removeC:Over
{
    color: #FF5500;
   
}




.more
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FF6600;
    font-size: 10px;
}

.more:link
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FF6600;
    font-size: 10px;
}

.more:hover
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FF6600;
    font-size: 10px;
}

.more:active
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FF6600;
    font-size: 10px;
}

.more:visited
{
    font-family: Arial, Helvetica, sans-serif;
    color: #FF6600;
    font-size: 10px;
}



.bodytxt
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
}

.bodytxtb
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}

.bodytxtOrange
{
    font-family: Times New Roman, Times, serif;
    font-size: 18px;
    color: #FF9900;
}

.bodytxtwhite
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
}

.bodytxtgrey
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #6A6A6A;
    text-transform: uppercase;
}
.bodytxtgreys
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #6A6A6A;
    text-transform: uppercase;
    font-weight: bold;
}
.bodytxtyellow, .bodytxtyellow a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF9900;
    font-weight: bold;
}

.bodytxtyellow:hover
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FF9900;
    font-weight: bold;
    text-decoration: underline;
}

.Div1
{
    background-image: url(../images/div_ver.gif);
    background-repeat: repeat-y;
    background-position: center;
    width: 30px;
}
.divider2
{
    background-image: url(../images/div_hor.gif);
    background-repeat: repeat-x;
    background-position: center;
}

.uctable
{
    /* Table Containing All User Controls */
    height: 380px;
    width: 100%;
}

.box_background
{
    background-color: white;
    height: 100%;
    filter: alpha(opacity=75); /* IE's opacity*/
    left: 0px;
    opacity: 0.75;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 99;
}

.pager
{
    font-size:12px;
}


/************
*
*	Products List
*
*************/

.cartgdheader
{
    /* Cart Grid Header */
    background: #D7E3F5;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.cartgditem
{
    /* Cart Grid Item */
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
}

.cartgdaltitem
{
    /* Cart Grid Alternate Item */
    background: #E6E7E6;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
}

.pagelinkactive
{
    /* Use For Products List Page Numbering */
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    padding: 3,3,3,3;
    text-decoration: none;
}

.pagelinktext
{
    /* Use For Products List Page Numbering */
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 3,3,3,3;
    text-decoration: none;
}

/************
*
*	Product Details
*
*************/

.producttitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #FFCC00;
}

.productdetails
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #Ffffff;
}

.viewdetails
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #666666;
    font-weight: normal;
}

.producttitlebig
{
    color: #6D6E71;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
}

/************
*
*	Common
*
*************/



.footer
{
    color: #797979;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    background-color: #343434;
}

.formheader
{
    background-color: #444444;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.formsubheader
{
    background-color: #666666;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.forminput
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #2D2D2D;
    background-color: #ffffff;
    border: 1px solid #999999;
}

.formtitle
{
    background-color: #AAAAAA;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
}

.pageheader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #FFCC00;
}

.pageheadertd
{
    background-color: #CFD3D7;
    width: 6px;
}

.pageheadersub
{
    color: #9B9FA4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    height: 37px;
    padding-top: 19px;
}

/************
*
*	Menu
*
*************/

.navibargroup
{
    color: #6D6E71;
    cursor: hand;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    text-transform: none;
    text-decoration: none;
}

.navibaritem
{
    color: #A7A9AC;
    cursor: hand;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    cursor: hand;
    text-align: center;
    font-weight: bold;
}

.navibaritemover
{
    background-color: #666666;
    color: #FFFFFF;
    cursor: hand;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    cursor: hand;
    text-decoration: underline;
}

.navibarchilditem
{
    background-color: #666666;
    border: solid 1px #333333;
    color: #FFFFFF;
    cursor: hand;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 6;
    cursor: hand;
}

.navibarchilditemover
{
    background-color: #999999;
    border: solid 1px #333333;
    color: #000000;
    cursor: hand;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 6;
    cursor: hand;
}
.highlight
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #042a8d;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
}
.sidetd
{
    background-image: url(../images/home_whatnewdiv.gif);
    height: 100%;
}
.smalltext
{
    font-size: 9px;
    color: #AB3423;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}

.subheader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #A01D1D;
}
.prodcode
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #666666;
}
input.btnBox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #F4F4F4;
    background-color: #666666;
    border: 1px solid #292929;
}
.box
{
    border: 1px solid #B0B1B4;
}

.loginbox
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #cccccc;
    background-color: #4B4A4A;
    border-width: thin;
    border: 1px solid #292929;
}

.addtxt
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
}
.buttbgbox
{
    background-image: url(../images/butt_bg.gif);
    height: 100%;
}
.pageheaderb
{
    color: #0054A6;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
}
.footertxt
{
    font-size: 10spx;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
}

.footertxtbld
{
    font-size: 10spx;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
}
.proddescrip
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #03096A;
}
.newstxtb
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    text-decoration: underline;
}
.subheaderbig
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color: #A01D1D;
}
.descripheader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #6D6E71;
}
.prodbox
{
    border: 1px solid #DADCDD;
}
.producttitlebigb
{
    color: #6D6E71;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
}



/************
*
*	Others
*
*************/

.imagepopup
{
    border: 1px solid #A5CFE9;
}

.imagepopup img
{
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    opacity: 0.85;
}

.hidden
{
    display: none;
}

.required
{
    color: Red;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.errormsg
{
    color: Red;
    font-size: 10px;
}

.calloutHighlight
{
    background-color: #FFCCCC;
}

.outlinerProducts
{
    padding: 3px;
}

.dontshow
{
    display: none;
}

.noimage
{
    border: solid 1px black;
    padding-top: 30px;
}

.noimage a, .noimage a:link, .noimage a:hover, .noimage a:visited
{
    color: #2D2D2D;
}

.prodoutline
{
    border: solid 1px black !important;
}

/************
*
*	Categories Display in Items List
*
*************/


div.categoriesContainer
{
    padding: 8px;
}

div.categoryTitle
{
    padding: 4px;
    background-color: #EBEBEB;
    margin: 4px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    border: 1px solid #999999;
    cursor: default;
}

div.subcategoriesContainer
{
    float: left;
    margin: 10px;
    margin-right: 15px;
    padding: 6px;
    position: relative;
}

div.subcategoriesTitle
{
    float: left;
    padding: 4px;
    margin: 4px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    cursor: default;
}

div.subcategoriesFooter
{
    border-bottom: dotted 1px #64789D;
    margin-bottom: 15px;
    margin-right: 4px;
    margin-left: 4px;
    float: left;
}

a.subcategoriesBox, a.subcategoriesBox:hover, a.subcategoriesBox:active, a.subcategoriesBox:link, a.subcategoriesBox:visited
{
    display: block;
    float: left;
    padding: 4px;
    background-color: #CCCCCC;
    border: 1px solid #999999;
    margin: 4px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #333333;
    white-space: nowrap;
}

a.subcategoriesBox:hover
{
    background-color: #505050;
    color: #FFFFFF;
}

div.categoryDescContainer
{
    clear: both;
    padding-left: 10px;
    padding-right: 14px;
    text-align: justify;
}

/************
*
*	Programmers Extra
*
*************/


table.quotation_table
{
    width: 100%;
    padding: 0px;
    border: #000000 1px solid;
}

table.quotation_table thead tr td
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #DFDFDF;
    padding: 4px;
}

table.quotation_table tr td
{
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #F1F1EF;
    padding: 4px;
}

.pagelinkactive
{
    /* Use For Products List Page Numbering */
    font-family: Verdana;
    font-size: 10px;
    color: #8C836D;
    padding: 3,3,3,3;
    text-decoration: none;
}

.pagelinktext
{
    /* Use For Products List Page Numbering */
    font-family: Verdana;
    font-size: 10px;
    color: #8C836D;
    padding: 3,3,3,3;
    text-decoration: none;
}

.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}