@import 'grid.css';
@import 'content.css';
@import 'container.css';
@import 'sidebars.css';
@import 'surveyform.css';
@import 'text.css';

*
{
    margin: 0px;
    padding: 0px;
}
body
{
    background-color: #581924;
    margin: 0 auto;
}

#content-wrapper
{
    background-image: url(Images/content_bg.png);
    background-repeat: repeat-y;
    margin: 0px auto !important;
    width: 960px;
}

#header
{
    margin: 0px auto;
}
#logo
{
    height: 96px;
    padding: 0 0 0px 40px;
    width: 200px;
}
#tagline
{
    color: #581924;
    font-family: Arial, helvetica, Sans-Serif;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    margin-top: 70px;
}
.header-search-background img
{
    margin: -4px;
    padding-right: 4px;
}
#search
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    float: right;
    padding: 50px 27px 0 0;
    text-align: right;
}
#search p
{
    padding: 0 0 5px 0;
}
#navigation
{
    background-image: url(Images/nav_bg.png);
    background-repeat: no-repeat;
    height: 139px;
    margin: 0px auto;
}
#navigation img
{
    padding: 5px 0px 0 0;
}
.nav-padding
{
    padding: 0 0 0 80px;
}
#banner
{
    background-image: url(Images/banner_bg.png);
    background-repeat: no-repeat;
    margin: 0px auto;
}
.toggle-padding
{
    padding: 12px 0 0 12px;
}
.toggle-padding a
{
    border: none;
    padding: 0 0 30px 0;
}
.toggle-padding img
{
    padding: 0 0 10px 0;
}
#banner-col1
{
    /*border: solid 1px #ccc;*/
    padding: 0 0 0 18px;
    margin-left: 25px;
    width: 220px !important;
}

#banner-col2
{
    /*border: solid 1px #eee;*/
    height: 264px;
    padding: 0 0 0 5px;
}

#banner-col2-content-header
{
    height: 114px;
    padding: 0 0 0 30px;
}

#main-content
{
    margin: 0px auto;
    min-height: 550px;
}
#home-main-content-col1
{    
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-height: 250px;
    padding-left: 43px;    
    margin-bottom:20px;
}

/*-- Home --*/
.RightPane
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 240px;
    margin-top: 45px;
    padding: 0px;
}
.RightPane img
{
    float: left;
    padding: 0 15px 25px 0;
}
.RightPane h2
{
    color: #571924;
    font-weight: bold;
    padding: 0 0 15px 0;
}
.RightPane h3
{
    color: #571924;
    font-weight: bold;
    padding: 0 0 5px 0;
}
.RightPane h3
{
    text-decoration: underline;
}
.RightPane p
{
    padding: 0 20px 10px 0;
}

.heading1
{
    padding: 0 0 10px 0;
}
.heading2
{
    padding: 15px 0 10px 3px;
}

#main-content-col1 img
{
    float: left;
    padding: 0 0 0 0;
}
#main-content-col1 p
{
    padding: 0 0 0 0;

/* }
.quick-links
{
    background: url(Images/quicklinks_tips2.png) no-repeat;
    background-position: left center;
    clear: both !important;
    height: 450px;
    padding-top: 30px;
    width: 250px;
*/
}
.quicklinks{
clear: both !important;
height: 450px;
width: 250px;
}


