﻿html,body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,blockquote,address,pre,ul,ol,li
{
margin:0px;
padding:0px;
}

body 
{
background:#fff;
font-family:Arial, Verdana, Sans-Serif;
font-size:75%;
color:#333;
margin:0px;
padding:0px;
text-align:center;
line-height:1.5;
}

h1,h2,h3,h4,h5,h6 {
margin-bottom:5px;
}

h1,
h2
{
font-family:Arial Narrow, Arial, Verdana, Sans-Serif;
}

h1 {
font-size:3em;
}

h2 {
font-size:2.5em;
color:#c80000;
font-weight:normal;
margin-bottom:20px;
}

h3 {
font-size:1.3em;
color:#c80000;
margin-bottom:0;	
}

h4 {
font-size:1.2em;
margin-bottom:0px;	
}

h5 {
font-size:1.1em;
color:#c80000;
}

h6 {
font-size:.9em;
color:#666;
}

p {
color:#333;
line-height:1.5;
margin-bottom:10px;
font-size:1em;
}

a {
color:#ff6600;
}

a:hover {
text-decoration:none;
}

a img {
border:none;
}

img 
{
border:none;
}

#header {
margin:0 auto;
height:120px;
text-align:left;
margin-bottom:10px;
background:#c80000;
}

/* Center Header and Footer with full screen width parents */
.center {
margin:0 auto;
width:990px;
height:120px;
}

#header #logo {
float:left;
width:195px;
height:145px;
}

#logo h1 {
margin-bottom:10px;
}

#logo h1 a 
{
display:block;
width:195px;
height:145px;
background:url(images/logo-hippocket.gif) no-repeat;
text-indent:-9999px;
outline:0;
}

#quote-request 
{
float:right;
width:292px;
height:23px;
background:url(images/bg-quoterequest.gif) no-repeat right top;
margin:47px 2px 18px 0;
}

.button-quoterequest 
{
float:left;
}

p.quote-items 
{
float:left;
font-size:.9em;
vertical-align:top;
display:inline;
color:#ccc;
margin:3px 0 0 10px;
}

#quote-request a 
{
color:#fff;
}

#site-navigation {
float:left;
width:792px;
height:43px;
background:url(images/bg-menu.gif) no-repeat;
}

#site-navigation ul {
list-style-type:none;

}

#site-navigation ul li {
display:inline;
}

#site-navigation ul li a {
display:block;
float:left;
height:41px;
text-decoration:none;
text-indent:-9999px;
background:url(images/nav-items.gif) no-repeat;
outline:0;
}

#site-navigation .nav-home a {background-position:0 0; width:63px;}
#site-navigation .nav-home a.AspNet-Menu-Selected, 
#site-navigation .nav-home a:hover {background-position:0 -41px;}


#site-navigation .nav-aboutus a {background-position:-63px 0; width:72px;}
#site-navigation .nav-aboutus a.AspNet-Menu-Selected, 
#site-navigation .nav-aboutus a:hover {background-position:-63px -41px;}


#site-navigation .nav-media a {background-position:-135px 0; width:55px;}
#site-navigation .nav-media a.AspNet-Menu-Selected, 
#site-navigation .nav-media a:hover {background-position:-135px -41px;}


#site-navigation .nav-hippocketdirect a {background-position:-190px 0; width:119px;}
#site-navigation .nav-hippocketdirect a.AspNet-Menu-Selected, 
#site-navigation .nav-hippocketdirect a:hover {background-position:-190px -41px;}


#site-navigation .nav-franchiseopportunities a {background-position:-309px 0; width:157px;}
#site-navigation .nav-franchiseopportunities a.AspNet-Menu-Selected, 
#site-navigation .nav-franchiseopportunities a:hover {background-position:-309px -41px;}


#site-navigation .nav-storelocator a {background-position:-466px 0; width:97px;}
#site-navigation .nav-storelocator a.AspNet-Menu-Selected, 
#site-navigation .nav-storelocator a:hover {background-position:-466px -41px;}


