body
{
    font-size:100.1%;
    background:url(../Images/bg.png) repeat-x left top;
    color:#23242F;
}
#bgwrapper
{
    width:1010px;
    margin:0 auto;
    background:url(../Images/bg_bottom.png) repeat-y center top;
}
#pagewrapper
{
    background:url(../Images/bg_top.png) no-repeat center top;
    text-align:left;
    font-size:90%;
    padding:0 10px;
}
#header
{
    padding:15px 20px 0;
}
#hl
{
    float:left;
    width:500px;
}
#hr
{
    float:right;
    width:290px;
    padding-top:30px;
}
#logo
{
    float:left;
    height:130px;
    width:560px;
    text-indent:-1000em;
    background:url(../Images/logo.gif) no-repeat left top;
    margin:0 0 5px 20px;
}
#logo a
{
    display:block;
    height:100px;
}
#phone
{
    float:left;
    width:180px;
    background:url(../Images/icon_tel.gif) no-repeat left 5px;
    text-align:right;
    color:#7b7b7b;
    font-size:160%;
}
#hours
{
    float:left;
    width:80px;
    padding:1px 0 0 10px;
    color:#7b7b7b;
    font-size:70%;
}
#delivery
{
    clear:left;
    padding:15px 0 0 30px;
    background:url(../Images/icon_del.gif) no-repeat left 17px;
    color:#7b7b7b;
    font-size:140%;
}
#hnav
{
    clear:both;
    background:#173788 url(../Images/nav-bg.gif) repeat-x left top;
    border-top:solid 1px #d3d8e8;
    border-bottom:solid 1px #a2afcf;
    width:990px;
    height:40px;
    position:relative;
    overflow:hidden;
    text-transform:uppercase;
    font-size:90%;
    font-weight:bold;
}
ul.rMenu li a
{
    border:0;
    color:#c5cbcb;
    padding:12px 45px 12px;
    border-right:solid 1px #07327a;
}
ul.rMenu li.first a
{
}
ul.rMenu li.last a
{
    border-right:none;
}
ul.rMenu li a:hover
{
	color:#ffffff;
}
#navsub
{
    padding:10px 15px;
}
#navsub #breadcrumb
{
    float:left;
    width:470px;
    color:#7f7f80;
    padding-top:4px;
}
#navsub #breadcrumb a
{
    color:#7f7f80;
    text-decoration:none;
}
#navsub #breadcrumb a:hover, #navsub #breadcrumb a:active, #navsub #breadcrumb a:focus
{
    color:#4F4F4F;
    text-decoration:underline;
}
#navsub #search
{
    float:right;
    width:400px;
}
#navsub #search input
{
    padding:4px;
    float:left;
    margin-right:5px;
}
#navsub #search select
{
    float:left;
    padding:4px;
}
#navsub #search .wmark
{
    color:#8F8F8F;
    font-style:italic;
}
#navsub #search .button
{
    border:0;
    padding:0;
    display:block;
    float:left;
    width:30px;
    height:26px;
    text-indent:-1000em;
    background:url(../Images/btn_search.gif) no-repeat left top;
    margin-right:10px;
}
#content
{
    clear:both;
}
#cp1
{
    min-height:600px;
    padding-top:10px;
}
#logos
{
    margin:10px 0 0 15px;
}
#logos a
{
    display:block;
    float:left;
    text-indent:-1000em;
    height:96px;
}
#logos a.oliju
{
    background:url(../Images/assoc_oliju.gif) no-repeat left -96px;
    width:217px;
}
#logos a.espa
{
    background:url(../Images/assoc_espa.gif) no-repeat left -96px;
    width:217px;
}
#logos a.eco
{
    background:url(../Images/assoc_eco.gif) no-repeat left -96px;
    width:221px;
}
#logos a.enva
{
    background:url(../Images/assoc_enva.gif) no-repeat left -96px;
    width:194px;
}
#logos a.bsi1
{
    background:url(../Images/assoc_bsi1.gif) no-repeat left -96px;
    width:159px;
}
#logos a.bsi2
{
    background:url(../Images/assoc_bsi2.gif) no-repeat left -96px;
    width:169px;
}
#logos a:hover, #logos a:active, #logos a:focus
{
    background-position:left top;
}
#footer
{
    width:966px;
    margin:15px 12px 0;
    background:#e7e7e8 url(../Images/bg_footer.gif) no-repeat center top;
    font-size:90%;
    color:#6a6a6d;
}
#footer a
{
    color:#6a6a6d;
    text-decoration:none;
}
#footer a:hover, #footer a:active, #footer a:focus
{
    text-decoration:underline;
}
#footer .inside
{
    background:url(../Images/footerbg-footer.gif) no-repeat center bottom;
    min-height:0;
    padding:15px 25px;
}
#footer #copyright
{
    float:left;
}
#footer ul
{
    float:right;
}
#footer ul li
{
    display:inline;
    margin-left:10px;
    padding-left:10px;
    border-left:solid 1px #6a6a6d;
}
#footer ul li.first
{
    margin-left:0;
    padding-left:0;
    border-left:0;
}
#mtstudios
{
    color:#AFAFAF;
    text-align:right;
    margin:25px 0 0 0;
}
#mtstudios a
{
    color:#8F8F8F;
}
#page
{
    margin:5px 15px;
}
#page h1
{
    margin-bottom:10px;
}
#page ul
{
    padding:5px 0;
}
#page ul li
{
    list-style-type:square;
    margin-left:20px;
}
#page .pic
{
    float:right;
    padding:30px 10px 10px 10px;
}
#page .photo, #products .photo
{
    float:left;
    padding:0 10px 10px 0;
    
}
a.pdf
{
    background:url(../Images/icon_pdf.png) no-repeat left top;
    padding-left:20px;
}
a.doc
{
    background:url(../Images/icon_doc.png) no-repeat left top;
    padding-left:20px;
}
a.xls
{
    background:url(../Images/icon_xls.png) no-repeat left top;
    padding-left:20px;
}
a.spec
{
    background:url(../Images/icon_specs.png) no-repeat left top;
    padding-left:20px;
}
.enlargepicture
{
    padding-top:5px;
	text-align:center;
}
.enlargepicture span
{
	background:url(../Images/enlarge.gif) no-repeat left top;
	padding:2px 0 0 18px;
	font-size:85%;
}
.grid
{
    clear:both;
    padding-top:10px;
}
.grid td
{
    border:solid 1px #000;
    padding:5px;
}
.ccards
{
    clear:both;
    padding:15px 15px 0;
}
.ccards img
{
    border:0;
    margin-right:10px;
}
/* Home */
#dfthead
{
    clear:both;
}
#pump_main
{
    float:right;
    width:742px;
    height:282px;
    text-indent:-1000em;
    background:url(../Images/pump_main.jpg) no-repeat left top;
}
#boxout
{
    width:225px;
    float:left;
    margin-left:12px;
    color:#bbc9ef;
    font-weight:bold;
}
#boxout h3
{
    background:#304A8C url(../Images/lbox_head.gif) no-repeat center top;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    font-size:100%;
    margin:0;
    padding:10px;
    text-align:center;
    margin-bottom:3px;
}
#boxout ul
{
    background:#304A8C url(../Images/lbox_foot.gif) no-repeat center bottom;
    margin:0;
    padding:15px 25px 10px;
}
.default #boxout ul
{
    min-height:216px;
}
#boxout ul li
{
    padding-bottom:10px;
}
#boxout ul li a, div.catalogue a
{
    font-size:90%;
    color:#fff;
    text-decoration:none;
}
#boxout ul li a span
{
    font-weight:normal;
}
#boxout ul li a span.more
{
    font-weight:bold;
    text-decoration:underline;
}
.news li
{
    line-height:105%;
}
#hpcats ul
{
    margin:15px 0 0 0;
    padding:0;
}
#hpcats ul li
{
    float:left;
    width:237px;
    min-height:240px;
    background:#e3e4e5;
    padding:0;
    margin:0 0 14px 14px;
    text-align:center;
}
#hpcats ul li.first
{
    margin-left:0;
}
#hpcats ul li .piccontainer
{
    width:210px;
    height:162px;
    margin:12px auto 0;
    padding-top:12px;
    background:url(../Images/photo_container.gif) no-repeat left top;
    text-align:center;
}
#hpcats ul li .pic
{
    height:151px;
    margin:0 auto;
    overflow:hidden;
}
#hpcats ul li .link
{
    font-size:80%;
    text-transform:uppercase;
    font-weight:bold;
    padding:10px 0;
}
#hpcats ul li a p
{
    position:absolute;
    z-index:2;
    width:165px;
    height:141px;
    overflow:hidden;
    margin:0 0 0 -175px;
    padding:5px;
    font-size:75%;
    line-height:130%;
    background-Color:#304A8C;
    color:#ffffff;
    text-align:left;
    opacity:.8;
}
#hpcats ul li a span
{
    font-weight:normal;
}
#hpcats ul li a img
{
    z-index:1;
}
/* Contact Form */
#contact
{
    margin:5px 15px;
}
#leftcol
{
    float:left;
    width:650px;
}
#rightcol
{
    float:right;
    width:290px;
}
#contact .bbox h5
{
    font-size:130%;
    margin:10px 0 15px;
    font-style:italic;
}
#contact input
{
    padding:3px;
}
#contact label
{
    display:block;
    font-size:95%;
    color:#000000;
    line-height:2em;
    margin:0 0 3px 0;
}
#contact label.desc
{
    float:left;
    margin:0 10px 0 0;
}
#contact .section .clear label
{
    margin:10px 0 3px 0;
}
#contact .section
{
    clear:both;
    background:#E7E7E8;
    padding:10px;
    margin-bottom:15px;
}
#contact .wrap
{
    float:left;
    padding-right:20px;
}
#contact .sendButton
{
    margin:20px 0 5px 3px;
}
#contact .map
{
    border:solid 1px #5F7DBF;
}

