/*
-------------------------------------------------
URI: http://www.
Created by Forte Trinity
-------------------------------------------------

CONTENTS

1: SITE MASTER SETUP (including reset from Tripoli)

2: TYPOGRAPHY/DESIGN 

3: LAYOUT
	3.1 main form
	3.2 container
	3.3 header
	3.4 content
	3.5 primary content
	3.6 secondary content
	3.7 tertiary content
	3.8 footer
	
4: GLOBAL ELEMENTS / CONTROLS
	4.1 accessibility
	
5: TEMPLATE / PAGE SPECIFIC
*/
div#site-search { width:583px; margin:15px 0 14px 4px; background:#3a3a3a url("../images/backgrounds/search-form-top.gif") no-repeat top left }
div#site-search form { width:583px; padding:25px 0 15px 0; background:url("../images/backgrounds/search-form-bottom.gif") no-repeat bottom; float:left }
div#site-search form fieldset#search-form { width:281px; margin-left:55px; float:left }
div#site-search form fieldset#search-button { width:71px; float:right; margin-right:163px }
div#site-search form input.search-box { width:281px; border:1px solid #737373; padding:4px; float:left; font-family:arial, verdana, "microsoft sans serif", helvetica, sans-serif }
div#site-search form input { margin:0 0 10px 0 }
div#site-search form input[type=radio] { float:left; display:block; width:15px }
div#site-search form ol { margin-top:0 }
div#site-search form ol li { list-style:none; float:left }
div#site-search form ol li label { font-size:1em; float:left; display:block; margin:0 15px 0 5px; color:#fff }

ol#primary-site-search { list-style:none; float:right; width:209px; margin:12px 20px 0 0 }
ol#primary-site-search li { float:left }
ol#primary-site-search input.search-box { width:176px; color:#000; font-size:1.0em; background:url(../images/backgrounds/search-bar.gif) top left no-repeat; float:left; padding:4px 0 6px 10px; border:0; font-family:arial, verdana, "microsoft sans serif", helvetica, sans-serif }
ol#primary-site-search input.search-button { margin-left:-2px; }

div.search-pagination { text-align:center }

ul.search-results-page { list-style:none }
ul.search-results-page li { display:inline }

/*	
6: USEFUL CLASSES

/* -----------------------------------------------
1. SITE MASTER SETUP
----------------------------------------------- */

/* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */
* { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; -moz-binding:none } blink { text-decoration:none } nobr { white-space:normal }
/* end of import */
body { height:100%; text-align:center; min-width:775px;  background:#000 }
body.intro { background:#000 url(../intro/top-background.jpg) top center no-repeat }
ul { list-style:disc outside }
ol { list-style:decimal outside }

/* -----------------------------------------------
2. TYPOGRAPHY / DESIGN
----------------------------------------------- */

html { font-size:62.5%; font-family:arial, verdana, "microsoft sans serif", helvetica, sans-serif; line-height:1.4em; color:#000 }
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:monaco, "Lucida Console", courier, mono-space }
h1 { font-size:1.6em; color:#000; margin:0 0 12px 0 }`
h2 { font-size:1.5em; color:#000; margin:0 0 12px 0 }
h3 { font-size:1.4em; color:#000; margin:0 0 12px 0 }
h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 }
h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 }
h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 }
body.intro p {  font-size:1.2em; color:#000; margin:0 0 10px 0; line-height:160% }
body.subpage p {  font-size:1.2em; color:#fff; margin:0 0 18px 0; line-height:180% }
a { color:#ff9900 }
a:hover { color:#ff6400; text-decoration:underline }

ul { margin:0 0 12px 0; font-size:1.2em }
ol { margin:0 0 12px 0; font-size:1.2em }
dl { margin:0 0 12px 0; font-size:1.2em }
hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none }
address { font-size:1.1em; color:#fff; font-style:normal; margin-bottom:20px }
blockquote { font-size:1.8em; color:#fff; line-height:120% }
img { border:none }

/* -----------------------------------------------
3. LAYOUT
----------------------------------------------- */

/* 3.1 - main form */
form.main { width:100%; height:100% }

/* 3.2 - container */
body.intro div#container { text-align:left;  margin:0 auto; width:972px;  }
body.subpage div#container { text-align:left;  margin:0 auto; width:900px }
body.products div#container { text-align:left;  margin:0 auto; width:900px }

/* 3.3 - wrapper */
div#wrapper {  }

/* 3.4 - header */
div#header {  }

ul#contact-details { float:right; text-align:right }
ul#contact-details li { list-style:none }

/* 3.5 - content */
body.intro div#content { width:972px; margin:0 auto; background:url(../intro/content-repeat.png) top center repeat-y; padding:0 13px 0 11px; margin:91px -12px 0 -12px; position:relative }
body.subpage div#content { width:900px; margin:25px auto }
body.products div#content { width:874px; margin:0 auto }

/* 3.6 - primary content */
body.intro div#primary-content { width:474px; float:left; position:relative }
body.subpage div#primary-content { width:594px; float:right; padding-right:14px }
body.products div#primary-content { text-align:left }

/* 3.7 - secondary content */
body.intro div#secondary-content { width:474px; float:left; padding-left:24px; position:relative }
body.subpage div#secondary-content { width:263px; float:left }


/* 3.7 - tertiary content */
div#tertiary-content {  }

/* 3.8 - page banner */
body.intro div#page-banner { height:120px }
body.subpage div#page-banner { width:871px; height:261px; margin:auto; position:relative }


/* 3.9 - footer */
body.intro div#footer { height:279px; background:url(../intro/bottom-background.jpg) bottom center no-repeat }
body.subpage div#footer { height:7px; width:874px; margin:auto }
body.products div#footer { height:7px; width:874px; margin:auto }

div#compliance { color:#fff }

/* -----------------------------------------------
4. GLOBAL ELEMENTS / CONTROLS
----------------------------------------------- */

/* 4.1 - accessibility */
ul#skiplinks { display:none }
ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } 
ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto }
ul#text-resize { text-align:right; background:#fff; font-size:1.4em; padding:10px 0 10px 0 }
ul#text-resize li { display:inline; list-style:none }

/* 4.2 - primary navigation */
ul#primary-navigation { clear:both; padding:10px 0 0 0; margin-left:15px; float:left }
ul#primary-navigation li {float:left; padding:0; margin:0; list-style:none }
ul#primary-navigation li a:hover { background-position:0% 100% }

#home-nav a { width:68px; height:26px; background:url(../images/navigation/home-nav.gif); display:block; text-indent:-9999px; margin-right:5px }
#products-nav a { width:83px; height:26px; background:url(../images/navigation/products-nav.gif); display:block; text-indent:-9999px; margin-right:5px }
#profile-nav a { width:68px; height:26px; background:url(../images/navigation/profile-nav.gif); display:block; text-indent:-9999px; margin-right:5px }
#pdf-downloads-nav a { width:122px; height:26px; background:url(../images/navigation/pdf-downloads-nav.gif); display:block; text-indent:-9999px; margin-right:5px }
#members-nav a { width:83px; height:26px; background:url(../images/navigation/members-nav.gif); display:block; text-indent:-9999px; margin-right:5px }
#logout-nav a { width:83px; height:26px; background:url(../images/navigation/logout-nav.gif); display:block; text-indent:-9999px; margin-right:5px; float:right; background-position:0% 100% }
#news-nav a { width:68px; height:26px; background:url(../images/navigation/news-nav.gif); display:block; text-indent:-9999px; margin-right:5px }
#contact-nav a { width:79px; height:26px; background:url(../images/navigation/contact-nav.gif); display:block; text-indent:-9999px; margin-right:5px }

ul#cart-navigation { width:864px; float:left; background:url(../images/backgrounds/cart-bg.gif) no-repeat; margin:0 0 20px 14px; padding:0 8px 3px 8px; font-weight:bold }
ul#cart-navigation li {float:right; padding:5px 15px 5px 0; margin:0; list-style:none }
ul#cart-navigation li a {color:#fff; text-decoration:none; font-weight:bold }
ul#cart-navigation li a:hover {color:#000}

/* 4.3 - footer links */
ul#footer-links { float:right; list-style:none }
ul#footer-links li {float:left; margin:0 0 0 10px}
ul#footer-links li a {color:#fff; text-decoration:none }
ul#footer-links li a:hover {color:#ff9900} 
div#footer span {float:left; margin:0 0 0 0}
div#footer span a {color:#fff; text-decoration:none }
div#footer span a:hover {color:#ff9900}


/* -----------------------------------------------
5. TEMPLATE/PAGE SPECIFIC
----------------------------------------------- */

/* intro page */
body.intro h2 { border:none; padding:0; margin:0 }
body.intro p { font-size:1.1em; color:#333 }
body.intro a {color:#666;  }
body.intro a:hover {color:#0271b1}

/* page titles */
h1,h2,h3,h4.main-ttl { font-size:1.8em; color:#e77918; text-transform:uppercase; border-bottom:1px solid #515151; padding:0 0 8px 2px; margin-bottom:10px }

.main-ttl-orange { margin:0 !important;border: 0 !important; font-size:1.8em; color:#e77918; text-transform:uppercase; padding:0 0 8px 2px; }
.main-ttl-border { border-bottom:1px solid #515151; padding-bottom: 22px; } 

h3 { font-size: 1.4em; border: none }


/* index page */

/* banners */
body.intro div.banner-intro { width:622px; background:url(../images/banners/intro.jpg) no-repeat 0 50%;}
body.subpage div.banner-subpage { background:url(../images/banners/index.jpg) no-repeat 0 50%;}

div#product-selector { width:255px; margin-left:14px }
div#product-selector ul { margin-bottom:45px}
div#product-selector ul li { font-size:1.3em; color:#b7b7b7; background:url(../images/other/grey-arrow.jpg) no-repeat 0% 50%; padding:3px 0 3px 17px; margin-bottom:8px; list-style:none; line-height:120% }
div#product-selector ul li a {color:#b7b7b7; font-weight:bold; display:block  }
div#product-selector ul li a:hover {color:#fff; text-decoration:none; background:#333 }

div#latest-news { width:255px; margin:0 0 45px 14px }
div#latest-news dl { color:#fff; font-size:1.4em }
div#latest-news dt { font-weight:bold; color:#fff }
div#latest-news dd { padding:10px 0; line-height:160% }

div#accreditations { width:255px; margin-left:14px; background:url(../images/other/iso-logos.jpg) no-repeat 0% 100%; padding-bottom:70px }

div#latest-products {}
div#latest-products ul li { padding-bottom:20px;  }
div#latest-products ul.parsed li { color: #fff; margin-left: 20px }
div#latest-products ul li a { font-size:1.6em; color:#ccc}
div#latest-products #pdf-icon { text-align:center }
div#latest-products #pdf-icon a { color:#db0f1b; line-height:120% }
div#latest-products #pdf-icon a:hover { color:#fff; text-decoration:none }
div#latest-products #pdf-icon img { border:none; margin-bottom:10px }

div#latest-products #cat-links { margin-top:30px; font-size:1.2em }
div#latest-products #cat-links a { color:#db0f1b; background:url(../images/other/grey-arrow.jpg) no-repeat 0% 50%; padding:3px 0 3px 17px }
div#latest-products #cat-links a:hover { color:#fff }

/* table style */
#prod-table { width:100%; border-top:1px solid #515151;  border-left:1px solid #515151 }
#prod-table th { border-bottom:1px solid #515151; border-right:1px solid #515151; color: white; padding:8px; font-weight:bold }
#prod-table td { border-bottom:1px solid #515151; border-right:1px solid #515151; color: white; padding:12px; background:#1f1f1f }
#prod-table fieldset { margin:0; padding:0 }
#prod-table legend { margin:0; padding:0 }
#prod-table label { font-size:1.1em; width:20px }
#prod-table ul { margin-top:10px; background:none }
#prod-table ul li { float:left; background:none !important }
#prod-table input { border:1px solid #000; background:#fff; font-size:11px; color:#000 }


ul#index-product-list { margin:15px 0 30px 0}
ul#index-product-list li { list-style:none; float:left; margin:0 11px 8px 0 }
ul#index-product-list li.last { list-style:none; float:left; margin:0 0 5px 0 }
ul#index-product-list li a img { border:4px solid #cbcbcb }
ul#index-product-list li a:hover img { border:4px solid #e77918 }

ul#narrow-product-list { width:140px; float:right; margin:15px 0 30px 30px}
ul#narrow-product-list li { list-style:none; float:left; margin:0 11px 8px 0 }
ul#narrow-product-list li.last { list-style:none; float:left; margin:0 0 5px 0 }
ul#narrow-product-list li img { border:4px solid #cbcbcb }

div#pdf-downloads p { color:#fff }
div#pdf-downloads img { margin-bottom:15px }
div#pdf-downloads ul { margin:50px 0}
div#pdf-downloads ul li { width:270px; float:left; list-style:none; text-align:center; margin:0 52px 6px 0; background:url(../images/buttons/grey-btn.jpg) no-repeat }
div#pdf-downloads ul li.last { width:270px; float:left; list-style:none; text-align:center; margin:0 0 6px 0 }
div#pdf-downloads ul li.pdf { width:270px; float:left; list-style:none; text-align:center; margin:0 0 6px 0; background:url(../images/buttons/orange-btn.jpg) no-repeat }
div#pdf-downloads ul li a { font-size:1.2em; color:#fff; padding:5px 0; display:block }
div#pdf-downloads ul li a:hover {color:#ff9900; text-decoration:none }

div#breadcrumb { clear:both; padding-left:15px}

#basketContents { width:100%; border-top:1px solid #515151;  border-left:1px solid #515151 }
#basketContents th { border-bottom:1px solid #515151; border-right:1px solid #515151; color: white; padding:8px; font-weight:bold }
#basketContents td { border-bottom:1px solid #515151; border-right:1px solid #515151; color: white; padding:12px; background:#1f1f1f }
#basketContents p { color:#FF0000; font-size:1.0em; padding-top:30px}
#basketContents li { list-style:none; padding:10px; font-size:1.2em  }
#basketContents label { margin-right:5px; }
#basketContents legend { background:none; border:none; text-indent:-9999px }
#basketContents fieldset { border:none; padding:0; margin-top:-15px }
#basketContents td.subtotal { font-size:1.8em; font-weight:bold; color:#9ec3a3; padding:30px 20px; line-height:180% }
#basketContents td.subtotal span { color:#9a0101 }
#basketContents td.postage { font-size:1.4em; font-weight:bold; color:#9ec3a3; padding:30px 20px }
#basketContents td.grandtotal { font-size:2.0em; font-weight:bold; color:#fff; padding:30px 10px }
#basketContents input { border:1px solid #000; background:#fff; font-size:11px; color:#000 }

/* shopping buttons */
#shopping-buttons { float:right; margin:10px 0 0 0 }
#shopping-buttons li { float:left; list-style:none }

#continue-shopping-btn a { width:193px; height:26px; background:url(../images/buttons/continue-shopping-btn.jpg) no-repeat; display:block; text-indent:-9999px; margin-right:10px } 
#continue-shopping-btn a:hover { background-position:0% 100% } 

#checkout-btn a { width:204px; height:26px; background:url(../images/buttons/checkout-btn.jpg) no-repeat; display:block; text-indent:-9999px }
#checkout-btn a:hover { background-position:0% 100% }

#review-terms-btn a { clear:both; width:128px; height:26px; background:url(../images/buttons/terms-btn.jpg) no-repeat; display:block; text-indent:-9999px }
#review-terms-btn a:hover { background-position:0% 100% }

#terms ol li ol li p { font-size:0.8em; color:#fff!important }
#terms ol li ol li address { font-size:0.8em }

#customerDetails { color:#fff; margin-top:20px }
#customerDetails li { width:33%; float:left; list-style:none }
#customerDetails li h3 {}
#customerDetails li dl { }
#customerDetails li dt { color:#b7b7b7; font-weight:bold; margin-bottom:10px }
#customerDetails li dd { margin-bottom:10px }

/* compliance */
div#compliance { }
div#compliance li { list-style:none }

div#basescript { width:622px; padding-top:250px; margin:auto; text-align:left }
div#basescript h1 { color:#fff; font-size:1.2em; border:0 }
div#basescript p { color:#fff;  }

ul#basewords { width:874px; margin:0 auto; text-align:center; clear:both }
ul#basewords li { display:inline; list-style:none; margin:0 6px; color:#fff; font-size:0.8em }

dl.search-results-list { margin:0 14px; color:#fff;}
dl.search-results-list dt { margin:0 0 3px 0 }
dl.search-results-list dt a { font-size:1.4em; font-weight:normal; }
dl.search-results-list dd { font-size:1.1em; line-height:150% }
dl.search-results-list dd.search-matches { font-style:italic; font-size:1em; border-bottom:1px solid #eee; padding:0 0 15px 0; margin:3px 0 15px 0 }

/* intro page */
a.brindley-logo { background:url(../intro/brindley-logo.png) top left no-repeat; width:140px; height:75px; display:block; text-indent:-9000px; position:absolute; top:-90px }
a.snowchain-logo { background:url(../intro/snowchain-logo.png) top left no-repeat; width:142px; height:59px; display:block; text-indent:-9000px; position:absolute; top:-71px }
a.brindley-enter-btn { background:url(../intro/brindley-enter-btn.gif) no-repeat; width:173px; height:24px; display:block; text-indent:-9000px; margin:15px 0 27px 0 }
a.brindley-enter-btn:hover { background-position:50% -24px; }
a.snowchain-enter-btn { background:url(../intro/snowchain-enter-btn.gif) no-repeat; width:173px; height:24px; display:block; text-indent:-9000px; margin:15px 0 27px 0 }
a.snowchain-enter-btn:hover { background-position:50% -24px; }

/* -----------------------------------------------
6. USEFUL CLASSES
----------------------------------------------- */

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.clr { overflow:hidden; clear:both; height:1px; margin-top:-1px }
.la { text-align:left }
.ra { text-align:right }
.ca { text-align:center }
.fl { float:left }
.fr { float:right }
.vt { vertical-align:top }
.vm { vertical-align:middle }
.vb { vertical-align:bottom }
.nb { border:0 none }
.bold-text { font-weight:bold }
.blue-text { color:#0271b1 }
.red-text { color:#ff1500 }
.bullet-list { color:#fff; margin-left:30px }
.bullet-list li { line-height:160%}
.highlight { font-weight: bold }