@charset "utf-8";
/* CSS Document */
/* This file holds the general css for the TPM Depot  site */


/* CANCELLING ISSUES IN DIFFERENT BROWSERS */

html,body,div,span,img,applet,embed,canvas,object,iframe {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent
}
h1,h2,h3,h4,h5,h6,p {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent
}
ol,ul,li {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent
}
fieldset,form,label,legend,button,table,caption,tbody,tfoot,thead,tr,th,td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent
}
ul,li {
    list-style:none;
}
li {
    display:inline
}
/* GENERAL REDEFINITIONS */
html {
    width:100%;
    height:100%;
    margin:0;
}
body {
    background:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin:0;
    padding:0;
    color:#808080;
}
a {
    text-decoration:none;
    color:#007dbe;
    outline:none;
}
/*a {
color:#000;
outline:none;
}*/
a img{
    border:none;
}
.clr {
    clear:both;
}

/* LAYOUT-STRUCTURE */
body {
    background:url(../img/tobBg.jpg) repeat-x top left;
}
#wrapper {
    width:745px;
    margin:0 auto;
}
/* Header CSS start here */
#header {
    margin:0 auto;
    width:745px;
    height:95px;
    border-bottom:1px solid #edeeee;
}
.headerTop {
    width:745px;
    height:50px;
}
.logo {
    margin:10px 0 0 0;
    width:170px;
    height:30px;
    float:left;
    z-index:100;
    background:url(../img/logo.jpg) no-repeat;
}
.logo a {
    width:170px;
    height:30px;
    display:block;
    cursor:pointer;
    text-indent:-5000px;
}
.headerTop ul.topNavigation {
    float:right;
    margin:20px 0 0 0;
}
ul.topNavigation li {
    float:left;
    padding:0 10px;
    font-size:13px;
    border-right:1px solid #fff;
}
ul.topNavigation li.bordreRightNone {
    border-right:none;
}
ul.topNavigation li a {
    color:#fff;
}
ul.topNavigation li a:hover {
    text-decoration:underline;
}
ul.navigation {
    height:35px;
    width:100%;
    margin-top:10px;
}
ul.navigation li {
    display:block;
    height:35px;
    width:auto;
    float:left;
    margin-right:20px;
}
ul.navigation li a{
    display:block;
    height:35px;
    width:auto;
    line-height:35px;
    font-size:14px;
    color:#007dbe;
    cursor:pointer;
    text-transform:uppercase;
}
ul.navigation li a.selected{
    color:#e46713;
    background:url(../img/navSelBg.png) bottom left repeat-x;
}
ul.navigation li a:hover{
    color:#007dbe;
    background:url(../img/navOverBg.png) bottom left repeat-x;
}
/* Header CSS start here */

/* Content CSS start */
#content {
    width:745px;
    margin:0;
    /*margin-top:25px;*/
    z-index:0;
    min-height:400px;
}
#content h1.pageHeading {
    color:#007dbe;
    font-size:24px;
    font-weight:normal;
    padding:15px 0px;
    border-bottom:1px solid #edeeee;
}
#content h2 {
    color:#e46713;
    font-size:18px;
    font-weight:bold;
}
#content .left {
    float:left;
    width:490px;
    margin-right:20px;
}
#content .leftBrowse {
    float:left;
    width:235px;
    margin-right:20px;
	height:500px;
}
#content .contactLeft {
    float:left;
    width:235px;
    margin-right:20px;
    line-height:20px;
}
#content .contactRight {
    float:left;
    width:490px;
}
#content .right {
    float:right;
    width:235px;
}
#content .rightBrowse {
    float:right;
    width:475px;
}

.elementWrapper .contact {
    text-align:center;
    line-height:36px;
}
div.bottom {
    background:#edeeee;
    height:1px;
    border:none;
    margin:20px 0;
    border-collapse:collapse;
    line-height:0;
    font-size:0;
}
/*input {
    background:url(../img/inputBg.jpg) repeat-x;
    border:1px solid #dcdddd;
    margin-top:5px;
    font-size:12px;
    display:block;
    padding:7px 5px;
    color:#808080;
}*/