.tips-red
{
    color: #581924;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bolder;
}
.tips1, .tips2, 
.tips3
{
   height: 60px;
   margin-bottom: 20px;
}
.tips1
{
    
}
.tips1 img, .tips2 img, 
.tips3 img
{
    float: left;
    padding-right: 10px;
}
.tips1 p, .tips2 p, 
.tips3 p
{
    font-size: 11px;
    width: 190px;
}
.products
{
  
}
.products p
{
    font-size: 11px;
    line-height: 20px;  
}
#main-content-col2
{
    background: url(Images/tank.png) no-repeat;
    font-size: 11px;
    height: 761px !important;
    margin: 0 0 0 -10px;
}
#main-content-col2-header
{
    font-size: 11px;
    height: 261px;
    padding-left: 0px;
    width: 616px;
}
#main-content-col2 li
{
    font-size: 11px !important;
}
#main-content-col2 ul
{
    font-size: 11px;
    padding: 75px 0 0 50px;
}
#main-content-col2 ul h2
{
    color: #202664;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 0 0 0 0;
    text-align: left;
}
.tank-col1, .tank-col2, .tank-col3
{
    color: #000;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px !important;
    text-align: left;
}
.tank-col1
{
    padding-left: 75px !important;
}
.tank-col1 p, .tank-col2 p, .tank-col3 p, .tank-col1 li, .tank-col2 li, .tank-col3 li, .tank-col1 ul, .tank-col2 ul, .tank-col3 ul
{
    font-size: 12px !important;
}
.tank-col1 li, .tank-col2 li, .tank-col3 li
{
    line-height: 17px;
    list-style-type: disc;
}
.red-text
{
    color: #581924;
    font-weight: bold;
}
.gas-tank, .gas-tank a
{
    height: 234px;
    left: 50px !important;
    position: relative;
    top: -75px !important;
    width: 129px !important;
    z-index: 1;
}
.gas-tank-link
{
    height: 20px;
    left: 150px !important;
    position: absolute;
    top: 215px !important;
    width: 50px !important;
    z-index: 100 !important;
}
.gas-tank-link a, .gas-tank-link a:hover,
#footer a:hover, #footer a
{
    cursor: pointer !important;
}
.callout
{
    float: right;
    left: -10px;
    position: relative;
    top: -120px;
    width: 960px;
}
#footer
{
    background: url(Images/bottom_content_bg.png) no-repeat;
    clear: both;
    height: 250px;
    margin: 0px auto;
    padding: 0 0 0 0;
    _padding: 0 0 0 0;
    position: relative;
}
#footer img
{
    float: right;
    padding: 10px 20px 0 0;
}
#footer2
{
    background: url(Images/bottom_content_bg.png) no-repeat;
    clear: both;
    height: 250px;
    margin: 0px auto;
    padding: 0 0 0 0;
    _padding: 0 0 0 0;
}
#footer2 img
{
    float: right;
    padding: 10px 20px 0 0;
}
.footer
{
    color: #fffbbe;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px !important;
    height: 30px;
    margin: 0px auto;
    padding: 0 0 0px 0;
}
.footer a
{
    color: #fffbbe;
    text-decoration: none;
}
.footer p
{
    font-size: 10px;
    line-height: 15px;
    margin-top: -20px;
    padding: 0 0 0 250px;
    text-align: center;
}
.footer img
{
    float: right;
}
.CVinc2, .CVinc
{
    color: #581924;
    font: 8px Arial, Helvetica, sans-serif;
    float: right;
    margin-top: -50px;
    padding-right: 291px;
}
.catalog
{
    padding-top: 10px;
}
.petroleum li
{
    padding: 0 0 10px 0;
}
.petroleum
{
    margin-left: -10px;
}
.petroleum-sub-list li
{
    color: #474747;
    list-style-type: square !important;
}
.petroleum-sub-list ul
{
    margin-left: 20px;
}
.petroleum-sub-list
{
    padding-left: 30px;
}
.content-page-list
{
    color: #474747;
    font-weight: bold;
}
.gray
{
    color: #474747;
}
/*---- Left Menu Quick Links ----*/
.left-menu-quick-links
{
    display: block !important;
    padding: 7px;
    padding-bottom: 14px;
    padding-left: 10px;
    margin-top: 22px;
    width: 229px;
}
.left-menu-quick-links-header
{
    background: url(Design/Container/petroleum-solutions-left-menu-header.jpg) no-repeat;
    height: 41px;
    width: 100%;
}
.left-menu-quick-links-content
{
    background: url(Design/Container/petroleum-solutions-left-menu-repeat.jpg) repeat-y;
    height: 110px;
    width: 100%;
}
.left-menu-quick-links-content p, .left-menu-quick-links-content p a, .left-menu-quick-links-content p a:visited
{
    color: #424242;
    font-size: 13px;
    line-height: 28px;
    margin-left: 7px;
    margin-top: 0px;
    word-spacing: -2px;
}
.left-menu-quick-links-content p a:active, .left-menu-quick-links-content p a:hover
{
    color: #727272;
    text-decoration: none;
}
.left-menu-quick-links-footer
{
    background: url(Design/Container/petroleum-solutions-left-menu-footer.jpg) repeat-y;
    height: 23px;
    width: 100%;
}
.Normal_Text_Left_Menu
{
    font-size: 11px;
    line-height: 18px;
    font-family: arial;
    text-align: left;
    word-spacing: -2px;
}
.LeftContentBottom
{            
    padding: 0 !important;    
    margin: 0px !important;    
}
.LeftPane2#dnn_LeftPane
{
    padding: 0 !important;
}
img, .png
{
    position: relative;
    behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "http://tpi.clarityoffice.com/simplified/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true) );
}

/*-- Header Page --*/
.header-page-main-content
{
    /*border: dashed 4px #444;*/
}

/*-- Live Content Link Cursor Override --*/
.highslide, .highslide a:hover, .highslide a
{
    cursor: pointer !important;
}