body
{
    background-color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 23px;
}


/* ---------- Hack ---------- */

.clearfix
{
    display: inline-block;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hide from IE Mac \*/
.clearfix
{
    display: block;
}
/* End hide from IE Mac */


/* ---------- Typography ---------- */

h1
{
    font-family: Arial, Helvetica, sans-serif;
    color: #009ddf;
    font-size: 18px;
    padding-bottom: 15px;
}
h2
{
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #666666;
    padding-bottom: 10px;
}

h3
{
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 7px 0 10px 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}
.featuretitle
{
    margin: 0;
    padding: 7px 0 10px 0;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
}
h4
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px; /*text-transform: uppercase; 	font-weight: bold;*/
}
h5
{
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 12px;
    text-transform: uppercase;
}
h6
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #393939;
    font-weight: bold;
    padding: 0px 0px 10px 0px;
}
h7
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}
p
{
    margin: 10px 0px 10px 0px;
    color: #006699;
}
.content_wrap a, .content_wrap p
{
    color: #666666; /* TEXT COLOR */
}
.content_wrap a
{
    font-weight: bold;
}

.small
{
    font-size: 10px;
}

#horizontal-bar
{
    border-top: solid 1px #C8C8C8;
    height: 1px;
    width: 95%;
    margin: 10px auto;
}
/* ---------- Layout ---------- */

.content_wrap
{
    width: 940px;
    margin: 0 auto;
    overflow: hidden;
    line-height: 16px;
}
.core_content
{
    width: 700px;
    padding: 20px 20px 15px 20px;
    background-color: #FFFFFF;
    float: left; /*border:solid 1px blue;*/
}
.content220px
{
    width: 220px;
    height: 200px;
    padding: 10px;
    background-color: #FFFFFF;
    overflow: hidden;
    border: #c8c8c8 solid 1px;
}

.blue
{
    color: #009ddf;
}

.content235px
{
    width: 235px;
    height: 200px;
    padding: 10px;
    background-color: #FFFFFF;
    overflow: hidden;
    border: #c8c8c8 solid 1px;
}


.content235tallpx
{
    width: 205px;
    height: 380px;
    padding: 10px; /*background-color: #ebebec;*/
    background-color: #f8f8f8;
    overflow: hidden;
    border: #CCC solid 1px; /*border-top: #c8c8c8 solid 1px;*/ /*border-left: #c8c8c8 solid 1px;*/ /*border-right: #c8c8c8 solid 1px;*/
}
.content235tallpx div.top
{
    height: 40%;
}
.content235tallpx div.middle
{
    height: 45%;
}
.content235tallpx div.bottom
{
    height: 15%;
}

.content310px
{
    width: 310px;
    height: 300px;
    padding: 10px;
    background-color: #FFFFFF;
    overflow: hidden;
    border: #c8c8c8 solid 1px;
}