.inputText {
    background:url(../img/inputBg.jpg) repeat-x;
    border:1px solid #dcdddd;
    margin-top:5px;
    font-size:12px;
    display:block;
    padding:7px 5px;
    color:#808080;
}

select {
    background:url(../img/inputBg.jpg) repeat-x;
    border:1px solid #dcdddd;
    margin-top:5px;
    font-size:12px;
    display:block;
    padding:6px 5px;
    color:#808080;
}
textarea {
    background:#fff url(../img/inputBg.jpg) repeat-x;
    border:1px solid #dcdddd;
    margin-top:5px;
    font-size:12px;
    display:block;
    padding:6px 5px;
    color:#808080;
}
input.redBtn {
    background:url(../img/redBtnBg.jpg) repeat-x;
    margin-top:5px;
    font-size:12px;
    font-weight:bold;
    display:inline-block;
    height:28px;
    padding:0 5px;
    outline:none;
    cursor:pointer;
    color:#fff;
    float:left;
}
span.advanceSearch {
    display:block;
    float:left;
    height:30px;
    line-height:30px;
    margin:5px 0 0 10px;
}
span.requestMultipleProduct {
    display:block;
    float:left;
    height:30px;
    line-height:30px;
    text-transform:uppercase;
    margin:5px 60px 0 0;
    color:#007dbe;
}
input.productSearch {
    width:288px;
    margin:15px 0 5px;
}
.elementWrapper {
    width:100%;
    background:#f4f4f4;
    margin-top:20px;
}
.elementWrapper .heading {
    background:#007dbe;
    height:30px;
    /*width:100%;*/
    line-height:30px;
    font-size:14px;
    text-transform:uppercase;
    padding:0 10px;
    color:#fff;
    border-bottom:1px solid #fff;
}
.elementWrapper .elementContent {
    border-bottom:1px solid #dcdddd;
    padding:10px;
}
.elementWrapper ul {
    width:100%;
}
.elementWrapper ul li {
    height:40px;
    display:block;
    border-top:1px solid #fff;
    border-bottom:1px solid #dcdddd;
    margin:0;
    margin-bottom:0px;
}
.elementWrapper ul li.heading {
    height:40px;
    display:block;
    border-top:none;
    border-bottom:1px solid #dcdddd;
    background:#e8e8e8;
    font-size:12px;
    color:#808080;
    padding:0;
    text-transform:none;
    font-weight:bold;
}
.elementWrapper ul li div {
    height:40px;
    line-height:40px;
    display:inline;
    float:left;
}
.elementWrapper ul.latestNews li {
    height:auto;
    padding:7px 10px;
    line-height:18px;
    display:block;
}
.servicesHeading {
    width:450px;
    height:20px;
    background:url(../img/servicesHeading.jpg) no-repeat;
    margin-bottom:5px;
}
.elementWrapper .services {
    padding:10px 20px 0;
}
.services a {
    width:140px;
    height:30px;
    line-height:30px;
    background:url(../img/servicesBtnBg.jpg) no-repeat;
    margin-right:15px;
    display:block;
    float:left;
    text-align:center;
    color:#fff;
}
.services a.marRightNone {
    margin-right:0;
}
.elementWrapper .viewAll {
    padding:7px;
}
.elementWrapper .secureLogin {
    padding:4px;
}
.productSlideShow {
    width:510px;
    /*margin-top:20px;*/
}
.productSlideShow .slide {
    width:215px;
    height:140px;
    border-bottom:1px solid #DCDDDD;
    padding:15px 10px 10px;
    margin-right:20px;
    line-height:20px;
    float:left;
    background:#F4F4F4;
    text-align:center;
}
.blue {
    color:#007dbe;
}
h4 {
    font-size:14px;
    font-weight:normal;
    color:#007dbe;
}
.client {
    height:50px;
    float:left;
    margin:0 25px;
}
.elementWrapper ul.tabList li {
    background:#E8E8E8 none repeat scroll 0 0;
    border-bottom:1px solid #DCDDDD;
    color:#000;
    cursor:pointer;
    font-size:12px;
    font-weight:bold;
    height:24px;
    line-height:24px;
    padding:0 10px;
}
.elementWrapper ul.tabList li a {
    color:#000;
    display:block;
    height:24px;
    width:100%;
}
.elementWrapper ul.tabList li.active {
    background:transparent url(../img/tabSelBg.jpg) repeat-x scroll left top;
}
#tabs {
    margin-top:20px;
}
#tabs .elementWrapper {
    margin-top:0;
}
#tabs .elementWrapper .heading {
    background:#e8e8e8;
    color:#007dbe;
    text-transform:none;
    margin-top:0;
}
#tabs p {
    margin-bottom:10px;
    text-align:justify;
    line-height:16px;
}
#content h1.comingSoon {
    color:#007DBE;
    font-size:24px;
    font-weight:normal;
    text-align:center;
    margin:100px 0 100px;
    padding-bottom:15px;
    float:left;
    width:745px;
}
table.products {
    border:1px solid #fff;
}
table.products td {
    padding:10px 5px;
    border:1px solid #fff;
}
.marqueeHolder {
    width:725px;
    overflow:hidden;
}
.servicesList li {
    display:block;
    line-height:18px;
    text-align:justify;
}
.servicesList ol ol {
    padding:10px 0 10px 20px;
    line-height:18px;
}
.servicesList ol ol li {
    padding-bottom:5px;
}
.feedbackForm .feedbackLeft {
    width:225px;
    margin-right:20px;
    float:left;
}
.feedbackForm .feedbackRight {
    width:225px;
    float:left;
}
.feedbackForm label {
    display:block;
}
.feedbackForm input, .feedbackForm select, .feedbackForm textarea {
    margin-bottom:10px;
    width:205px;
    margin-top:2px;
}
.feedbackForm select {
    width:215px;
}
.feedbackForm textarea {
    width:205px;
    height:133px;
}
.feedbackForm input.feedbackBtn {
    background:url(../img/blueBtnBg.jpg) repeat-x;
    width:100px;
    cursor:pointer;
    padding:0;
    margin:0;
    height:30px;
    color:#fff;
    font-weight:bold;
}
#cot_tl_fixed {
    bottom:0;
    position:fixed;
    right:0;
}
/* Content CSS end */