#site-navigation .nav-mailinglist a {background-position:-563px 0; width:87px;}
#site-navigation .nav-mailinglist a.AspNet-Menu-Selected, 
#site-navigation .nav-mailinglist a:hover {background-position:-563px -41px;}

#site-navigation .nav-contactus a {background-position:-650px 0; width:85px;}
#site-navigation .nav-contactus a.AspNet-Menu-Selected, 
#site-navigation .nav-contactus a:hover {background-position:-650px -41px;}

#site-navigation .nav-products a {background-position:-582px 0; width:71px; display: none;}
#site-navigation .nav-products a.AspNet-Menu-Selected, 
#site-navigation .nav-products a:hover {background-position:-582px -41px;}

#container 
{
width:990px;
min-height:400px;
margin:0 auto;
overflow:visible;
text-align:left;
clear:both;
}

#content {
float:left;
width:985px;
margin-left:5px;
}

#content ul, #content ol 
{
margin:0 0 10px 15px;
}

#content ol 
{
margin-left:20px;
}

#content ol li, ul li
{
margin-bottom:5px;
}

/**************** START HOMEPAGE ********************/
#homepage {
float:left;
width:790px;
padding:0 0 0 10px;
position:relative;
top:-15px;
}

#flash-content {
float:left;
width:790px;
height:305px;
background:url(images/bg-flash.jpg) no-repeat;
margin-bottom:30px;
}

#flash-content p 
{
width:500px;
margin-top:5px;
margin-left:30px;
margin-bottom:0px;
}

#homepage-left 
{
float:left;
width:170px;
padding-left:20px;
}

.storeSearch {
float:left;
width:170px;
font-size:.9em;
border-bottom:solid 1px #e5e5e5;
margin-bottom:19px;
padding-bottom:20px;
}

.input-postcode {
width:80px;
margin-right:5px;
}

.button-find {
vertical-align:bottom;
}

#mailinglist {
float:left;
width:170px;
font-size:.9em;
}

#mailinglist p.size10 
{
margin-bottom:3px;
}

h4.h4-joinmailinglist {
background:url(images/h4-joinmailinglist.gif) no-repeat;
width:108px;
height:17px;
text-indent:-9999px;
margin-bottom:10px;
}

#mailinglist label {
font-weight:bold;
}

#mailinglist input 
{
margin-bottom:10px;
}

#mailinglist input.text 
{
width:98%;
}

#mailinglist .button-next {
float:right;
}

#homepage-middle 
{
float:left;
width:350px;
margin-left:30px;
}

#introduction {
float:left;
width:350px;
margin-bottom:13px;
}

#introduction strong {
color:#000;
}

#latestnews 
{
float:left;
width:350px;
}

p.date, dt.date
{
text-transform:uppercase;
color:#000;
font-weight:bold;
font-size:.8em;
margin-bottom:5px;
}

.news-title 
{
width:75%;
line-height:1.2;
font-size:15px;
color:#ff6600;
margin-bottom:5px;
}

.news-summary 
{
color:#666;
font-size:.9em;
}

h5.h5-latestnews 
{
background:url(images/h5-latestnews.gif) no-repeat;
width:349px;
height:10px;
margin-bottom:10px;
text-indent:-9999px;
}

h4.newsdatecat1 
{
    margin-bottom: 10px;
}

h4.newsdatecat 
{
    margin-bottom: 10px;
    border-bottom: solid 1px #ccc;
}

#homepage-right 
{
float:left;
width:170px;
margin-left:30px;
}

#brands {
float:left;
width:170px;
height:193px;
margin-bottom:10px;
background:url(images/bg-leadingbrands.gif) no-repeat;
}

#brands p 
{
color:#fff;
}
/**************** END HOMEPAGE ********************/

/**************** START COLUMN A ********************/
#columna {
float:left;
width:180px;
padding-top:10px;
margin-right:1px;
}