.content310Aboutpx
{
    width: 310px;
    height: 150px;
    padding: 10px;
    background-color: #f2f2f2;
    overflow: hidden;
    border: #f2f2f2 solid 1px;
}
.content360px
{
    height: 200px;
    width: 360px;
    padding: 10px;
    background-color: #FFFFFF;
    overflow: hidden;
    border: #c8c8c8 solid 1px;
}
.content620px
{
    width: 578px;
    padding: 20px 20px 15px 20px;
    background-color: #FFFFFF;
    overflow: hidden;
    border: #c8c8c8 solid 1px;
    line-height: 23px;
}
.content940px
{
    width: 898px;
    padding: 20px 20px 15px 20px;
    background-color: #FFFFFF;
    overflow: hidden;
    border: #c8c8c8 solid 1px;
    line-height: 23px;
}
.content300px, .content300px_ads
{
    width: 258px;
    padding: 20px;
    background-color: #FFFFFF;
    overflow: hidden;
    border: #c8c8c8 solid 1px;
    line-height: 23px;
}
.content300px_ads
{
    padding: 15px 15px 10px 15px;
    width: 268px;
}
.content220px ul li, .content300px_ads ul li
{
    float: left;
}
.box, .lastbox, .homepagebox
{
    float: left;
    margin: 0px 0px 20px 0px;
}
.lastbox
{
    margin-right: 0px;
    float: right;
}
.homepagebox
{
    margin-right: 20px;
    color: #333;
}
#sidebar
{
    float: right;
    width: 300px;
}
.title, .title_featured, .title_220px, .title_235px, .title_360px, .title_620px, .title_300px, .title_940px, .categorylist li
{
    background: url(../images/title.gif) top left repeat-x;
    height: 17px;
    padding: 5px 15px 0px 5px; /*border-top: #c8c8c8 solid 1px; 	border-left: #c8c8c8 solid 1px; 	border-right: #c8c8c8 solid 1px;*/
    border: #c8c8c8 solid 1px;
}
.categorylast
{
    border-bottom: #C8C8C8 1px solid;
}
.categorylist a
{
    text-decoration: none;
}
.categorylist a:hover
{
    color: #999999;
}
.categorylist li
{
    float: left;
    width: 278px;
    background: url(../images/category_bg.jpg) top left repeat-x;
}
.title_featured
{
    width: 196px;
}
.title_200px
{
    width: 215px;
    height: 17px;
    padding: 5px;
    background-color: #C8C8C8;
    overflow: hidden;
    border: #CCC solid 1px;
}
.title_235px
{
    width: 235px;
}
.title_250px
{
    width: 250px;
}
.title_310px
{
    width: 310px;
}
.title_310Aboutpx
{
    width: 320px;
    height: 17px;
    padding: 5px;
    background-color: #C8C8C8;
    overflow: hidden;
    border: #C8C8C8 solid 1px;
}
.title_360px
{
    width: 360px;
}
.title_620px
{
    width: 598px;
}
.title_300px, .categorylist
{
    width: 278px;
}
.title_940px
{
    width: 940px;
}

/* ---------- Header ---------- */

#logo
{
    width: 940px;
    height: 105px;
    margin: 0 auto;
    background: url(../images/bg-logo.png) no-repeat; /*padding-top: 20px;*/
}
a.logo
{
    float: left;
}
.logo img
{
    margin: 0px 5px;
}

.adminby
{
    left: 800px;
    position: absolute;
}

#linestop
{
    width: 940px;
    height: 10px;
    margin: 0 auto; /*background: url(../images/bg-logo.png) no-repeat;*/
    padding-top: 1px;
}

/* ---------- Navigation ---------- */

#search_box
{
    color: white;
    float: right;
    position: relative;
}
.field
{
    background-color: #272727;
    border: solid 1px #373737;
    color: #999999;
    padding: 1px;
    margin-top: 8px;
    float: left;
}

#top_bar
{
    /*background-color:#009ddf;*/
    background: url(../images/pls_gradient.gif) repeat center;
    height: 100px;
    margin-top: 0px;
    width: 100%;
}




#left_nav
{
    width: 175px;
    margin: 10px;
    float: left;
    margin-top: 25px; /*border:solid 1px red;*/
}
#leftnav_container ul
{
    margin: 0px;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    white-space: nowrap;
}
#leftnav_container li
{
    line-height: 2.5em;
}
.leftnav_sub li
{
    margin-left: 10px;
    color: #009ddf;
    list-style-type: square;
    line-height: 2.5em;
    white-space: nowrap;
    list-style-position: inside;
}
a.leftNav, a.leftNav:visited
{
    color: #999;
    font-weight: normal;
}
a.leftNav:hover
{
    color: #009ddf;
    font-weight: normal;
}
span.leftNav
{
    color: #999;
    font-weight: normal;
}

