/* Start of CMSMS style sheet 'style' */
html { overflow: -moz-scrollbars-vertical; overflow-x: auto }
body { background:#f5f5f5; font-family:Arial, helvetica, sans-serif; font-size:80%; color:#4d4d4d; margin:0; padding:13px 0 30px }
a { color:#4d4d4d; text-decoration:none }
a:hover { color:#ff3345 }
img { border:0 }
h1 { font-size:130% }
h2 { font-size:110% }
h3 { font-size:110%; margin:0 }
hr { height:1px; border:0; color:#999999; background:#999999 }
th { text-align:left }
/* Buttons used across the site */
.actions { margin-top:20px }
.actions a { padding:4px 10px; color:#fff; background:url(/images/buttons/bg-blue.gif) 0 50% repeat-x }
.actions a:hover { color:#ffcc00; background:url(/images/buttons/bg-blue.gif) 0 50% repeat-x }
/* Main Layout */
#layout { width:994px; margin:0 auto }
#layoutheader { height:7px; background:url(images/layout/top.gif) 50% 0 no-repeat; font-size: 1px; line-height: 1px}
#layoutheader .left { width:7px; height:7px; background:url(images/layout/topleft.gif) 0 0 no-repeat }
#layoutheader .right { float:right; width:7px; height:7px; background:url(images/layout/topright.gif) 0 0 no-repeat }
#layoutfooter { height:7px; background:url(images/layout/bottom.gif) 50% 0 no-repeat }
#layoutfooter .left { width:7px; height:7px; background:url(images/layout/bottomleft.gif) 0 0 no-repeat }
#layoutfooter .right { float:right; width:7px; height:7px; background:url(images/layout/bottomright.gif) 0 0 no-repeat }
#page { padding:0 7px; background:#fff url(images/layout/bg-content.gif) 0 0 repeat-y }
/* Header & Menus */
#header { height:140px; background:url(images/header/bg.jpg) 0 0 no-repeat; position: relative}
#header .logo { position: absolute; right: 23px; top: 17px; width: 257px; height: 84px; display: block; text-indent: -9999px; background: url(images/logo.png) left top no-repeat}
#header .top-navigation { padding:14px 0 14px 30px; position:relative; width:950px; float:left }
#header .cart-top { float:left; padding:0 0 5px; border-bottom:1px solid #81acd9; color:#fff }
#header .cart-top a { color:#fff; padding-left:20px; background:url(images/cart-icon.gif) 0 0 no-repeat }
#header .cart-top a:hover { color:#ffe033 }
#header .cart-top span { font-weight:bold }
#mainmenu { padding-left:30px; height:22px; font-size:90%; color:#fff; position:absolute; top:43px; left:0; z-index:20 }
#mainmenu a { margin-right:15px; color:#fff; float: left }
#mainmenu a:hover { color:#ffe033 }
#catmenu { padding-left:18px; height:25px; font-size:90%; font-weight:bold; position: absolute; left: 0; top: 68px; z-index: 22}
#catmenu .left { float:left; width:6px; height:25px }
#catmenu .right { float:left; width:6px; height:25px }
#catmenu .option a { padding:0 6px 0 4px; color:#fff }
#catmenu .option { float:left; padding-top:3px }
#catmenu .furniture { float:left; background:#f08a26 url(images/header/catmenu/furniture-bg.gif) 0 0 repeat-x }
#catmenu .furniture .left { width:8px; background:url(images/header/catmenu/furniture-left.gif) 0 0 no-repeat }
#catmenu .furniture .right { background:url(images/header/catmenu/furniture-right.gif) 0 0 no-repeat }
#catmenu .furniture:hover { background:#f08a26 url(images/header/catmenu/furniture-bg-over.gif) 0 0 repeat-x }
#catmenu .furniture:hover .left { background:url(images/header/catmenu/furniture-left-over.gif) 0 0 no-repeat }
#catmenu .furniture:hover .right { background:url(images/header/catmenu/furniture-right-over.gif) 0 0 no-repeat }
#catmenu .storage { float:left; background:#279ad1 url(images/header/catmenu/storage-bg.gif) 0 0 repeat-x }
#catmenu .storage .left { width:8px; background:url(images/header/catmenu/storage-left.gif) 0 0 no-repeat }
#catmenu .storage .right { background:url(images/header/catmenu/storage-right.gif) 0 0 no-repeat }
#catmenu .storage:hover { background:#279ad1 url(images/header/catmenu/storage-bg-over.gif) 0 0 repeat-x }
#catmenu .storage:hover .left { background:url(images/header/catmenu/storage-left-over.gif) 0 0 no-repeat }
#catmenu .storage:hover .right { background:url(images/header/catmenu/storage-right-over.gif) 0 0 no-repeat }
#catmenu .lift { float:left; background:#e52147 url(images/header/catmenu/lift-bg.gif) 0 0 repeat-x }
#catmenu .lift .left { width:8px; background:url(images/header/catmenu/lift-left.gif) 0 0 no-repeat }
#catmenu .lift .right { background:url(images/header/catmenu/lift-right.gif) 0 0 no-repeat }
#catmenu .lift:hover { background:#e52147 url(images/header/catmenu/lift-bg-over.gif) 0 0 repeat-x }
#catmenu .lift:hover .left { background:url(images/header/catmenu/lift-left-over.gif) 0 0 no-repeat }
#catmenu .lift:hover .right { background:url(images/header/catmenu/lift-right-over.gif) 0 0 no-repeat }
#catmenu .transport { float:left; background:#f8c600 url(images/header/catmenu/transport-bg.gif) 0 0 repeat-x }
#catmenu .transport .left { width:8px; background:url(images/header/catmenu/transport-left.gif) 0 0 no-repeat }
#catmenu .transport .right { background:url(images/header/catmenu/transport-right.gif) 0 0 no-repeat }
#catmenu .transport:hover { background:#f8c600 url(images/header/catmenu/transport-bg-over.gif) 0 0 repeat-x }
#catmenu .transport:hover .left { background:url(images/header/catmenu/transport-left-over.gif) 0 0 no-repeat }
#catmenu .transport:hover .right { background:url(images/header/catmenu/transport-right-over.gif) 0 0 no-repeat }
#catmenu .environment { float:left; background:#26a54e url(images/header/catmenu/environment-bg.gif) 0 0 repeat-x }
#catmenu .environment .left { background:url(images/header/catmenu/environment-left.gif) 0 0 no-repeat }
#catmenu .environment .right { background:url(images/header/catmenu/environment-right.gif) 0 0 no-repeat }
#catmenu .environment:hover { background:#26a54e url(images/header/catmenu/environment-bg-over.gif) 0 0 repeat-x }
#catmenu .environment:hover .left { background:url(images/header/catmenu/environment-left-over.gif) 0 0 no-repeat }
#catmenu .environment:hover .right { background:url(images/header/catmenu/environment-right-over.gif) 0 0 no-repeat }
#catmenu .other { float:left; background:#a1a1a1 url(images/header/catmenu/other-bg.gif) 0 0 repeat-x }
#catmenu .other .left { width:8px; background:url(images/header/catmenu/other-left.gif) 0 0 no-repeat }
#catmenu .other .right { background:url(images/header/catmenu/other-right.gif) 0 0 no-repeat }
#catmenu .other:hover { background:#a1a1a1 url(images/header/catmenu/other-bg-over.gif) 0 0 repeat-x }
#catmenu .other:hover .left { background:url(images/header/catmenu/other-left-over.gif) 0 0 no-repeat }
#catmenu .other:hover .right { background:url(images/header/catmenu/other-right-over.gif) 0 0 no-repeat }
#catmenu .checkout { float:left; background:#279ad1 url(images/header/catmenu/checkout-bg.gif) 0 0 repeat-x; position: relative; left: 8px;}
#catmenu .checkout .left { width:8px; background:url(images/header/catmenu/checkout-left.gif) 0 0 no-repeat }
#catmenu .checkout .right { background:url(images/header/catmenu/checkout-right.gif) 0 0 no-repeat }
#catmenu .checkout:hover { background:#279ad1 url(images/header/catmenu/checkout-bg-over.gif) 0 0 repeat-x }
#catmenu .checkout:hover .left { background:url(images/header/catmenu/checkout-left-over.gif) 0 0 no-repeat }
#catmenu .checkout:hover .right { background:url(images/header/catmenu/checkout-right-over.gif) 0 0 no-repeat }
#catmenu .checkout .option a:link,
#catmenu .checkout .option a:visited {padding-left: 22px; background: url(images/cart-icon.gif) 6px 1px no-repeat}
#searchbox { position:absolute; left:22px; top:105px; width:340px; margin-bottom:60px; padding:3px 10px 3px 7px; font-size:90%; border:1px solid #b2cde8}
html>body #searchbox { width:340px; padding:3px 10px 3px 7px; font-size:90%; border:1px solid #b2cde8; overflow: hidden; clear: left; margin: 0}
#searchbox form { margin:0 }
#searchbox input { width:260px; margin-right:5px }
#searchbox a { padding:4px; background:url(images/buttons/bg-blue.gif) 0 50% repeat-x; color:#fff; text-decoration:none }
#searchbox a:hover { color:#ffe033 }
/* Main Content Area */
#contentlayout { padding:0 30px }
#homepage_left { float:left; width:720px }
#homepage_left .column { float:left; width:340px; margin-bottom:25px; padding-right:20px }
#homepage_left .column h1 { font-weight:normal }
#homepage_left .column img { float:left; margin-right:10px }
#homepage_left .column .contact { font-size:140%; color:#0057b3 }
#homepage_left .column .contact a { font-weight:bold; color:#0057b3 }
#homepage_left .column .contact a:hover { color:#ff3345 }
#latestnews { margin-top:10px; padding-right:20px; font-weight:bold }
#latestnews .title { padding:4px 12px; color:#fff; background:url(images/titles/blue.gif) 0 50% repeat-x }
#latestnews .content { padding:12px 12px 1px; background:#ededed }
#latestnews .button { float:right }
#latestnews .button a { padding-right:10px; color:#0158b3; background:url(images/arrows/blue-small.gif) 100% 60% no-repeat }
#latestnews .button a:hover { color:#ff3345 }
#latestnews .headline { padding-right:130px }
#latestnews .date { margin-bottom:15px; font-weight:normal; font-style:italic }
.bannerbar { margin:0 20px 13px 0; padding:4px 12px 1px; font-size:120%; font-weight:bold; color:#fff; background:url(images/bannerbars/bg-blue.gif) 0 60% repeat-x }
.bannerbar img { margin:0 3px; padding-bottom:4px; vertical-align:middle }
.bannerbar .calltoaction { float:right; padding-top:3px; color:#ffe033; font-weight:normal }
.bannerbar .calltoaction img { padding-bottom:0 }
/* Homepage */
#homepage_right { float:right; width:185px }
#order_catalogue { width:185px }
#order_catalogue p { margin-bottom:5px }
#order_catalogue .button a { float:right; padding-right:15px; color:#0057b3; font-weight:bold; background:url(images/arrows/blue-double.gif) 100% 50% no-repeat }
#order_catalogue .button a:hover { color:#ff3345 }
#social_networking { text-align:right }
#social_networking img { margin:5px 0 }
#whyusegigant, #whyusegigant .title { color:#0057b3 }
#whyusegigant .title { padding:0 0 7px; font-weight:bold; border-bottom:1px solid #0057b3 }
#whyusegigant ul { margin-left:0; padding-left:0 }
#whyusegigant li { margin-left:1.5em; padding-left:0 }
#whyusegigant li { margin-bottom:10px; list-style:url(images/arrows/blue-bullet.gif) }
#testimonials, #testimonials .title { color:#e00038; font-weight:bold }
#testimonials .title { margin-bottom:10px; padding:0 0 7px; border-bottom:1px solid #e00038 }
#testimonials .client { margin-bottom:10px; font-size:90%; font-style:italic; font-weight:normal; text-align:right }
/* Section & Sub-Section Indexes */
#sectionindex_left { float:left; width:410px; margin-top:15px }
#sectionindex_right { float:right; width:480px; margin-top:15px }
#sectionindex_right .subcat, #subsectionindex .subcat { float:left; margin:0 20px 20px 0 }
#sectionindex_right select { width:212px }
#subsectionindex .title { float:left; margin:15px 0 20px; text-transform: uppercase;}
#subsectionindex .subcat p { font-size:90%; font-weight:bold }
#subsectionindex #order_catalogue { margin-bottom:30px }
#subsectionindex img.listingArrow { margin:0 5px }
.furniture .title { font-weight:bold; color:#fff; background:url(images/titles/furniture.gif) 0 60% repeat-x }
.furniture h2, .furniture a:hover, .furniture .actions { color:#f08a26 }
.furniture h3, .furniture h3 a { margin-bottom:5px; padding-bottom:3px; color:#f08a26; border-bottom:1px solid #f08a26 }
.furniture .button a { float:right; margin-top:8px; padding-right:8px; color:#f08a26; background:url(images/arrows/furniture-small.gif) 100% 50% no-repeat }
.furniture table { margin-top:10px; padding:7px; border:1px solid #f08a26 }
.furniture table td { padding:4px; border:1px solid #e0e0e0 }
.furniture .actions a { background:url(images/buttons/bg-furniture.gif) 0 50% repeat-x }
.furniture .actions a:hover { color:#fff; background:url(images/buttons/bg-blue.gif) 0 50% repeat-x }
.storage .title { font-weight:bold; color:#fff; background:url(images/titles/storage.gif) 0 60% repeat-x }
.storage h2, .storage a:hover, .storage .actions { color:#279ad1 }
.storage h3, .storage h3 a { margin-bottom:5px; padding-bottom:3px; color:#279ad1; border-bottom:1px solid #279ad1 }
.storage .button a { float:right; margin-top:8px; padding-right:8px; color:#279ad1; background:url(images/arrows/storage-small.gif) 100% 50% no-repeat }
.storage table { margin-top:10px; padding:7px; border:1px solid #279ad1 }
.storage table td { padding:4px; border:1px solid #e0e0e0 }
.storage .actions a { background:url(images/buttons/bg-storage.gif) 0 50% repeat-x }
.storage .actions a:hover { color:#fff; background:url(images/buttons/bg-blue.gif) 0 50% repeat-x }
.lift .title { font-weight:bold; color:#fff; background:url(images/titles/lift.gif) 0 60% repeat-x }
.lift h2, .lift a:hover, .lift .actions { color:#e52147 }
.lift h3, .lift h3 a { margin-bottom:5px; padding-bottom:3px; color:#e52147; border-bottom:1px solid #e52147 }
.lift .button a { float:right; margin-top:8px; padding-right:8px; color:#e52147; background:url(images/arrows/lift-small.gif) 100% 50% no-repeat }
.lift table { margin-top:10px; padding:7px; border:1px solid #e52147 }
.lift table td { padding:4px; border:1px solid #e0e0e0 }
.lift .actions a { background:url(images/buttons/bg-lift.gif) 0 50% repeat-x }
.lift .actions a:hover { color:#fff; background:url(images/buttons/bg-blue.gif) 0 50% repeat-x }
.transport .title { font-weight:bold; color:#fff; background:url(images/titles/transport.gif) 0 60% repeat-x }
.transport h2, .transport a:hover, .transport .actions { color:#f8c600 }
.transport h3, .transport h3 a { margin-bottom:5px; padding-bottom:3px; color:#f8c600; border-bottom:1px solid #f8c600 }
.transport .button a { float:right; margin-top:8px; padding-right:8px; color:#f8c600; background:url(images/arrows/transport-small.gif) 100% 50% no-repeat }
.transport table { margin-top:10px; padding:7px; border:1px solid #f8c600 }
.transport table td { padding:4px; border:1px solid #e0e0e0 }
.transport .actions a { background:url(images/buttons/bg-transport.gif) 0 50% repeat-x }
.transport .actions a:hover { color:#fff; background:url(images/buttons/bg-blue.gif) 0 50% repeat-x }
.environment .title { font-weight:bold; color:#fff; background:url(images/titles/environment.gif) 0 60% repeat-x }
.environment h2, .environment a:hover, .environment .actions { color:#26a54e }
.environment h3, .environment h3 a { margin-bottom:5px; padding-bottom:3px; color:#26a54e; border-bottom:1px solid #26a54e }
.environment .button a { float:right; margin-top:8px; padding-right:8px; color:#26a54e; background:url(images/arrows/environment-small.gif) 100% 50% no-repeat }
.environment table { margin-top:10px; padding:7px; border:1px solid #26a54e }
.environment table td { padding:4px; border:1px solid #e0e0e0 }
.environment .actions a { background:url(images/buttons/bg-environment.gif) 0 50% repeat-x }
.environment .actions a:hover { color:#fff; background:url(images/buttons/bg-blue.gif) 0 50% repeat-x }
.other .title { font-weight:bold; color:#fff; background:url(images/titles/other.gif) 0 60% repeat-x }
.other h2, .other a:hover, .other .actions { color:#a1a1a1 }
.other h3, .other h3 a { margin-bottom:5px; padding-bottom:3px; color:#a1a1a1; border-bottom:1px solid #a1a1a1 }
.other .button a { float:right; margin-top:8px; padding-right:8px; color:#a1a1a1; background:url(images/arrows/other-small.gif) 100% 50% no-repeat }
.other table { margin-top:10px; padding:7px; border:1px solid #a1a1a1 }
.other table td { padding:4px; border:1px solid #e0e0e0 }
.other .actions a { background:url(images/buttons/bg-other.gif) 0 50% repeat-x }
.other .actions a:hover { color:#fff; background:url(images/buttons/bg-blue.gif) 0 50% repeat-x }
.title { margin-bottom:5px; padding:4px 12px; color:#fff }
.title a { color:#fff }
.title a:hover { color:#fff }
#NewsPostDetailContent img { margin:0 0 30px 30px }
/* Search Results */
#searchresults .title { width:890px; margin:15px 0 20px; font-weight:bold; background:url(images/titles/blue.gif) 0 50% repeat-x }
#searchresults .title a { margin:0 2px; font-weight:normal; text-decoration:underline }
#searchresults .title a:hover { color:#f08600 }
#searchresults .result { float:left; width:120px; height:140px; margin-right:20px; font-weight:bold }
#searchresults img { margin-bottom:5px }
#searchresults #order_catalogue { margin-bottom:30px }
/* Product Page */
#productpage { margin-top:15px }
#productpage_left { float:left; width:440px }
#productpage_left h1 { margin-top:10px }
#productpage_right { float:right; width:420px; text-align:right }
#productpage_right #order_catalogue { float:right; margin-top:20px }
#productpage .title { float:left; margin:15px 0 20px; text-transform: uppercase;}
#productpage img.listingArrow { margin:0 5px }
.noshopcart { margin-top:10px; padding:10px 10px 10px 50px; color:#fff; border:1px solid #0057b3; background:#0057b3 url(/images/cart-white-large.gif) 10px 50% no-repeat }
/* Callback Request Boxout */
#callback { width:225px; margin:30px 0; background:#f4f4f4 }
#callback .callbacktitle { margin-bottom:5px; padding:4px 12px; color:#fff; font-weight:bold; background:url(images/titles/grey.gif) 0 50% repeat-x }
#callback .callbackcontent { padding: 5px 12px 10px; font-size:90% }
#callback input, #callback select { float:right; width:130px; font-size:90% }
#callback #searchButton { width:auto; float:none }
#callback .formRow { float:left; position:relative }
#callback .formRow label { float:left; display:inline; font-weight:bold; margin:3px 0 }
#callback .formRow input { float:right; display:inline; margin:0 0 6px 0 }
#callback .button { float:right }
#callback .button a { padding-right:10px; color:#4d4d4d; background:url(images/arrows/dgrey-small.gif) 100% 60% no-repeat }
#callback .button a:hover { color:#ff3345 }
/* Footer and Copyright Area */
#footer { padding:50px 0 0; color:#0057b3; font-size:90% }
#footer_links, #footer_info { padding:0 25px 0 30px; text-align:left; font-size:11px }
#footer a { font-weight:normal; text-decoration:none; color:#0057b3 }
#footer a:hover { color:#f08600 }
#footer_divider { height:6px; margin:3px 0 0; padding-top:5px; background: url(images/footer-bg.gif) repeat-x left top; height:105px }
#copyright { float:left; color:#b2c1d8 }
#copyright a { color:#b2c1d8; text-decoration:underline }
#copyright span { color: #fff}
#copyright span a:link,
#copyright span a:visited { color: #fff}
#copyright span a:hover,
#copyright span a:active { color: #f08600 }
#footer .foot-address {float: right; color: #fff}
#footer .pay-logo-list { padding: 20px 0 0 30px; margin: 0; float: left; clear: left}
#footer .pay-logo-list li { float: left; list-style: none; padding-right: 10px; margin: 0}
#footer .social-list { padding: 20px 26px 0 0; margin: 0; float: right;}
#footer .social-list li { float: left; list-style: none; padding-left: 10px; margin: 0}
/* General */
.red { color:#e00038 }
.blue { color:#0057b3 }
.alignleft { text-align:left }
.alignright { text-align:right }
.aligncenter { text-align:center }
.floatleft { float:left }
.floatright { float:right }
.clear { clear:both; height:0; line-height:0; font-size:1%; /*for IE*/ }
.clear_right { clear:right; height:0; line-height:0; font-size:1%; /*for IE*/ }
.capitalize {text-transform: capitalize; }
.uppercase {text-transform: uppercase; }
#trace, .trace { border:solid 1px #ff0000 }
#shopcarttitle { margin-top:20px; padding:7px 60px 7px 7px; color:#fff; font-size:120%; border:1px solid #0057b3; background:#0057b3 url(/images/cart-white-large.gif) 95% 50% no-repeat }
#shopcart { padding:10px; border:1px solid #ccc }
#shopcart form { margin:0 }
#shopcart input.addCart { border: none; background: url(images/cart.png) no-repeat left top; width: 54px; height: 29px; cursor: pointer}
#cart table { border: none; margin: 0 0 12px 0; padding: 0}
#cart th,
#cart td {padding: 8px 12px; font-size: 12px}
.storage td.noBorder,
#cart td.noBorder,
#cart th { border: none}
#cart input.cart-qty { width: 50px; text-align: center}
h2.headline1 { font-size: 18px; text-transform: uppercase; margin-bottom: 30px}
#cart table .delete-item { background: url(images/cart/delete-button-wrap.gif ) no-repeat left top; width: 29px; height: 24px; padding: 1px 3px 5px; display: block; margin: 0 auto}
#cart table .delete-item a:link,
#cart table .delete-item a:visited {background: url(images/cart/delete-button.gif ) no-repeat left top; width: 29px; height: 24px; display: block; text-indent: -9999px;}
#cart table .delete-item a:hover,
#cart table .delete-item a:active
{background-position: left bottom}
#cart table.cart-action td { padding: 8px 12px 8px 8px }
#cart table.cart-action a:link,
#cart table.cart-action a:visited
{ display: block; text-indent: -9999px; height: 27px; overflow: hidden;
background-position: left top; background-repeat: no-repeat}
#cart table.cart-action a:hover,
#cart table.cart-action a:active
{background-position: left bottom}
#cart table.cart-action a.continue:link,
#cart table.cart-action a.continue:visited
{ background-image: url(images/cart/continue-shoping.gif ); width: 181px;}
#cart table.cart-action a.checkout:link,
#cart table.cart-action a.checkout:visited
{ background-image: url(images/cart/checkout.gif ); width: 121px;text-indent: 9999px;}
#cart table.cart-action input.update
{ background: url(images/cart/update.gif ); width: 121px; height: 27px;
border: none; cursor: pointer}
.storage input.continue-b { background: url(images/cart/continue.gif ); width: 121px; height: 27px;
border: none; cursor: pointer}
.storage .continue-footer { text-align: right}
.checkout-style .storage table { padding: 0; border: none}
.errorheader { color: #d11400}
a.change-details:link,
a.change-details:visited
{ background: url(images/cart/change-details.png ) no-repeat left top; width: 168px; height: 27px; display: block; text-indent: -9999px;}
a.change-details:hover,
a.change-details:active { background-position: bottom}
/* End of 'style' */