.productSearch 
{
float:left;
width:160px;
height:70px;
padding:9px 10px 0 10px;
margin-bottom:10px;
background:url(images/bg-productsearch.jpg) no-repeat;
}

h5.h5-productsearch 
{
background:url(images/h5-productsearch.gif) no-repeat;
width:89px;
height:10px;
text-indent:-9999px;
}

.productSearch input.text 
{
width:98%;
margin-bottom:5px;
}

.button-productsearch 
{
float:right;
}

.button-findstores 
{
vertical-align:bottom;
}

.button-showall 
{
vertical-align:bottom;
}

h4.h4-findyourneareststore {
background:url(images/h4-findyourneareststore.gif) no-repeat;
width:157px;
height:14px;
text-indent:-9999px;
margin-bottom:10px;
}

.file-information {
font-size:11px;
color:#999;
}

/**************** END COLUMN A ********************/

/* Franchise Opportunities */
#subnavigation h3 
{
background:url(images/h5-inthissection.gif) no-repeat;
width:95px;
height:14px;
text-indent:-9999px;
margin-bottom:10px;
}

/* Franchise Sub Menu */
#subnavigation
{
float:left;
width:170px;
padding-top:60px;
}

#subnavigation ul 
{
border-top:solid 1px #e5e5e5;
list-style-type:none;
margin-left:0;
}

#subnavigation ul li 
{
background:url(images/arrow-right.gif) no-repeat left 9px;
padding:3px 0 3px 10px;
border-bottom:solid 1px #e5e5e5;
margin-bottom:0px;
}

#subnavigation a 
{
color:#ff6600;
display:block;
text-decoration:none;
}

#subnavigation a:hover, 
#subnavigation a.AspNet-Menu-Selected
{
color:#000;
font-weight:bold;
}

.subnav-content {
float:left;
width:550px;
margin-left:30px;
}

/**************** START COLUMN B ********************/
#columnb {
float:left;
width:750px;
padding:0 20px 30px 30px;
}

.section-header 
{
float:left;
width:790px;
height:65px;
padding-top:35px;
background:url(images/bg-sectiongrey.gif) no-repeat;
margin-bottom:10px;
margin-left:10px;
margin-top:-12px;
}

.section-header-blue { background:url(images/bg-sectionblue.gif) no-repeat; }
.section-header-orange { background:url(images/bg-sectionorange.gif) no-repeat; }

.section-header h1 
{
width:790px;
height:65px;
margin:0px;
text-indent:-9999px;
}

h1.h1-aboutus { background:url(images/h1-aboutus.gif) no-repeat; }
h1.h1-media { background:url(images/h1-media.gif) no-repeat; }
h1.h1-hippocketdirect { background:url(images/h1-hippocketdirect.gif) no-repeat; }
h1.h1-franchiseopportunities { background:url(images/h1-franchiseopportunities.gif) no-repeat; }
h1.h1-storelocator { background:url(images/h1-storelocator.gif) no-repeat; }
h1.h1-mailinglist { background:url(images/h1-mailinglist.gif) no-repeat;}
h1.h1-contactus { background:url(images/h1-contactus.gif) no-repeat;}
h1.h1-copyrightdisclaimer { background:url(images/h1-copyrightdisclaimer.gif) no-repeat;}
h1.h1-privacypolicy { background:url(images/h1-privacypolicy.gif) no-repeat;}
h1.h1-sitemap { background:url(images/h1-sitemap.gif) no-repeat;}
h1.h1-products { background:url(images/h1-products.gif) no-repeat;}
h1.h1-workwear { background:url(images/h1-workwear.gif) no-repeat;}
h1.h1-hivisibility { background:url(images/h1-hivisibility.gif) no-repeat;}
h1.h1-heatstress { background:url(images/h1-heatstress.gif) no-repeat;}
h1.h1-footwear { background:url(images/h1-footwear.gif) no-repeat;}
h1.h1-safety { background:url(images/h1-safety.gif) no-repeat;}
h1.h1-corporate { background:url(images/h1-corporate.gif) no-repeat;}
h1.h1-promotional { background:url(images/h1-promotional.gif) no-repeat;}
h1.h1-hospitality { background:url(images/h1-hospitality.gif) no-repeat;}
h1.h1-quoterequest { background:url(images/h1-quoterequest.gif) no-repeat;}
h1.h1-searchresults { background:url(images/h1-searchresults.gif) no-repeat;}

