/* =============== Global Reset =============== */

* {
margin: 0;
padding: 0;
}

body {
background: url(../images/body-bg.gif) repeat;
font-size: 62.5%;
font-family: helvetica, arial, verdana, sans-serif;
padding-bottom: 60px;
}

#wrap {
margin: 0 auto;
width: 992px;
background: url(../../images/header-wp-bg.png) center top no-repeat;
padding: 0 0 60px 0;
}




/* =============== Header =============== */

#header-wrap {
position: relative;
width: 992px;
padding-top: 16px;
}

#header {
position: relative;
width: 960px;
height: 113px;
margin: 0 16px;
background: #002F57 url(../images/header-bg.jpg) top right no-repeat;
}

#header a { 
position: absolute; 
left: 60px; 
top: 33px; 
display: block; 
width: 222px; 
height: 43px; 
background: url(../images/logo.gif);
text-indent: -9999px;
}

#header-wrap #header p {
position: absolute;
bottom: 12px;
left: 60px;
font-size: 1.3em;
font-weight: normal;
font-style: italic;
font-family: "Lucida Grande", "Lucida Sans", tahoma, helvetica, arial, sans-serif;
color: #B4BFCA;
}

#header-wrap p {
position: absolute;
bottom: 10px;
right: 32px;
font-size: 1.3em;
font-weight: bold;
font-family: "trebuchet MS", tahoma, helvetica, arial, sans-serif;
color: #FFF;
}




/* =============== Navigation =============== */

#navigation-wrap {
width: 992px;
background: url(../images/content-wp-bg.png) repeat-y;
}

#header-wrap ul {
list-style: none;
background: #C60;
padding: 4px 0 0 0;
width: 960px;
margin: 0 16px;
overflow: hidden;
}

#header-wrap ul li {
float: left;
margin-right: 2px;
}

#header-wrap ul li a {
display: block;
padding: 8px 14px 10px 14px;
font-size: 1.3em;
font-weight: bold;
font-family: "trebuchet MS", tahoma, helvetica, arial, sans-serif;
text-decoration: none;
}

#header-wrap ul li a:link, #header-wrap ul li a:visited {
color: #FFF;
}

#header-wrap ul li a:hover, #header-wrap ul li a:active, #header-wrap ul li#current a {
color: #C60;
background: #FFF;
}




/* =============== Category Navigation =============== */

#category-navigation {
margin-bottom: 22px;
}

#category-navigation h2 {
padding: 10px 10px 5px 10px;
font-family: "trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-weight: normal;
font-size: 1.7em;
color: #212F48;
background: #CBE8F4;
}

/* Level 1 */

#category-navigation ul {
list-style: none;
}

#category-navigation ul li {
display: inline;
width: 202px;
}

#category-navigation ul li a {
display: block;
padding: 7px 12px 6px 12px;
font-size: 1.2em;
}

#category-navigation ul li a:link, #category-navigation ul li a:visited {
color: #354A65;
text-decoration: none;
background: #CBE8F4;
}

#category-navigation ul li a:hover, #category-navigation ul li a:active {
color: #002F57;
text-decoration: underline;
background: #CBE8F4;
}

#category-navigation ul li#current-cat a {
color: #002F57;
text-decoration: none;
background: #A1C4DB;
}

/* Level 2 */

#category-navigation ul ul {
padding: 6px 10px 8px 10px;
background: #FFF url(../images/cat-nav-l2-bg.gif) top left repeat-x;
}

#category-navigation ul ul li {
display: inline;
width: 182px;
}

#category-navigation ul ul a, #category-navigation ul li#current-cat ul a {
display: block;
padding: 3px 12px;
font-size: 1.2em;
background: none;
color: #333;
}

#category-navigation ul ul a:link, #category-navigation ul ul a:visited, #category-navigation ul li#current-cat ul a:link, #category-navigation ul li#current-cat ul a:visited {
color: #333;
text-decoration: none;
background: transparent url(../images/nav-arr-rt.gif) 2px 7px no-repeat;
}

#category-navigation ul ul a:hover, #category-navigation ul ul a:active, #category-navigation ul li#current-cat ul a:active, #category-navigation ul li#current-cat ul a:hover {
color: #333;
text-decoration: none;
background: transparent url(../images/nav-arr-rt.gif) 2px 7px no-repeat;
}

#category-navigation ul li#current-sub-cat a, #category-navigation ul li#current-cat ul li#current-sub-cat a {
color: #333;
text-decoration: none;
background: transparent url(../images/nav-arr-dn.gif) 2px 7px no-repeat;
}

/* Level 3 */

#category-navigation ul li ul li ul {
padding: 0px 10px 6px 10px;
background: none;
}