#nav_container
{
    width: 940px;
    margin: 0 auto;
    position: relative; /*display:inline*/ /*margin-top: -60px;*/
}
#nav
{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #9f9f9f;
    z-index: 9999; /*float: right;*/
    position: relative;
}
#nav ul
{
    margin: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
    line-height: 1em;
}
#nav a:link, #nav a:active, #nav a:visited
{
    display: block;
    padding: 14px 15px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold; /*text-transform: uppercase;*/
}
#nav a:hover
{
    color: #cccccc;
    font-weight: bold;
}
#nav .on
{
    /*background: url(../images/hover.png) no-repeat center;*/
    height: 12px;
    color: #fff !important;
    float: left;
    position: relative;
    text-decoration: underline;
}
#nav .subscribe
{
    background: url(../images/subscribe.png) top left no-repeat;
    height: 12px;
    margin-left: 22px;
    float: left;
    position: relative;
}
#nav li
{
    float: left;
    position: relative;
}
#nav ul
{
    position: absolute;
    top: 2.9em;
    display: none;
    z-index: 1;
}
#nav li ul a
{
    width: 8em;
    float: left;
    background-color: #009ddf;
    background-image: none !important;
}
#nav li ul a:hover
{
    background-color: #009ddf;
}
#nav ul ul
{
    top: auto;
}
#nav li ul ul
{
    left: 11.3em;
    margin: 0px 0 0 10px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul
{
    display: none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul
{
    display: block;
}

/* ---------- Featured ---------- */

#feature_wrapper
{
    width: 940px;
    margin: 0 auto;
    line-height: 16px;
    padding-bottom: 20px;
    background-color: #e7e8e9;
}
#feature_list
{
    width: 940px;
    height: 337px;
    overflow: hidden;
    position: relative;
    background-color: #404040;
}
#feature_list ul
{
    position: absolute;
    top: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}


/* ---------- Content ---------- */

.firstrow
{
    overflow: hidden;
    margin: 10px 10px 10px 10px;
}
.firstrow li, .secondrow li
{
    margin-left: 20px;
    margin-right: 20px;
}
.lasticon
{
    margin-right: 20px !important;
}
.secondrow
{
    /*overflow:hidden;*/
}



/* ---------- Footer ---------- */

.post, .lastpost
{
    border-bottom: 1px solid #666666;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.box_240px_left, .box_240px_middle, .box_240px_right
{
    width: 260px;
    float: left;
}

.light_footer_wrapper
{
    clear: both;
    height: 60px;
    color: #393939;
}
.box_240px_right li
{
    display: inline;
}
.light_footer
{
    width: 940px;
    margin: 0 auto;
    padding-top: 18px;
    overflow: hidden;
    color: #666666;
    font-size: 16px;
}

#light_footer a
{
    color: #666666;
}
#light_footer a:hover
{
    color: #999999;
}
.footerdate
{
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: bold;
    color: #c5c5c5;
}
.footer
{
    color: #c5c5c5;
    text-transform: uppercase;
    font-size: 20px;
    border: none;
    text-decoration: none;
}
a.footer:hover
{
    color: #fff;
}

.logosmall
{
    float: left;
    margin: 7px 0px 0px 3px;
}
a:link
{
    text-decoration: none;
    color: #009ddf;
    font-weight: normal;
}
a:visited
{
    text-decoration: none;
    color: #009ddf;
    font-weight: normal;
}
a:hover
{
    text-decoration: underline;
    color: #ffcc33;
    font-weight: normal;
}
a:active
{
    text-decoration: none;
    color: #999;
    font-weight: normal;
}
.datetext
{
    font-style: italic;
    color: #666;
}

.core_content ul
{
    list-style-type: disc;
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 20px;
    list-style-position: outside;
    line-height: 1.5em;
    color: #666666; /*  BULLET TEXT  */
}

.superscript
{
    /*vertical-align: super; 	vertical-align: top; 	font-size: 6px;*/ /*position: relative;  	top: -0.5em;  	font-size: 80%;*/ /*position: relative;  	top: -1em;  	font-size: 50%;*/ /*vertical-align: super; 	font-size: 50%;*/
    font-size: .83em;
    line-height: 0.5em;
    vertical-align: baseline;
    position: relative;
    top: -0.4em;
}
a.csciLevel
{
    padding: 4px 0px 4px 0px;
    color: #009ddf;
}

/*application form styles*/
td.formLabel
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #FFFFFF;
    text-align: right;
    padding: 6px 10px 0px 0px;
    color: #666666;
    vertical-align: top;
    width: 200px;
    font-weight: bold;
    white-space: nowrap;
}
.formField
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: top;
    color: #666666;
    font-weight: normal;
    white-space: nowrap;
    margin: 4px;
}
.sectionHeader
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    color: #666666;
    padding: 0px 0px 10px 0px;
    margin-top: 0;
}
.formSection
{
    border: solid 1px #CCC;
    padding: 10px;
}
th.formLabel
{
    background-color: #009ddf;
    color: #fff;
    padding: 5px 5px 5px 12px;
    text-align: left;
    vertical-align: middle;
}
.formNotes
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: bottom;
    color: #009ddf;
    white-space: nowrap;
}
.borderBottom
{
    border-bottom: solid 1px #CCC;
}
.borderRight
{
    border-right: dotted 1px #CCC;
}
th.borderRight
{
    border-right: dotted 1px #fff;
}
.formTable
{
    border: solid 1px #CCC;
    padding: 10px;
    margin: 0px;
}
.btn
{
    background-color: #009ddf;
    color: #fff;
    font-weight: bold;
    border: solid 1px #3D7CBF;
    font-size: 11px;
    text-align: center;
}
.submitButton
{
    background-color: #009ddf;
    color: #fff;
    border: solid 1px #006699;
    font-size: 12px;
    text-align: center;
    float: right;
    margin: 20px 20px 5px 0px;
}
.error
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: bottom;
    color: Red;
    font-weight: bold;
}