p.size10 {
font-size:.8em;
}

.orange-text {
color:#ec751a;
}

h1.h1-hippocketworkwear {
background:url(images/h1-hippocketworkwear.gif) no-repeat;
width:289px;
height:85px;
text-indent:-9999px;
}

p.intro {
font-size:13px;
margin-bottom:20px;
color:#666;
}

#columnb p.intro {
color:#666;
}

.black-text {
color:#000;
}
.red-text {
color:#cc071e;
}

.normal-weight {
font-weight:normal;
}

.note {
font-size:.9em;
color:#666;
}

#columnb h6 {
display:inline;
}
/**************** END COLUMN B ********************/

#contact-form 
{
float:left;
width:550px;
}

#contact-details
{
float:left;
width:150px;
}

.stores {
border-collapse:collapse;
}

.stores p 
{
margin-bottom:0px;
}

p.noBottomMargin {
margin-bottom:0px;
}

#contact-form td 
{
vertical-align:top;
}

.input-name, .input-address, .input-town, .input-email
{
width:50%;
}

#contact-form .input-postcode 
{
width:20%;
}

.input-phone 
{
width:30%;
}

.input-imagever 
{
width:108px;
font-size:18px;
text-align:center;
}

#footer {
float:left;
width:750px;
padding:20px 0 30px 0;
margin-left:215px;
background:#fff;
text-align:left;
border-top:solid 1px #e5e5e5;
}

#footer .copyright {
float:left;
}

#footer .logos {
float:right;
}

.logos a 
{
/*outline:0;*/
}

.logos .border {
border-left:solid 1px #e5e5e5;
margin-left:10px;
padding-left:10px;
}

#footer p {
font-size:.9em;
color:#666;
line-height:1.6;
}

#footer p strong.size12dark {
font-size:12px;
color:#000;
}

.link-divider {
color:#e7e7e7;
padding:0px 3px;
}

.bullet {
color:#999;
padding:0px 3px;
}

a.twc {
background:url(images/logo-twc.gif) no-repeat;
padding-left:20px;
vertical-align:bottom;
text-decoration:none;
color:#666;
}

a.twc:hover {
color:#333;
}

p.twc a {
text-decoration:none;
color:#666;
}

.quote {
float:right;
clear:right;
padding-top:30px;
}

.grey-area {
clear:both;
background:#2e2d2f;
margin:0 auto;
height:50px;
}

.products-checklist td
{
padding:0;
}

.products-checklist table
{
border-collapse:collapse;
margin-bottom:10px;
padding:0;
}

.products-checklist input
{
margin:0;
margin-right:10px;
}

.products-checklist *
{
vertical-align:middle;
}

.products-checklist th 
{
padding-bottom:10px;
}