#category-navigation ul ul ul li {
display: inline;
width: 162px;
}

#category-navigation ul li ul li ul li a, #category-navigation ul li#current-cat ul li#current-sub-cat ul a {
display: block;
padding: 3px 9px;
font-size: 1.2em;
color: #888;
background: none;
}

#category-navigation ul ul ul a:link, #category-navigation ul ul ul a:visited {
color: #888;
text-decoration: none;
background: none;
}

#category-navigation ul ul ul a:hover, #category-navigation ul ul ul a:active {
color: #888;
text-decoration: underline;
background: #FFF;
}

#category-navigation ul li#current-cat ul li#current-sub-cat ul li#current-sub-sub-cat a {
color: #C60;
text-decoration: underline;
background: #FFF;
}




/* =============== Content =============== */

#content-wrap {
width: 992px;
background: url(../images/content-wp-bg.png) repeat-y;
padding: 10px 0 60px 0;
overflow: hidden;
}

#left-column {
float: left;
margin: 0 10px 0 25px;
display: inline;
width: 202px;
}

#content {
float: left;
width: 518px;
}

#right-column {
float: right;
margin: 0 25px 0 0;
display: inline;
width: 202px;
}




/* =============== Side Boxes =============== */

.side-box {
background: url(../images/box-bot.gif) bottom left no-repeat;
padding-bottom: 0;
margin-bottom: 22px;
}

.side-box h3 {
padding: 10px 15px 54px 15px;
font-family: "trebuchet MS", tahoma, helvetica, arial, sans-serif;
font-weight: normal;
font-size: 1.6em;
color: #FFF;
background: url(../images/box-top.jpg) top left no-repeat;
}

.side-box p {
margin: 0 15px 10px 15px;
width: 170px;
overflow: hidden;
}




/* =============== Newsletter Sign Up =============== */

#newsletter-sign-up div {
padding: 0 15px;
}

#newsletter-sign-up input.field {
background: #EDF3FE;
border: none;
outline: none;
padding: 5px;
width: 160px;
margin: 0 0 10px 0;
}

#newsletter-sign-up label {
color: #002F57;
font-size: 1.2em;
display: block;
width: 170px;
}

#newsletter-sign-up input.sign-up {
margin: 0 0 15px 120px;
}




/* =============== Search =============== */

#search {
background: url(../images/sch-form-bg.gif) no-repeat;
height: 34px;
width: 202px;
overflow: hidden;
margin-bottom: 22px;
}

#search input#search-keywords {
float: left;
margin: 8px 0 0 20px;
border: 1px solid #FFF;
width: 100px;
outline: none;
padding: 0 5px;
font-size: 1.3em;
color: #666;
}

#search input#search-btn {
float: right;
margin: 7px 6px 0 0;
border: none;
width: 49px;
height: 20px;
}




/* =============== Request Quote Box =============== */

p.quote-cart-status {
padding: 3px 0 3px 54px;
margin-left: 37px;
background: url(../images/trolley.gif) center left no-repeat;
color: #333;
font-size: 1.2em;
line-height: 120%;
width: auto;
}

p.quote-cart-status em {
font-style: normal;
font-weight: bold;
font-size: 1.4em;
}

table.quote-cart-items {
border-collapse: collapse;
width: 172px;
font-size: 1.1em;
margin: 0 15px 10px 15px;
}

table.quote-cart-items th {
font-weight: normal;
color: #333;
padding-bottom: 2px;
text-align: left;
}

table.quote-cart-items td {
font-weight: normal;
color: #C60;
padding-bottom: 2px;
}

table.quote-cart-items .qty {
text-align: right;
padding-right: 12px;
}

table.quote-cart-items a:link, table.quote-cart-items a:visited {
color: #C60;
text-decoration: underline;
}

table.quote-cart-items a:hover, table.quote-cart-items a:active {
color: #C60;
text-decoration: underline;
}

a.view-cart-btn {
display: block;
width: 109px;
height: 20px;
margin: 0 0 15px 61px;
text-indent: -9999px;
}

a.view-cart-btn:link, a.view-cart-btn:visited {
background: url(../images/view-cart-details.gif);
}

a.view-cart-btn:hover, a.view-cart-btn:active {
background: url(../images/view-cart-details.gif) -109px 0px;
}




/* =============== Quote Cart Page =============== */

#quote-cart {
width: 518px;
border-collapse: collapse;
border: 1px solid #CCC;
color: #333;
margin-bottom: 20px;
}

#quote-cart th {
text-align: left;
font-weight: normal;
font-size: 1.1em;
color: #000;
padding: 12px 15px;
border-bottom: 1px solid #CCC;
}