/*Footer Start Here*/
#footer {
    width:745px;
    height:90px;
    margin:20px 0 0;
}
ul.footerNavigation {
    height:38px;
    line-height:38px;
    border-bottom:1px solid #edeeee;
    border-top:1px solid #edeeee;
}
ul.footerNavigation li a {
    text-transform:uppercase;
    font-size:12px;
    color:#000;
    padding:0 10px;
}
ul.footerNavigation li a:hover, ul.footerNavigation li a.selected {
    color:#007dbe;
}
#footer .copyRight {
    float:left;
    line-height:50px;
}
#footer .webonise {
    float:right;
    height:50px;
}
#footer .webonise a {
    display:block;
    height:20px;
    width:20px;
    margin-top:10px;
    text-indent:-5000px;
    background:url(../img/weboniseLogo.jpg) no-repeat;
}
/*Footer CSS end*/

/*Other CSS start*/
.marTop5{
    margin-top:5px
}

.marTop10{
    margin-top:10px
}

.marTop15{
    margin-top:15px
}

.marTop20{
    margin-top:20px
}

.marTop25{
    margin-top:25px
}

.marTop3{
    margin-top:30px
}

.marTop35{
    margin-top:35px
}

.marTop40{
    margin-top:40px
}

.marTop50{
    margin-top:50px
}

.marTop100{
    margin-top:100px
}

.marBot5{
    margin-bottom:5px
}

.marBot10{
    margin-bottom:10px
}

.marBot15{
    margin-bottom:15px
}

.marBot20{
    margin-bottom:20px
}

.marBot25{
    margin-bottom:25px
}.marBot30{margin-bottom:30px}.marBot35{margin-bottom:35px}.marBot40{margin-bottom:40px}.marBot45{margin-bottom:45px}.marBot50{margin-bottom:50px}.bold{font-weight:bold}.normal{font-weight:normal}.red{color:#F00}.green{color:#008000}.black{color:#000}.white{color:#FFF}.rightSide{float:right}.leftSide{float:left}


.pageNotFound{
    top:150px;
    width:100%;
    text-align:center;
    font-size:20px;
    color:#fff;
}