/************************************************
* General
************************************************/
body { font-family: Arial, Helvetica, sans-serif; font-size: 80%; margin: 0; background: #fff url(images/bg.gif) top repeat-x; }
#container { width: 960px; margin: 0 auto; background: #fff; }
#header { height: 80px; background: #fff url(images/bg.jpg) top repeat-x; border-bottom: 1px solid #fff; }
#header_left { float: left; width: 260px; height: 80px; }
#header_right { float: left; width: 700px; height: 80px; }
#speedbar { padding: 0; background: #19194C; color: #fff; text-align: center; border-top: 0px solid #fff; }
#content { padding: 10px; color: #000; background: #fff; }
#footer { padding: 10px 0; background: #19194C url(images/footer_bg.jpg) bottom; color: #fff; text-align: center; border-top: 0px solid #000; font-size: 0.9em; margin-top: 0px; }
#footer a { color: #fff; }
.footer { margin-right: 15px; }
.ImgBorder { border: 1px solid #A5B8CE; }
.NoBorder { border: 0; }
.tableborder { border: 1px solid #A5B8CE; }
p { margin: 0 0 20px 0; line-height: 1.2em; }
h1,h2,h3,h4 { margin: 0 0 0px 0; padding: 0; text-decoration: none; }
h1 { color: #000080; font-size: 2.0em; }
h2 { color: #000080; font-size: 1.8em; }
h3 { color: #000080; font-size: 1.3em; }
h4 { color: #000080; font-size: 1.3em; }
.products_box h2 { font-size: 1.1em; }
form,table { margin: 0; padding: 0; }
img { border: 0; vertical-align: middle; }
.tip { border: 0; vertical-align: top; margin-top: 2px; }
.tip2 { border: 0; vertical-align: top; margin-top: 38px; }
li { list-style-position: outside; /*list-style-type: square;*/ margin: 0; padding: 0; }
hr { color: #9999FF; background: #9999FF; border: 0; Height: 1px; }
.ProductPrice { color: #ff0000; font-size: 16px; font-weight: bold; }
.ProductPriceMain { color: #ff0000; font-size: 26px; font-weight: bold; }
html, body { height: 100%; }
.quoteheader { padding: 2px; color: #fff; font-size: 1.1em; font-weight: bold; }
.quotebg { background: #fff url(images/quotebg.jpg) repeat-y; }

/************************************************
* 3 Columns
************************************************/
#colmask { position: relative; clear: both; float: left; width: 100%; overflow: hidden; }
#colmid { float: left; width: 200%; position: relative; left: 190px; }
#colright { float: left; width: 100%; position: relative; left: 50%; margin-left: -380px; }
#col1wrap { float: right; width: 50%; position: relative; right: 100%; }
#col1pad { margin: 0 0 0 380px; overflow: hidden; }
#col1 { width: 100%; position: relative; overflow: hidden; }
#col2 { float: left; width: 190px; position: relative; margin-left: -50%; left: 190px; overflow: hidden; }
#col3 { float: left; width: 190px; position: relative; left: 0px; overflow: hidden; }
#colmask { background: #D5D5DF; /* Left column background */ }
#colmid { background: #fff; /* Centre column background */ }
#colright { background: #D5D5DF; /* Right column background */ }

/************************************************
* Columns
************************************************/
.colpad { padding: 5px; }
.col25 { float: left; width: 25%; background: #ccc; }
.col50 { float: left; width: 50%; background: #bbb; }
.col75 { float: left; width: 75%; background: #aaa; }
.col33 { float: left; width: 33%; background: #ccc; }
.col34 { float: left; width: 34%; background: #bbb; }
.col66 { float: left; width: 66%; background: #aaa; }

/************************************************
* Logo
************************************************/
#logo h1 { background: url(images/logo.jpg) no-repeat; width: 260px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; }
#logo h1 a { display: block; text-indent: -3000px; width: 260px; height: 80px; border: 0; text-decoration: none; }
#logo h1 a:hover { border: 0; text-decoration: none; }

/************************************************
* Head Images
************************************************/
#headimg1 { background: url(images/head/1.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg2 { background: url(images/head/2.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg3 { background: url(images/head/3.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg4 { background: url(images/head/4.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg5 { background: url(images/head/5.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg6 { background: url(images/head/6.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg7 { background: url(images/head/7.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg8 { background: url(images/head/8.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg9 { background: url(images/head/9.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg10 { background: url(images/head/10.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg11 { background: url(images/head/11.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg12 { background: url(images/head/12.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg13 { background: url(images/head/13.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg14 { background: url(images/head/14.jpg) no-repeat; width: 700px; height: 80px; border: 0; overflow: hidden; margin: 0; padding: 0; z-index: 30; float: left; text-align: right; }
#headimg_pad { padding: 14px 20px 0 0; }
#headimg_pad h2 { font-size: 28px; color: #FAFDA6; margin: 0; }
#headimg_pad h3 a { font-size: 18px; color: #fff; margin: 0; text-decoration: none; }

/************************************************
* Clears
************************************************/
.cb { clear: both; }
.clearboth { clear: both; }

/************************************************
* Links
************************************************/
a:link, a:visited { color: #333366; text-decoration: underline; }
a:hover { text-decoration: none; }

/************************************************
* Speedbar
************************************************/
#speedbar { clear: left; width: 100%; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border-bottom: 0px solid #000; overflow: hidden; }
#speedbar ul { clear: left; float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; text-align: center; }
#speedbar ul li { display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; right: 50%; }
#speedbar ul li.first a { border-left: 0px solid #fff; }
#speedbar ul li.last a { border-right: 0px solid #fff; }
#speedbar ul li a { border-left: 0px solid #fff; border-right: 1px solid #fff; display: block; margin: 0; padding: .3em .5em; color: #fff; font-weight: bold; text-decoration: none; line-height: 1.7em; }
#speedbar ul li a span { display: block; }
#speedbar ul li.active a { color: #000; font-weight: bold; background: #D5D5DF url(images/menu_hover.jpg) repeat-x; }
#speedbar ul li a:hover { color: #000; font-weight: bold; background: #D5D5DF url(images/menu_hover.jpg) repeat-x; }

/************************************************
* Search
************************************************/
.as { text-align: center; }
#search_container { width: 90%; margin: 0 auto; }
#search_dropdown { width: 90%; }
#search_item { width: 90%; background: #FFF url(../images/zoom_s.gif) no-repeat; padding-left: 18px; }
.search_item_menu { width: 60%; background: #FFF url(../images/zoom_s.gif) no-repeat; padding-left: 18px; float: left; }

/************************************************
* CSS Buttons
************************************************/
.clear { overflow: hidden; width: 100%; }
.button { float: left; }
a.button { background: transparent url(images/bg_button_a.gif) no-repeat scroll top right; color: #444; display: block; float: left; font: normal 12px arial, sans-serif; height: 24px; margin-right: 3px; padding-right: 18px; text-decoration: none; border: 0; }
a.button span { background: transparent url(images/bg_button_span.gif) no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 18px; }
a.button:active { background-position: bottom right; color: #000; outline: none; }
a.button:active span { background-position: bottom left; padding: 6px 0 4px 18px; }

/************************************************
* Menu & Dialog Borders	Start
************************************************/
/*--------- Dialogs ----------*/
.dborders { width: 100%; margin-bottom: 5px; }
.dborders h2, .dborders h2 { margin: 0; font-size: 1.1em; font-weight: bold; padding: 0 3px 3px 5px; }
.dborders p, .dborders p { margin: 0; padding: 3px 3px; font-size: 1.0em; }
.dtop, .dbottom { display: block; background: transparent; font-size: 1px; }
.db1, .db2, .db3, .db4 { display: block; overflow: hidden; }
.db1, .db2, .db3 { height: 1px; }
.db2, .db3, .db4 { background: #fff; border-left: 1px solid #223560; border-right: 1px solid #223560; }
.db1 { margin: 0 5px; background: #223560; }
.db2 { margin: 0 3px; border-width: 0 2px; }
.db3 { margin: 0 2px; }
.db4 { height: 2px; margin: 0 1px; }
.dboxcontent { display: block; border: 0 solid #223560; border-width: 0 1px; height: auto; background: #fff; }
* html .dboxcontent { height: 1px; }
.dboxpadding { padding: 4px; background: #fff; }

/*--------- Menus ----------*/
.mborders { width: 100%; margin-bottom: 5px; }
.mborders h3, .mborders h3 { margin: 0; font-size: 1.1em; font-weight: bold; padding: 0 3px 3px 5px; }
.mborders p, .mborders p { margin: 0; padding: 3px 3px; font-size: 1.0em; }
.mtop, .mbottom { display: block; background: transparent; font-size: 1px; }
.mb1, .mb2, .mb3, .mb4 { display: block; overflow: hidden; }
.mb1, .mb2, .mb3 { height: 1px; }
.mb2, .mb3, .mb4 { background: #fff; border-left: 1px solid #223560; border-right: 1px solid #223560; }
.mb1 { margin: 0 5px; background: #223560; }
.mb2 { margin: 0 3px; border-width: 0 2px; }
.mb3 { margin: 0 2px; }
.mb4 { height: 2px; margin: 0 1px; }
.mboxcontent { display: block; border: 0 solid #223560; border-width: 0 1px; height: auto; background: #fff; }
* html .mboxcontent { height: 1px; }
.mboxpadding { padding: 4px; background: #fff; }

/************************************************
* Menu and Dialog Background Colours
************************************************/
.menu_colour { background: #3C4884 url(images/menu_bg.jpg); color: #fff; }
.dialog_colour { background: #3C4884 url(images/menu_bg.jpg); color: #fff; }
.blank { background: #fff; }
.filled { background: #E2E2E2; }

/************************************************
* Product Page
************************************************/
.product_container { width: 100%; }
.product_left_col { float: left; width: 25%; }
.product_right_col { float: left; width: 74%; }

/************************************************
* Subcategories
************************************************/
.subcat_cols{ float: left; }
.subcat_box{ float: left; width: 95%; text-align: center; }
.subcat_box_last{ float: left; width: 103%; text-align: center; }
.subcat_box h2 { text-decoration: none; margin: 0; padding: 0; }

/************************************************
* Products Page - Rows
************************************************/
.products_container { width: 100%; }
.products_left_col { float: left; width: 25%; }
.products_right_col { float: left; width: 74%; }
.product_price { color: #FF0000; font-weight: bold; font-size: 1.1em; }

/************************************************
* Products Page - Columns
************************************************/
.products_cols{ float: left; }
.products_box{ float: left; width: 95%; text-align: center; }
.products_box_last{ float: left; width: 103%; text-align: center; }
.products_box_last_single{ float: left; width: 100%; text-align: center; }
.products_box_last_double{ float: left; width: 99%; text-align: center; }
.products_box h2 { text-decoration: none; margin: 0; padding: 0; }

/************************************************
* Manufacturers
************************************************/
.manuf_cols{ float: left; }
.manuf_box{ float: left; width: 95%; text-align: center; }
.manuf_box_last{ float: left; width: 103%; text-align: center; }
.manuf_box_last_single{ float: left; width: 100%; text-align: center; }
.manuf_box_last_double{ float: left; width: 99%; text-align: center; }
.manuf_box h2 { text-decoration: none; margin: 0; padding: 0; }

/************************************************
* Upselling Products
************************************************/
.upsell_cols{ float: left; }
.upsell_box{ float: left; width: 95%; text-align: center; }
.upsell_box_last{ float: left; width: 102%; text-align: center; }
.upsell_box_last_single{ float: left; width: 100%; text-align: center; }
.upsell_box_last_double{ float: left; width: 99%; text-align: center; }
.upsell_box h2 { text-decoration: none; margin: 0; padding: 0; }

/************************************************
* Recommended Products
************************************************/
.recom_cols{ float: left; }
.recom_box{ float: left; width: 95%; text-align: center; }
.recom_box_last{ float: left; width: 102%; text-align: center; }
.recom_box_last_single{ float: left; width: 100%; text-align: center; }
.recom_box_last_double{ float: left; width: 99%; text-align: center; }
.recom_box h2 { text-decoration: none; margin: 0; padding: 0; }

/************************************************
* Info Columns
************************************************/
label { float: left; width: 150px; font-weight: bold; margin-top: 2px; }
.right { float: left; margin-top: 2px; }
.submitbutton { margin-left: 150px; }
.form input,textarea,select { margin-top: 2px; }

/************************************************
* Videos
************************************************/
/* Videos */
.youtube { float: left; margin: 0 8px 8px 0; cursor: pointer; }
.youtube_border { border: 1px solid #000; }

/************************************************
* Pagination Links
************************************************/
.navigation { padding: 5px; }
.navigation ul { margin: 0; padding: 0; text-align: center; font-size: 1.0em; }
.navigation li { list-style-type: none; display: inline; padding-bottom: 1px; margin: 0 1px 0 -2px; }
.navigation a, .navigation a:visited { padding: 4px 4px 4px 4px; border: 1px solid #000; text-decoration: none; color: #000; font-weight: bold; }
.navigation a:hover, .navigation a:active { border: 1px solid #000; color: #000; background-color: #B8D5F1; font-weight: bold; text-decoration: none; }
.navigation a.currentpage { background-color: #1A48A4; color: #fff !important; border-color: #000; font-weight: bold; cursor: pointer; font-weight: bold; }
.navigation a.currentpage:hover, .navigation a.currentpage:active { background-color: #1A48A4; border-color: #000; }

/************************************************
* Tooltips
************************************************/
a.tooltip { color: #c00; text-align: left; font-size: 0.9em; z-index: 1000; }
a.tooltip b { display: none; z-index: 1000; }
a.tooltip:hover { border: 0; position: relative; z-index: 1000; text-decoration: none; }
a.tooltip:hover b { display: block; position: absolute; top: 30px; left: -19px; padding: 5px; font-weight: normal; color: #000; border: 1px solid #000; background: #ddd; width: 135px; z-index: 1000; }
a.tooltip:hover b em.outer { position: absolute; left: 20px; top: -8px; width: 0; height: 0; display: block; background: transparent; border-left: 7px dashed transparent; border-right: 7px dashed transparent; border-bottom: 7px solid #000; overflow: hidden; z-index: 1000; }
a.tooltip:hover b em.inner { position: absolute; left: 20px; top: -7px; width: 0; height: 0; display: block; background: transparent; border-left: 7px dashed transparent; border-right: 7px dashed transparent; border-bottom: 7px solid #ddd; overflow: hidden; z-index: 1000; }

/************************************************
* Feedback
************************************************/
/*
#content { background-color: #FDFDFD; border-left: 2px solid #333333; border-right: 2px solid #333333; margin: 0 auto 0; padding: 10px; position: relative; width: 930px; height: 100%; }
#contactable { background-image: url(images/contact.png); color: #FFFFFF; background-color: #333333; cursor: pointer; height: 102px; left: 0; margin-left: -5px; overflow: hidden; position: fixed; *position: absolute; text-indent: -100000px; top: 102px; *margin-top: 200px; width: 44px; z-index: 100000; }
#contactForm { background-color: #333333; border: 2px solid #FFFFFF; color: #FFFFFF; height: 450px; left: 0; margin-left: -400px; margin-top: -160px; overflow: hidden; padding-left: 30px; position: fixed; top: 200px; width: 360px; *width: 394px; z-index: 99; }
form#contactForm input, textarea { background: #FFFFFF none repeat scroll 0 0; outline-style: none; outline-width: medium; width: 325px; padding: 5px; border: 1px solid #dfdfdf; font-family: georgia; font-size: 1em; margin-bottom: 10px; }
form#contactForm .submit { background: #F5410F none repeat scroll 0 0; outline-style: none; outline-width: medium; width: 325px; padding: 5px; border: 3px solid #F52D0F; outline-color: -moz-use-text-color; font-family: georgia; font-size: 1em; cursor: pointer; color: #FFF; text-transform: uppercase; font-weight: bolder; font-family: Helvetica; margin-top: 10px; }
form#contactForm p { width: 325px; font-size: 0.9em; }
#contactForm .red { color: #F5410F; }
#overlay { background-color: #666666; display: none; height: 100%; left: 0; margin: 0; padding: 0; position: absolute; top: 0; width: 100%; z-index: 0; }
#contactform .error { background-color: #EDBE9C; }
#contactform #loading { background: url(images/ajax-loader.gif) no-repeat; width: 55px; height: 55px; margin: 100px auto; display: none; }
#callback { font-family: georgia; font-size: 1.1em; color: #FFF; width: 325px; margin: 100px auto; display: none; }
.holder { margin: 0 auto; padding-top: 20px; }
*/