#lboxout
{
    float:left;
    width:220px;
    background:#e7e7e8;
}
#lboxout .lbh
{
    background:url(../Images/colbg-header.gif) no-repeat left top;
}
#lboxout .lbf
{
    background:url(../Images/colbg-footer.gif) no-repeat left bottom;
    padding:10px;
}
#products
{
    margin:5px 25px 5px 0;
}
#lcontent
{
    float:left;
    width:225px;
}
#rcontent
{
    float:right;
    width:710px;
}
/* Portfolio */
#page ul.slideshow 
{
    float:left;
    list-style:none;
    width:600px;
    height:400px;
    overflow:hidden;
    position:relative;
    margin:0;
    padding:0;
    background:#fff;
}	
#page ul.slideshow li 
{
    list-style:none;
    padding:0;
    margin:0;
    position:absolute;
    left:0;
    right:0;
    height:400px;
}
#page ul.slideshow li.show 
{
    z-index:500;
}
#page ul.slideshow img 
{
    border:none;
}
#page #slideshow-caption 
{
    width:600px;
    height:70px;
    position:absolute;
    bottom:0;
    left:0;	
    color:#fff;
    background:#000;
    z-index:500;
    text-align:left;
}
#page #slideshow-caption .slideshow-caption-container 
{
    padding:5px 10px;	
    z-index:1000;	
}
#page #slideshow-caption h3 
{
    margin:0;
    padding:0;	
    font-size:120%;
    text-align:left;
    color:#fff;
}
#page #slideshow-caption p 
{
    margin:5px 0 0 0;
    padding:0;
    text-align:left;
}
/* Listing Pages */
ul.catlisting
{
}
ul.catlisting li
{
    background:#D1DAEF;
    padding:10px;  
    margin-bottom:25px;
}
ul.catlisting li .piccontainer, ul.prodlisting li .piccontainer
{
    float:left;
    margin-right:10px;
}
ul.catlisting li .piccontainer img
{
    border:solid 1px #A7B7DF;
}
ul.catlisting li h2, ul.prodlisting li h2
{
    font-weight:bold;
    padding-bottom:5px;
}
ul.catlisting li h2 a, ul.prodlisting li h2 a
{
    text-decoration:none;
}
ul.catlisting li p.link a, ul.prodlisting li p.link a
{
    text-decoration:none;
    color:#23242F;
}
ul.prodlisting
{
    margin-top:25px;
}
ul.prodlisting li
{
    padding-bottom:15px;
    margin-bottom:15px;
    border-bottom:dotted 1px #304A8C;
}
/* Menu */
div.catalogue td
{
    padding-bottom:7px;
    vertical-align:top;
}
div.catalogue
{
    background:#304A8C url(../Images/lbox_foot.gif) no-repeat center bottom;
    margin:0;
    padding:15px 15px 10px;
}
div.catalogue a
{
    font-weight:normal;
    color:#DFE8FF;
}
div.catalogue .nselected
{
    font-size:90%;
    font-weight:bold;
    color:#fff;
}
div.catalogue .nhover
{
    color:#fff;
}
.nleaf
{
    float:left;
    margin-left:-10px;
}