.alert
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    vertical-align: bottom;
    font-weight: bold;
}

#tblContact
{
    border: solid 1px #CCC;
    margin: 15px;
    width: 95%;
    border-collapse: separate;
}

/*tab panels*/
.TabbedPanels
{
    margin: 0px;
    padding: 0px;
    float: left;
    clear: none;
    width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup
{
    margin: 0px;
    padding: 0px;
}
.TabbedPanelsTab
{
    position: relative;
    top: 1px;
    float: left;
    padding: 4px 10px;
    margin: 0px 1px 0px 0px;
    font: bold 0.8em sans-serif;
    background-color: #88bde7;
    list-style: none;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
}
.TabbedPanelsTabHover
{
    background-color: #FFF;
    color: #F5AF19;
}
.TabbedPanelsTabSelected
{
    background-color: #FFF;
    color: #F5AF19;
    font-size: 14px;
    border-bottom: 1px solid #FFF;
}
.TabbedPanelsTab a
{
    color: #3C7CBF;
    text-decoration: none;
}
.TabbedPanelsContentGroup
{
    clear: both;
    width: 100%;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    background-color: #FFF;
}
.TabbedPanelsContent
{
    padding: 4px;
    padding-left: 12px;
    padding-right: 24px;
}
.TabbedPanelsContentVisible
{
}
.VTabbedPanels .TabbedPanelsTabGroup
{
    float: left;
    width: 10em;
    height: 20em;
    background-color: #EEE;
    position: relative;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab
{
    float: none;
    margin: 0px;
    border-top: none;
    border-left: none;
    border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected
{
    background-color: #EEE;
    color: #F5AF19;
    border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup
{
    clear: none;
    float: left;
    padding: 0px;
    width: 30em;
    height: 20em;
}
.buyNowTable
{
    width: 100%;
}
.buyNowTable div.cell
{
    font-size: 11px;
    float: left;
    width: 30%;
    height: 115px;
    text-align: center;
    margin-left: 10px;
    margin-top: 10px;
    border: solid 1px #CCC;
}

.buyNowTable div.cell img
{
    vertical-align: middle;
}

.buyNowTable div.cellheader
{
    line-height: 85px;
    height: 70%;
}

.buyNowTable div.cellfooter
{
    height: 30%;
}

#neeaBuyNow
{
    width: 345px;
}

#neeaBuyNow td
{
    width: 115px;
    padding: 0;
    vertical-align: middle;
    border: solid 1px #CCC;
    text-align: center;
    border-collapse: collapse;
    font-size: 9px;
}

#neeaBuyNow img
{
    width: 115px;
}



.utilitiesTable img
{
    /*width:115px;*/
}


.utilitiesTable
{
    width: 700px;
}

.utilitiesTable th
{
    width: 115px;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    border-collapse: collapse;
    font-size: 9px;
    background-color: #FFFFFF;
}

.utilitiesTable img.picture
{
    width: 115px;
}

.utilitiesTable td
{
    width: 115px;
    padding: 0;
    vertical-align: middle;
    border: solid 1px #CCC;
    text-align: center;
    border-collapse: collapse;
    font-size: 9px;
    background-color: #f2f2f2;
}

.utilitiesTable td.blank
{
    background-color: #FFFFFF;
}

.scroll
{
    width: 720px;
    height: 350px;
    overflow: auto;
}

/* Power Supplies */

#buynow
{
    text-align: center;
    margin-bottom: 25px;
}

.plusTable
{
    width: 100%;
    text-align: center;
    border-collapse: separate;
    padding: 4px;
}

.plusTable td
{
    border: solid 1px #CCC;
    color: #666666;
}

.plusTable tr.Header
{
    background-color: #F2F2F2;
    font-weight: bold;
}

/* GreenCycling */
.greenCyclingImageFloat
{
    float: right;
    margin: 4px;
    margin-top: 25px;
}

/* Savings Calculator */
.savtable
{
    border-collapse: collapse;
    border: solid 1px #9F9F9F;
}
.savhead
{
    background-color: #88bde7;
    text-align: right;
    border: solid 1px #9F9F9F;
    padding: 4px 6px 4px 6px;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 10pt;
    border-collapse: collapse;
    color: #3c7cbf;
}
.savitem
{
    font-family: Tahoma;
    font-size: 9pt;
    border: solid 1px #9F9F9F;
    padding: 4px 6px 4px 6px;
    text-align: right;
    color: #3c7cbf;
    vertical-align: text-top;
}

.savitem td
{
    vertical-align: middle;
}

.buyNowComputerTable
{
    margin: 10px;
    float: left;
}

.buyNowComputerColumnHeader
{
    background: url(../images/title.gif) top left repeat-x;
    height: 17px;
    padding: 5px 15px 0px 5px; /*border-top: #c8c8c8 solid 1px; 	border-left: #c8c8c8 solid 1px; 	border-right: #c8c8c8 solid 1px;*/
    border: #c8c8c8 solid 1px;
    text-align: center;
    width: 300px;
}

.buyNowComputerRow
{
    width: 300px;
    padding: 10px;
    background-color: #FFFFFF;
    overflow: hidden;
    border: #c8c8c8 solid 1px;
}

.buyNowComputerRowColumn1
{
    height: 100%;
    width: 50%;
    float: left;
    padding-left: 5px;
}
.buyNowComputerRowColumn2
{
    height: 100%;
    width: 47%;
    float: left;
    border-left: solid 1px #CCC;
    padding-left: 5px;
}

.buyNowComputerRowColumn2 a
{
    font-weight: bold;
}

.buyNowComputerRowColumn3
{
    height: 100%;
    width: 28%;
    float: left;
    border-left: solid 1px #CCC;
    padding-left: 5px;
}

#NEEAutilities
{
    float: left;
    margin-left: 20px;
}

#NEEAutilities td
{
    border: solid 1px #CCC;
}

#NEEAutilities td.blank
{
    background-color: #f2f2f2;
}

#NEEAutilities img
{
    height: 100px;
    width: 120px;
}


/*  Logos Page */
.logosPage
{
    width: 80%;
}
div.logosPageRowBreak
{
    clear: both;
}
div.logosPageCell
{
    float: left;
    border: solid 1px #CCC;
    text-align: center;
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
    margin-left: 8px;
}
div.SmallLogoHeight
{
    height: 265px;
}

div.logosPageCellHeader
{
    height: 75%;
}
div.logosPageCellFooter
{
    height: 25%;
    font-size: 9px;
}

/* Collateral Display */

div.CollateralCell
{
    height: 250px;
    width: 300px;
    float: left;
    border: solid 1px #CCC;
    padding: 10px 10px 10px 10px;
    margin-top: 10px;
    margin-left: 8px;
}
div.CollateralCell img
{
    vertical-align: middle;
}
div.CollateralCell p
{
    padding-left: 10px;
}

/* manufacturers page */

#manuFooter
{
    width: 100%;
    text-align: center;
    margin-left: 10px;
    margin-top: 10px;
    border: solid 1px #CCC;
}

.maincontent
{
    border: solid 1px #CCC; /*background-color:#C8C8C8;*/
}


/* pledge page */
#pledgeInputTable
{
    text-align: right;
    width: 90%;
    color: #666666;
    border-spacing: 10px;
}

#pledgeInputTable td
{
    padding: 2px;
}

#pledgeInputTable td.inputs
{
    text-align: left;
    padding-left: 5px;
    vertical-align: middle;
}

/* pledge page */
#pledgeInputTable td.titles
{
    font-weight: bold;
    width: 50%;
}


.expand a
{
    display: block;
    padding: 3px 10px;
}
.expand a:link, .expand a:visited
{
    border-width: 1px;
    background: #FFF url(../images/arrow-down.gif) no-repeat 98% 50%;
    border: solid 1px #CCC;
}
.expand a:hover, .expand a:active, .expand a:focus
{
    text-decoration: underline;
    color: #009ddf;
}
.expand a.open:link, .expand a.open:visited
{
    border-style: solid;
    background: #FFF url(../images/arrow-up.gif) no-repeat 98% 50%;
    border: solid 1px #CCC;
}


/* DELL XCEL CLASSES */

.dellXPSBlueBold
{
    color: #009ddf;
    font-weight: bold;
}

.dellContestStepTitle
{
    width: 215px;
    height: 34px;
    padding: 5px;
    background-color: #C8C8C8;
    overflow: hidden;
    border: #CCC solid 1px;
}

.dellSubmitButton
{
    background-color: #009ddf;
    color: #fff;
    border: solid 1px #006699;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
}

.dellXcelLeftNav
{
    border: solid 1px #CCCCCC;
    padding: 10px;
    color: #666666;
}

.dellEntryError
{
    color: #CC0000;
    font-weight: bold;
}

.dellXPSEntryConfirm
{
    color: #CC0000;
    font-weight: bold;
    padding: 10px;
}

/* END DELL XCEL CLASSES */

/*Layaout new CSS*/
.content_wrapnew
{
    width: 940px;
    margin: -20px -20px -15px -215px;
    overflow: hidden;
    line-height: 16px;
    padding-top: 20px;
}
.content_wrapnew span.head
{
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #469bd5;
    padding-bottom: 15px;
}
.content_wrapnew div.righ
{
    width: 198px;
    float: right;
    border: #cfcfcf 1px solid;
    padding: 10px;
    color: #666666;
    margin-top: -15px;
}
.righ div.rightTop
{
    padding: 12px;
    background-color: #f2f2f2;
}
.righ p
{
    padding: 12px 0;
}
.righ span.head
{
    color: #00aeef;
    font: bold 18px Arial;
    padding-bottom: 15px;
}
.rightAd
{
    float: right;
    padding: 15px 0px 0px 10px;
}
.content_wrapnew div.leftTopArea
{
    width: 698px;
    float: left;
    color: #666666;
    margin-top: 20px;
}
.content_wrapnew .leftTopArea div.subleft
{
    float: left;
    width: 422px;
    font-size: 11px;
    margin-right: 18px;
    padding: 12px 18px 10px 18px;
    background-color: #f2f2f2;
}
.content_wrapnew .leftTopArea div.subright
{
    float: right;
    width: 216px;
}

.blueText
{
    color: #179cd8;
}
.BGgray
{
    background-color: #f2f2f2;
    padding: 15px 25px;
}
.mailTable tr td
{
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
}

.bronzeOddTD
{
    border-bottom: #b6ad9f 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #b6ad9f 1px solid !important;
    background-color: #e7dcca;
    color: #5e5a53 !important;
}
.silverOddTD
{
    border-bottom: #bfbfc0 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #bfbfc0 1px solid !important;
    background-color: #e9e9ea;
    color: #767778 !important;
}
.goldOddTD
{
    border-bottom: #c2b9a3 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #c2b9a3 1px solid !important;
    background-color: #f7ecd0;
    color: #646055 !important;
}
.platinumOddTD
{
    border-bottom: #c9c9c9 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #c9c9c9 1px solid !important;
    background-color: #f2f2f2;
    color: #5e5a53 !important;
}
.titaniumOddTD
{
    border-bottom: #b5b7b5 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #b5b7b5 1px solid !important;
    background-color: #dee1e0;
    color: #766e6d !important;
}
.totalOddTD
{
    border-bottom: #71acc2 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #71acc2 1px solid !important;
    background-color: #8cdbf8;
    color: #3c5965 !important;
}
.borderOddTD
{
    border-bottom: #cdcccc 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-left: #cdcccc 1px solid !important;
    color: #179cd8 !important;
}
.borderEvenTD
{
    border-bottom: #cdcccc 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-left: #cdcccc 1px solid !important;
    background-color: #ececec;
    color: #179cd8 !important;
}

.bronzeEvenTD
{
    border-bottom: #b6ad9f 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #b6ad9f 1px solid !important;
    background-color: #e1d6c5;
    color: #5e5a53 !important;
}
.silverEvenTD
{
    border-bottom: #bfbfc0 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #bfbfc0 1px solid !important;
    background-color: #e3e3e4;
    color: #767778 !important;
}
.goldEvenTD
{
    border-bottom: #c2b9a3 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #c2b9a3 1px solid !important;
    background-color: #f0e6cb;
    color: #646055 !important;
}
.platinumEvenTD
{
    border-bottom: #c9c9c9 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #c9c9c9 1px solid !important;
    background-color: #ebebeb;
    color: #5e5a53 !important;
}
.titaniumEvenTD
{
    border-bottom: #b5b7b5 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #b5b7b5 1px solid !important;
    background-color: #d8dbda;
    color: #766e6d !important;
}
.totalEvenTD
{
    border-bottom: #71acc2 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #71acc2 1px solid !important;
    background-color: #8ad5f1;
    color: #3c5965 !important;
}

.transparentOddTD
{
    border-bottom: #cdcccc 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #cdcccc 1px solid !important;
    background-color: #fff;
    color: #3c5965 !important;
}

.transparentEvenTD
{
    border-bottom: #cdcccc 1px solid !important;
    vertical-align: middle;
    padding: 5px;
    height: 15px;
    line-height: 15px;
    border-right: #cdcccc 1px solid !important;
    background-color: #f5f5f5;
    color: #3c5965 !important;
}

.borderTop
{
    border-top: #cdcccc 1px solid;
    border-bottom: #cdcccc 1px solid;
}

.font11
{
    font-size: 11px;
}
.tablemenu
{
    padding: 0;
    margin: 0;
    float: left;
}
.tablemenu li
{
    float: left;
    padding: 0;
    list-style-type: none;
}
.tablemenu li a
{
    color: #6d6e70;
    background-color: #f2f2f2;
    text-decoration: none;
    font: bold 14px Arial, Helvetica, sans-serif;
    padding: 10px 50px 10px 20px;
    line-height: 15px;
    height: 15px;
    display: block;
}
.tabClass table td.dxtc
{
    color: #6d6e70 !important;
    font: bold 14px Arial, Helvetica, sans-serif !important;
}
.tablemenu li a:hover
{
    background: url(../images/tablemenuBGtile.gif) repeat-x left top;
    text-decoration: none;
}
.tablemenu li a.sec
{
    background: url(../images/tablemenuBGtile.gif) repeat-x left top;
    text-decoration: none;
}

.popupHD table td.head
{
    background: #169cd8;
    color: #FFF;
    font: bold 15px Arial, Helvetica, sans-serif;
    padding: 8px 10px;
    line-height: 14px;
    height: 14px;
}
.pgBottom
{
    font-weight: bold;
    font-size: 10px;
    color: #666666;
}
.pgBottom1
{
    font-size: 10px;
    color: #666666 !important;
}

.popuphead
{
    padding: 20px 20px 10px 20px;
}

.certifiedPopup
{
    position: absolute;
    margin-top: -28px;
    z-index: 100;    
    background-color: #ffffff;
    display: none; 
    width: 1157px; 
    margin-left: -125px;
}

.popup
{
    position: absolute;
    margin-top: -28px;
    z-index: 100;
    width: 865px;
    background-color: #ffffff;
}

.popupMain
{
    position: absolute;
    top: 35px;
    right: 10px;
    width: 350px;
    z-index: 999;
    border: 1px solid #cdcdcd;
}
.total
{
    color: #179CD8;
    display: block;
    font-weight: bold;
    margin-top: 45px;
    padding-bottom: 30px;
}
.totalRow
{
    color: #179CD8;
    font-weight: bold;
    padding-left: 7px;
}
.footerTotal
{
    height: 25px !important;
}

#loading_screen
{
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: #787878;
    color: white;
    text-align: center;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 100;
}

/*Comman CSS*/
.clearLH
{
    clear: both;
    line-height: 0;
    height: 0;
}
.cursor
{
    cursor: pointer;
}
.padT5
{
    padding-top: 5px;
}
.padT10
{
    padding-top: 10px;
}
.padT15
{
    padding-top: 15px;
}
.padT20
{
    padding-top: 20px;
}
.DivStyle
{
    overflow-x: auto;
    overflow-y: hidden;
    width: 646px;
}
.Bronze
{
    background-color: #e7dcca;
}
.Silver
{
    background-color: #e9e9ea;
}
.Gold
{
    background-color: #f7ecd0;
}
.Platinum
{
    background-color: #f2f2f2;
}
.Titanium
{
    background-color: #dee1e0;
}

.imgDesktop
{
    display: block;
    height: 59px;
    width: 161px;
    background: transparent url("../images/btn_desktops.jpg") no-repeat 0 center;
}

.imgDesktop:hover
{
    display: block;
    height: 59px;
    width: 161px;
    background: transparent url("../images/btn_desktops_rollover.jpg") no-repeat 0 center;
}

.imgMonitor
{
    display: block;
    height: 59px;
    width: 161px;
    background: transparent url("../images/btn_monitors.jpg") no-repeat 0 center;
}

.imgMonitor:hover
{
    display: block;
    height: 59px;
    width: 161px;
    background: transparent url("../images/btn_monitors_rollover.jpg") no-repeat 0 center;
}

.imgServer
{
    display: block;
    height: 59px;
    width: 161px;
    background: transparent url("../images/btn_servers.jpg") no-repeat 0 center;
}

.imgServer:hover
{
    display: block;
    height: 59px;
    width: 161px;
    background: transparent url("../images/btn_servers_rollover.jpg") no-repeat 0 center;
}

.imgTV
{
    display: block;
    height: 59px;
    width: 161px;
    background: transparent url("../images/btn_televisions.jpg") no-repeat 0 center;
}

.imgTV:hover
{
    display: block;
    height: 59px;
    width: 161px;
    background: transparent url("../images/btn_televisions_rollover.jpg") no-repeat 0 center;
}

/**********Buy Now Page updates to HPs listing of products***********/

.hidden
{
    display: none;
}

.btn-style
{
    background: none repeat scroll 0 0 #009DDF;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    margin-bottom: 5px;
    margin-right: 13px;
    margin-top: 5px;
    padding: 3px 6px 3px;
    width: 80px;
    cursor:hand;
    cursor:pointer;
}

.divModelType
{
    background: url("../images/title.gif") repeat-x scroll left top transparent;
    border: 1px solid #C8C8C8;
    height: 17px;
    padding: 5px 15px 0 5px;
    text-align: center;
    color: #666666 !important;
}

.divProductFamilyDetails
{
    width: 715px;
}

.divRowProductFamilyEven
{
    background-color: #EBEBEB;
    border-top: 1px solid #C8C8C8;
    min-height: 27px;
}

.divRowProductFamilyOdd
{
    background-color: #E0E0E0;
    /*border-bottom: 1px solid #C8C8C8;*/
    border-top: 1px solid #C8C8C8;
    min-height: 27px;
}

.divProductSeriesName
{
    color: #009DDF;
    float: left;
    font-size: 14px;
    padding-left: 18px;
    padding-top: 6px;
}

.horizontalLine
{
    border: none;
    background: #6FD1F6;
    height: 2px;
    margin-bottom: 18px;
    margin-top: 23px;
    width: 715px;
}

.divChild
{
    width: 100%;
}

.tblProductFamilyDetails
{
    color: #666666;
    width: 100%;
}

.trChildEven
{
    background-color: #F5F5F5;
    font-size: 95%;
    height: 27px;
}
.trChildOdd
{
    background-color: #FCFCFC;
    font-size: 95%;
    height: 27px;
}

.tdPartNumber
{
    border-bottom: 1px solid #C8C8C8;
    border-top: 1px solid #C8C8C8;
    padding-left: 18px;
    padding-top: 6px;
    width: 70px;
}

.tdPartDesc
{
    border-bottom: 1px solid #C8C8C8;
    border-top: 1px solid #C8C8C8;
    padding-left: 18px;
    width: 460px;
}

.tdSupplyKitPartNum
{
    border-bottom: 1px solid #C8C8C8;
    border-top: 1px solid #C8C8C8;
    padding-left: 18px;
    width: 85px;
}

.spnOpenPopup
{
    cursor: pointer;
    color:#666666 !important;
}

/**********End of CSS for Buy Now Page updates to HPs listing of products***********/