.red-text { color:#c33; }

table 
{
margin-bottom:10px;
}

.image-padding 
{
padding:10px;
}

.special-button
{
}

.tbl-checklist 
{
vertical-align:top;
}

#columnb .cola, #columnb .colb
{
float:left;
width:375px;
}

#columnb .cola 
{
padding-right:20px;
width:355px;
}

span.bullet-tick
{
background:url(images/bullet-tick.gif) no-repeat left 0px;
padding:10px 0 10px 45px;
min-height:41px;
display:block;
}

.breadcrumbs 
{
font-size:0.916em;
color:#999999;
float:left;
}

.qtybar 
{
font-size:0.916em;
color:#999999;
float:right;
}

.qtybar strong
{
color:Black;
}

/* Quote Request */
.quote 
{
float:left;
}

.quote td 
{
vertical-align: top;
padding:15px 0;
border-bottom:solid 1px #e5e5e5;
}

.quote td table td 
{
border:none;
padding:0;
vertical-align:middle;
padding-right:5px;
}

.quote td.image 
{
text-align:center;
}

.quote td.details h4 
{
font-size:1.25em;
color:#c80000;
margin-bottom:5px;
}

.quote label 
{
text-transform:uppercase;
color:#000;
font-size:.8em;
font-weight:bold;
}

.quote select, .quote option
{
font-size:1em;
}

.quote td.quantity 
{
padding-bottom:5px;
}

td.productID-label,
td.option-label
{
text-align:right;
color:#666;
font-size:.9em;
}

td.productID-text,
td.option-text
{
font-size:.9em;
}

.quote td.button 
{
padding-top:5px;
}

.quote tr.last td
{
border-bottom:none;
}

.qrbottom 
{
border-top:solid 2px #e5e5e5;
clear:both;
padding-top:10px;
margin-bottom:30px;
}

.continuebrowsing
{
float:left;
}

.collectdetails 
{
float:right;
}

.qrouter
{
height:88px;
}

.qrtable td 
{
    padding-right:20px;
    padding-bottom:5px;
}

.h3-yourdetails 
{
    width:790px;
    height:21px;
    background:url(images/h3-yourdetails.gif) no-repeat;
    text-indent:-999px;
    overflow:hidden;
    position:relative;
    left:-20px;
    margin-bottom:20px;
}

#breadcrumbs 
{
    margin: -20px 0 10px -12px;
}

.dontshow 
{
    display: none;
}
h3.h3-onsale,
h3.h3-bestsellers,
h3.h3-newarrivals
{
    float: left;
}

/* Fitting Information page */
#sizing 
{
    float: left;
    width: 750px;
    margin-left: -20px;
    background: #333;
    padding: 20px;
}

#sizing .sizing-info 
{
    float: left;
    width: 170px;
    padding-right: 20px;
}

#sizing .sizing-table
{
    float: left;
    width: 560px;
}

#hp-fittinginformation h1 
{
    font-family: Georgia, Serif;
    font-size: 4em;
    font-weight: normal;
    color: #ccc;
    margin-bottom: 10px;
}

#hp-fittinginformation h3
{
    font-family: Georgia, Serif;
    font-size: 1.3em;
    color: #fff;
    margin-bottom: 30px;
}

#hp-fittinginformation h4 
{
    font-family: Georgia, Serif;
    font-size: 1.25em;
    color: #fff;
    margin-bottom: 3px;
}

#hp-fittinginformation h5 
{
    font-family: Georgia, Serif;
    font-size: 1.15em;
    color: #ffb534;
    margin-bottom: 5px;
}

#hp-fittinginformation ul 
{
    padding: 0 0 0 15px;
    margin: 0 0 15px 0;
    color: #ccc;
}

#hp-fittinginformation ul li 
{
    padding: 3px 0;
}

#hp-fittinginformation table 
{
    margin-bottom: 10px;
}

#hp-fittinginformation th,
#hp-fittinginformation td
{
    font-family: Arial, Sans-Serif;
    font-size: 1em;
    border-bottom: solid 1px #ccc;
    text-align: right;
    vertical-align: top;
    padding: 2px 0;
    width: 35px;
}

#hp-fittinginformation th.first,
#hp-fittinginformation td.first 
{
    text-align: left;
    width: 115px;
}

#hp-fittinginformation th 
{
    color: #ffb534;
}

#hp-fittinginformation td 
{
    color: #ccc;
}

#sizing p 
{
    color: #ccc;
    margin-bottom: 15px;
}

#sizing .table-heading 
{
    text-align: left;
    padding-top: 20px;
    width: 100%;
}

#sizing .table-headingNoPad 
{
    text-align: left;
    padding: 0;
    width: 100%;
}