/*
Developed by Step Online Ltd
IHL Mobility Screen CSS  
All Rights Reserved
*/

/* Global Reset */
html, body, p, h1, h2, h3, h4, h5, h6, img, ol, ul, li, dfn, div, strong, em, dd, dt, dl, form, input, textarea, select, option, a, table, th, td, tr, thead, tbody, tfoot, fieldset, legend { margin: 0; padding: 0; outline: none; border: 0; font-size: 100% }
img, a img { border: 0 }
body { font-size: 75% }
/* End Global Reset */

/* Site Structure */
body { background: green; text-align: center; background: #F8F8F8 url(http://www.ihlmobilityshop.com/images/background.jpg) no-repeat top center; padding-top: 66px }
#siteHolder { width: 852px; background: #F8F8F8; font: 1.1em/1.2 "Lucida Sans",Verdana,Arial,sans-serif; color: #341F26; margin: 0 auto 6px auto; border: 1px #E4E4E4 solid; padding-top: 6px; position: relative; text-align: justify }
#content { font-family: Verdana, Arial, sans-serif; margin: 12px 12px 12px 0; width: 600px; float: left; position: relative; display: inline }
h1 { background: url(http://www.ihlmobilityshop.com/images/header.jpg) no-repeat; width: 851px; height: 111px }
h1 a { display: block; height: 111px; text-indent: -9999em }
#header { position: relative }
#cartWidget { position: absolute; top: 45px; right: 13px; width: 190px; height: 60px; background: url(http://www.ihlmobilityshop.com/images/cartBackground.png) no-repeat; z-index: 300 !important; cursor: pointer; text-align: left; color: #FFF }
#cartWidget:hover a { color: #314B6C }
#cartWidget div { margin-left: 8px }
#cartWidget .numItems { margin-top: 6px }
.viewBasket a { color: #000; font-size: 110% }
/* End Site Structure */

/* Navigation */
#nav { margin: 16px 20px 20px 12px; z-index: 200; list-style: none; width: 191px; float: left; position: relative; display: inline; background: url(http://www.ihlmobilityshop.com/images/navHeader.jpg) no-repeat; padding: 33px 0 0 0 }
#nav li ul li:hover:first-child { background-position: 0 -24px }
#nav li { text-indent: 16px; list-style: none; position: relative; text-align: left; height: 31px; background: url(http://www.ihlmobilityshop.com/images/navLi.jpg) no-repeat top left }
#nav li a { display: block; vertical-align: middle; color: #2D80AA; text-decoration: none; font: bold 1em/1em Arial,Verdana,sans-serif; height: 31px; line-height: 31px }
#nav li:focus, #nav li:hover { background-position: 0 -31px; color: #314B6C }
#nav li a:focus, #nav li a:hover { color: #314B6C }
#nav li ul { visibility: hidden; position: absolute; top: 0; left: 185px; padding-top: 0; background: 0; margin: 0 }
#nav li:hover ul { visibility: visible }
#nav li ul li, #nav li ul li:first-child { text-indent: 8px; background: url(http://www.ihlmobilityshop.com/images/navLiInner.jpg) no-repeat top left; width: 180px; z-index: 300; height: 24px; font-size: 92% }
#nav li ul li a, #nav li ul li:first-child a { height: 24px; line-height: 24px }
#nav li ul li:first-child { border-top: 1px #DEDEDE solid }
#nav li ul li:hover { background-position: 0 -24px }
#nav .static { background-image: url(http://www.ihlmobilityshop.com/images/navLi2.jpg) }
/* End Navigation */

/* Products */
.products { list-style: none; margin-left: 0 !important; padding-left: 0 !important }
.products li { font-family: Verdana, Arial, sans-serif; position: relative; height: 138px; background: #FFF; margin: 12px 0; border: 1px #CCC solid; padding: 0 14px; background: url(http://www.ihlmobilityshop.com/images/noImage.gif) no-repeat top right }
.products li:hover { cursor: pointer; background-color: #F4F9FF } 
.products h3 { margin: 14px 104px 6px 0; font: 1.6em/1em Verdana,Arial,sans-serif; letter-spacing: -1px; word-spacing: 1px; color: #292F5F }
.products p { margin-right: 124px }
.products img { position: absolute; right: 12px; top: 12px; width: 100px; height: 84px; border: 1px #CCC solid; padding: 3px; background: #FFF }
.products .buyNow { color: #2D80AA; position: absolute; right: 12px; bottom: 8px; text-align: center; width: 108px; border: 1px #CCC solid; background: url(http://www.ihlmobilityshop.com/images/button.gif); font-size: 85%; padding: 3px 0; overflow: visible; cursor: pointer }
.price { font-weight: bold; font-size: 1.1em }
.products .moreInfo { position: absolute; left: 14px; bottom: 2px; display: block; width: 168px; height: 21px; background: url(http://www.ihlmobilityshop.com/images/moreInfo.jpg) no-repeat; text-indent: -9999em }

.breadCrumb { height: 25px; margin-top: 6px; position: relative; color: #2D80AA; font-family: Verdana, Tahoma, sans-serif; padding-left: 12px; font-weight: bold; background: url(http://www.ihlmobilityshop.com/images/breadcrumbBar.jpg) no-repeat }
.breadCrumb a { line-height: 25px; height: 25px; vertical-align: middle }
.breadCrumb form { position: absolute; top: 3px; right: 12px }
.breadCrumb form p, .breadCrumb form div { display: inline; font-size: 90% }
.breadCrumb select { font-size: 90%; height: 19px  }
.breadCrumb option { font-size: 90% }

.productInfo img { float: left; position: relative; display: inline; border: 1px #CCC solid; padding: 3px; margin-bottom: 12px; width: 300px; height: 252px; background: url(http://www.ihlmobilityshop.com/images/noImageLarge.jpg) no-repeat }
.productInfo p { margin-left: 200px }
.inCats { margin-top: -5px; font-size: 75% }

.productAction { border: 1px #CCC solid; padding: 8px; margin-left: 318px; position: relative }
.productAction p { margin: 0.5em 0 18px 0 }
.productAction .price { font-size: 2.4em; padding-top: 6px; color: #292F5F; font-weight: normal; float: none }

.productHeader { position: relative; display: inline; float: right; width: 140px; font-size: 75%; text-align: right }
.productHeader option { padding: 2px }
.productHeader p { margin: 0.2em 0  }
.buyNowButton { width: 85px !important; height: 21px; border: none; background: url(http://www.ihlmobilityshop.com/images/button.gif) no-repeat }

.productAction label { display: block; font-size: 85%; margin-bottom: 2px }
.productAction input, .productAction select { width: 80px; border: 1px #999 solid; font-size: 80% }

.description { clear: left }
.description p { margin-left: 0; line-height: 1.4em }

#content p.buttonp { margin-bottom: 0.5em }

input { padding: 2px }
.vatyes a, .vatno a { display: block; padding-right: 16px; height: 15px; line-height: 15px; vertical-align: middle; background: url(http://www.ihlmobilityshop.com/images/question.gif) no-repeat 100% 50% }
.vatq, .question { padding-right: 18px; background-image: url(http://www.ihlmobilityshop.com/images/question.gif); background-repeat: no-repeat; background-position: 100% 50% }
th.question { position: relative; background-position: 95% 50% }
.vatyes span, .vatno span { border-bottom: 1px #999999 dashed }
.vatyes, .vatyes a { color: #00AE00 }
.vatno, .vatno a { color: #993333 }
/* End Products */

/* Cart */
table { border: 1px #BCC6EB solid; width: 100%; text-align: left }
thead th, tfoot td { font-weight: bold; padding: 6px; background: #8697DB; color: #FFF }
td { padding: 4px }
tr { background: #EFF1FA }
tr.even { background: #DADEF3; border-bottom: 1px #BCC6EB solid }
#shoppingCart input, .button, .pay { font-size: 90%; background: #FFF; border: 1px #333 solid }
#shoppingCart input.button { margin-left: 4px }
.delivery { text-align: right }
.pay, .floatRight { clear: right; float: right; position: relative; display: inline; margin-top: 8px }
td em { font-size: 80%; color: #1B313F; font-style: normal }
/* End Cart */

/* Link */
a { color: #2D80AA; text-decoration: none; cursor: pointer !important }
#content a { font-weight: bold }
a:focus, a:hover, a:active { color: #314B6C; outline: none }
/* End Links */

/* Page Contents */
.left, .right { float: left; position: relative; display: inline }
.left { width: 380px }
.left h2 { font-size: 2em }
.right { clear: right; float: right; width: 188px; background: url(http://www.ihlmobilityshop.com/images/rightboxbg.gif) no-repeat 4px bottom }
.right h3 { margin-top: 0; background: url(http://www.ihlmobilityshop.com/images/vatBox.jpg) no-repeat; text-indent: -9999em; width: 188px; height: 34px }
.right p { padding: 0 14px; text-align: center; font-size: 90%; color: #40567B }
.vatBox { margin: 0 0 1em; cursor: pointer }
.vatBox:hover .clearbutton { color: #314B6C }
.clearbutton { background: url(http://www.ihlmobilityshop.com/images/button.gif); width: 108px; border: 1px #CCC solid; height: 23px; line-height: 23px; display: block; vertical-align: middle; margin: 1em auto }
.highlightedProducts { clear: both }
.highlightedProducts img { padding: 6px; border: 1px #CCC solid; width: 132px; height: 111px }
.highlightedProducts a { float: left; position: relative; margin: 1em 4px 1em 0; display: inline; background: #ECEEF9 }
.highlightedProducts a.final { margin: 1em 0 0 }
.highlightedProducts a:focus img, .highlightedProducts a:hover img { background: #FFF; border: 1px #BCC6EB solid }
.specialOffers { background: url(http://www.ihlmobilityshop.com/images/offersBackground.jpg) no-repeat bottom left; clear: both; height: 212px; padding: 0 6px 0 20px }
.specialOffers h2 { background: url(http://www.ihlmobilityshop.com/images/special-offers.jpg); height: 42px; text-indent: -9999em; margin: 0 0 0 -20px }
.offer { text-align: left; float: left; position: relative; display: inline; width: 272px; margin: 4px; cursor: pointer }
.offer img { float: left; position: relative; display: inline; margin: 0 8px 0 0; padding: 2px; border: 1px #CCC solid }
.offer p { margin: 0 8px 0 0; font-size: 90% }
.offer h3 { margin: 0.5em 0 1em 0; color: #2B7FAC }
.offer strong { display: block }
.offer:hover { color: #314B6C }
/* End Page Contents */

/* Typography */
p, h1.productTitle, h2, h3, #content ul, #content ol { margin: 0.6em 0 }
#content ul, #content ol { margin-left: 20px }
#content li { margin: 0.3em 0 }
h1.productTitle { background: none; width: auto; height: auto; font: 2em Verdana,Tahoma,Arial,sans-serif; letter-spacing: -1px; word-spacing: 1px }
h2 { font-size: 1.4em; font-weight: normal; clear: both }
legend { font-size: 1.3em; font-weight: normal }
.external { padding-right: 16px; background: url(http://www.ihlmobilityshop.com/images/external.gif) 100% 50% no-repeat }
/* End Typography */

/* Footer */
#footer { width: 852px; margin: 0 auto 32px auto; font: 1.1em/1.2 "Lucida Sans",Verdana,sans-serif; padding: 12px 0 0; color: #666; text-align: right }
#footer img { position: relative; display: inline; float: right; margin: 0 0 8px 12px }
#footer ul { list-style: none }
#footer li { display: inline; margin: 0 4px }
#footer p, #footer ul { margin: 0.3em 0 0.3em 179px }
#footer .address { clear: right; margin: 8px 0 }
/* End Footer */

/* Contact Form */
#pageContact form p { background: #FFF; padding: 8px 0; width: 320px; border: 1px #B9CCDB solid; overflow: auto }
#pageContact form p.buttonp, #pageContact form p#log_res { border: 0; background: none; padding: 0 }
#pageContact label { float: left; display: inline; position: relative; width: 120px; text-indent: 8px }
#pageContact input, textarea { float: left; position: relative; display: inline; padding: 2px; width: 188px; background: #FFF; border: 1px #B9CCDB solid }
#pageContact textarea { font: 1em/1.6 "Lucida Sans",Arial,sans-serif }
#pageContact .fValidator-msg { clear: both; padding-top: 6px; color: #B1B1B1; margin-left: 120px }
#pageContact .right { float: right; position: relative; display: inline; width: 300px }
#pageContact fieldset { margin: 1em 242px 0 0; border: 1px #B9CCDB solid; padding: 12px }
#pageContact legend { padding: 0 6px 0 }
#pageContact .address { width: 220px; float: right; position: relative; display: inline }
/* End Contact Form */

/* Tools */
.discreet, hr, .vatq span, .human { position: absolute; top: -9999em; left: -9999em }
#content select { width: auto }
.clear { clear: both }
div.clear { height: 1px; overflow: hidden }
.button { width: auto !important }
/* End Tools */