#quote-cart td {
text-align: left;
font-weight: normal;
font-size: 1.1em;
color: #000;
padding: 12px 8px;
border-bottom: 1px solid #CCC;
}

#quote-cart tr.alt {
background: #EEE;
}

#quote-cart td input {
width: 60px;
color: #DB651E;
text-align: right;
}

#quote-cart td.item {
font-size: 1.2em;
}

#quote-cart td.item a:link, #quote-cart td.item a:visited {
color: #333;
text-decoration: underline;
}

#quote-cart td.item a:hover, #quote-cart td.item a:active {
color: #333;
text-decoration: underline;
}

#quote-cart td img {
margin: 0 14px 0 0;
vertical-align: middle;
}

#quote-cart th.delete {
text-align: right;
}

#quote-cart td.delete {
text-align: right;
padding-right: 15px;
}

#quote-cart td.delete a:link, #quote-cart td.delete a:visited {
display: inline-block;
width: 12px;
height: 13px;
background: url(../images/delete.gif);
}

#quote-cart td.delete a:hover, #quote-cart td.delete a:active {
display: inline-block;
width: 12px;
height: 13px;
background: url(../images/delete.gif) -12px 0px;
}

p.cart-btns {
width: 518px;
overflow: hidden;
}

p.cart-btns a.continue-browsing-btn {
float: left;
}

a.continue-browsing-btn {
display: block;
width: 119px;
height: 20px;
text-indent: -9999px;
}

a.continue-browsing-btn:link, a.continue-browsing-btn:visited {
background: url(../images/continue-browsing.gif);
}

a.continue-browsing-btn:hover, a.continue-browsing-btn:active {
background: url(../images/continue-browsing.gif) -119px 0px;
}

p.cart-btns a.finalise-request-btn {
float: right;
}

a.finalise-request-btn {
display: block;
width: 104px;
height: 20px;
text-indent: -9999px;
}

a.finalise-request-btn:link, a.finalise-request-btn:visited {
background: url(../images/finalise-request.gif);
}

a.finalise-request-btn:hover, a.finalise-request-btn:active {
background: url(../images/finalise-request.gif) -104px 0px;
}




/* =============== Top Sellers Box =============== */

a.more-top-sellers-btn {
float: right;
display: inline-block;
padding: 5px 0;
font-size: 1.2em;
font-family: "trebuchet MS", tahoma, helvetica, arial, sans-serif;
color: #C60;
margin-bottom: 15px;
}

a.more-top-sellers-btn:link, a.more-top-sellers-btn:visited {
text-decoration: none;
}

a.more-top-sellers-btn:hover, a.more-top-sellers-btn:active {
text-decoration: underline;
}




/* =============== General Typography =============== */

#content p {
color: #333;
font-size: 1.3em;
line-height: 140%;
margin-bottom: 14px;
}

#content p#home-intro {
height: 196px;
background: url(../images/home-intro-bg.jpg) no-repeat;
text-indent: -9999px;
margin-bottom: 20px;
}

h1 {
font-size: 1.8em;
font-family: "trebuchet MS", tahoma, helvetica, arial, sans-serif;
color: #002F57;
margin-bottom: 10px;
padding-top: 16px;
}

#quote-cart-hd {
padding: 16px 0 30px 52px;
margin-bottom: 2px;
background: url(../images/trolley.gif) 0px 14px no-repeat;
}

#quote-cart-hd h1 {
padding: 0;
margin-bottom: 2px;
}




/* =============== Breadcrumbs =============== */

ul.breadcrumbs {
list-style: none;
width: 518px;
overflow: hidden;
}

ul.breadcrumbs li {
display: inline;
color: #002F57;
font-size: 1.1em;
margin-right: 3px;
}

ul.breadcrumbs li a {
padding-right: 10px;
background: url(../images/bcrumb-arrow.gif) center right no-repeat;
}

ul.breadcrumbs li a:link, ul.breadcrumbs li a:visited {
color: #666;
text-decoration: none;
}

ul.breadcrumbs li a:hover, ul.breadcrumbs li a:active {
color: #666;
text-decoration: underline;
}




/* =============== Display Lists =============== */

.product-display {
list-style: none;
}

.product-display li {
}

.product-display li img {
display: block;
margin: 0 auto 14px auto;
}

.product-display li div {
	height: 100px;
}

.product-display li a span {
display: block;
margin: 10px;
padding-left: 12px;
background: url(../images/product-arrow.gif) 0px 2px no-repeat;
}

.product-display li a:link, .product-display li a:visited {
color: #333;
text-decoration: none;
}

.product-display li a:hover, .product-display li a:active {
color: #333;
text-decoration: underline;
}

.product-display li a:link span, .product-display li a:visited span {
color: #333;
text-decoration: none;
}

.product-display li a:hover span, .product-display li a:active span {
color: #333;
text-decoration: underline;
}

.product-display li a span {
	height: 24px;
	overflow: hidden;
}

/* If Top Sellers */

.top-sellers {
width: 170px;
margin: 0 15px;
}

.top-sellers li {
border-bottom: 1px solid #CCC;
padding-bottom: 8px;
margin-bottom: 14px;
font-size: 1.1em;
}

/* If 3 Columns */

.three-col {
width: 510px;
margin: 0 0 20px 3px;
padding-top: 20px;
overflow: hidden;
background: url(../images/product-display-ul-bg.gif) top left repeat-x;
}

.three-col li {
float: left;
width: 170px;
height: 180px;
background: url(../images/product-display-li-bg-long.gif) top right no-repeat;
margin: 0 0 20px 0;
border-bottom: 1px solid #CCC;
font-size: 1.2em;
}

ul.three-col li.third {
background: none;
}

/* If 4 Columns */

.four-col {
width: 512px;
margin: 0 0 20px 3px;
padding-top: 20px;
overflow: hidden;
background: url(../images/product-display-ul-bg.gif) top left repeat-x;
}

.four-col li {
float: left;
width: 128px;
height: 180px;
font-size: 1.1em;
background: url(../images/product-display-li-bg.gif) top right no-repeat;
margin: 0 0 20px 0;
border-bottom: 1px solid #CCC;
}

ul.four-col li.fourth {
background: none;
}





/* =============== Contact Form =============== */

#frmQuoteContact {
	display: none;
}

.form-wrap {
background: #EEE;
padding: 25px;
}

form p {
width: 468px;
overflow: hidden;
margin-bottom: 7px;
}

.form-wrap p label {
text-align: right;
float: left;
margin-right: 20px;
padding-top: 5px;
width: 90px;
color: #333;
}

.form-wrap p label span {
color: #D04A1D;
}

.form-wrap p.field input, .form-wrap p.field textarea {
float: left;
padding: 5px;
width: 320px;
outline: none;
}

.required {
color: #D04A1D;
}

.form-wrap p.field select {
margin-top: 5px;
}

.form-wrap p.btn {
padding-top: 10px;
}

.form-wrap p.btn input {
float: right;
}




/* =============== Thank You =============== */

#thank-you-wrap {
background: #EEE url(../images/big-tick.gif) 25px 22px no-repeat;
padding: 25px 25px 25px 100px;
}

#content #thank-you-wrap h2 {
color: #559E2C;
font-size: 2.2em;
margin-bottom: 2px;
font-weight: normal;
}

#thank-you-wrap p.for-what {
color: #333;
font-size: 1.4em;
font-weight: bold;
}




/* =============== Footer =============== */

#footer {
background: url(../images/footer-bg.png) no-repeat;
padding: 14px 0;
}

#footer p {
text-align: center;
font-size: 1.2em;
color: #FFF;
font-family: "trebuchet MS", tahoma, helvetica, arial, sans-serif;
}

#footer p a:link, #footer p a:visited {
color: #FFF;
text-decoration: none;
}

#footer p a:hover, #footer p a:active {
color: #FFF;
text-decoration: none;
}




/* =============== Misc =============== */

img {
border: none;
}

a {
outline: none;
}

#popup-overlay { 
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/overlay.png');
	z-index: 1;
}

#global_status {
	position:absolute;
	left: 50%;
	top: 0px;
	width: 750px;
	margin-left: -375px;
	z-index: 99;
	background-color: #fff;
	margin-top: 100px;
}
div.navigation {
	padding: 5px;
		clear: both;

}

div.navigation p {
	text-align: left;
	font-size: 8px;
	float: left;
	padding: 5px;
}

a.next, a.previous {
	padding: 5px;
	border: 1px solid #888;
	color: #888;
	background-color: #fafafa;
	float: right;
	text-align: center;
	width: 60px;
	text-decoration: none;
	margin-left: 5px;
}

a.faqQuestion {
	font-size: 14px;
	font-family: "trebuchet MS", tahoma, helvetica, arial, sans-serif;
	color: #002F57;
}

p.faqAnswer {
	padding: 10px 0 10px 0;
	display: none;
}

input.btEnquire {
	background-color: #cc6600;
	width: 120px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
	border: 0;
}

div.category_desc img {
	float: left;
	margin-right: 20px;
}

div.category_desc {
	clear: both;
}
div.product_content {
	padding-top: 20px;
	clear: both;
}