.more-info { background: url(../ui/bullets.png) no-repeat -200px -398px; padding-left: 18px; text-decoration: none; }
.more-info:hover, .more-info:focus { text-decoration: underline; }

.vmargin { margin: 1em 0; } 

/* ========================================================
Login Area
======================================================== */

.intro { width: 940px; background: #000 url(http://www.equanet.co.uk/ui/home/business-development-manager.jpg) 0 0 no-repeat; margin: 1em 0 0 0;}

.login-area { margin: 0; background-color: #FFF; border: 1px solid #CCC; padding: 10px 10px 0;}
.login-area h4, .login-area h5 { color: #000; margin: 0; }
.login-area h4 { font-size: 1em; }
.login-area h5 { font-size: 1em; border-top: 1px solid #666; padding: 0.75em 0 0; margin: 0 0 1em; }
.login-area h2 a { padding-left: 0; background: none; }
.login-area a.forgot { padding: 0; background: none; font-weight: normal; }
.login-area form { border: none; padding: 0.5em 0; margin: 0 0 .5em; }
.login-area legend { display: block; margin: 0 0 1em; }
.login-area label { float: none; width: auto; display: block; padding: 0; margin: .75em 0 0; line-height: 1.5; text-align: left; }
.login-area input { float: none; width: auto; display: block; margin: 0.75em 0 0.5em 0; }
.login-area input.login { margin: .5em 0 0; }
.login-area a { text-decoration: none; }
.login-area a:hover,
.login-area a:focus { text-decoration: underline; }

a.chat { display: block; margin: 0 auto; width: 80px; height: 40px; background: transparent url("../ui/buttons/blue/sprite/chat.gif") no-repeat left top; }
a.chat:hover { background-position: 0 -40px; }

.small-business-card { padding: 0.5em 0; margin: 0; }
.small-business-card h4 { margin: 0 0 10px 0; padding: 0; font-size: 1em; }
.small-business-card img { float: left; margin: 0 10px 10px 0; }
.small-business-card h2 { margin: 0 0 10px 0; padding: 0; font-size: 1em; }
.small-business-card h2 a { font-weight: bold; text-decoration: none; }
.small-business-card h2 a:hover, .home.business-card h2 a:focus { color: #000; text-decoration: underline; }
.small-business-card a:hover, .small-business-card a:active { color: #000; }
.small-business-card table th { font-weight: normal; }
.small-business-card table,
.small-business-card th, 
.small-business-card td { border: none; }
.small-business-card th, 
.small-business-card td { padding: 0.15em; font-size: 85% }

p.home-v-card { padding: 0 0 1em 0;}


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

.solution-box, .events { border: 1px solid #CCC; padding: 0; color: #666;  }
.solution-box h3 a, .events h3 a, .partner-box h3 a, .promo-box h3 a { cursor: pointer; }	
.solution-box h3, .events h3, .partner-box h3, .promo-box h3 { display: block; margin: 0; text-transform: uppercase; /*text-align: center;*/ font-size: 1em;  /*margin: 0.5em 0; max-height: 3em; height: auto !important; height: 3em; font-size: 1em; margin-top: .5em;*/ }
.solution-box h3 span, .events h3 span, .partner-box h3 span, .promo-box h3 span { display: block; padding: 0.5em 0 0.5em 0.5em; margin: 0; color: #FFF; background: #000 url(../ui/bg-stripe.png) -1000px 50% no-repeat;  }
.solution-box .content { display: block; background: #FFF; min-height: 6em; height: auto !important; height: 6em; overflow: hidden; margin-top: 0.5em; padding: 0;}
.solution-box p { line-height: 1.3; margin-left: 10px; margin-right: 10px; }
.solution-box h4, .solution-box h4 a { padding: 0; margin: 0; }
.solution-box h4 a, .partner-box h4 a { color: #000; font-size: 0.75em; }
.solution-box h4 img { float: left; margin: 0 10px; padding: 0; }
.solution-box h5 { color: #000; font-size: 1em; font-weight: bold; text-align: center; padding: 0.25em 0; margin: 0; }

/* ========================================================
Product Cat Shortcuts
======================================================== */

.finder div, .finder div.odd { padding-top: 0.4em; margin: 0; max-height: 45px; height: auto !important; height: 45px; overflow: hidden; }
.finder div.odd { background-color: #f0f6fd; }
.finder div.help { border-top: 1px solid #CCC; }
.finder p { margin: 0 10px 0 0; overflow: hidden; /*position: relative; top: -1.5em;*/ font-size: 0.85em; line-height: 1.2;}
.finder h5 { padding: 0.25em 0; }

.events { padding: 0; overflow: hidden; max-height: 122px; height: auto !important; height: 122px;}
.events p { margin: 0.5em 0.5em 1em 0; padding: 0; }
.events span { margin: 0.5em 0; padding: 0.5em 0; }
.events img { float: left; margin: -0.5em 10px 0 0; padding:0; }
.events a { text-decoration: none; }

/* ========================================================
Partners 
======================================================== */
.partner-box h4 span { padding: 0.5em; line-height: 2;}
.partner-box { padding: 0; color: #666; }
.partner-box p { line-height: 1.3;}

.grid_partner { display: inline; float: left; margin: 1em 10px; width: 196px; background: url(../ui/footer-bg.jpg) 0 0 repeat-x; position: relative; }
.grid_partner img { margin-bottom: 0; }
.grid_partner p { margin: 0.5em; }
.partner-first { margin-left: 36px !important; }
.partner-last { margin-right: 36px !important; }

.option h3 { background:#0197d2; padding: 0.5em; }
.option h3 a { color: #FFF; }
.option h3 a:hover { color: #039; }

/* -----------------------
Carousel
-------------------------- */
#slideshow { margin: 0; padding: 0; height: auto; }

#home-carousel, 
#home-carousel li, 
#home-carousel div { list-style: none; margin: 0; padding: 0; width: 700px; height: 270px; }
#home-carousel { overflow: hidden; position: relative; top: 0; margin: 0; }

div.jcarousel-skin-home { position: relative; }
div.jcarousel-skin-home li { float: left; }
div.jcarousel-container { position: relative; display: block; margin: 0; padding: 0; }
div.jcarousel-clip { overflow: hidden; position: relative; }

#carousel-ctrls { margin: 0; height: 2em; position: relative; top: -270px; right: 0; z-index: 500; }
#carousel-ctrls ul { margin: 0; padding: 0; list-style: none; position: absolute; top: 5px; right: 5px; background: #EEE; }
#carousel-ctrls li { margin: 0; padding: 0 0.5em; float: left; display: inline; font-weight: bold; background: #FFF; color: #039; line-height: 2; cursor: pointer; }
#carousel-ctrls li.active { color: #FEB; background: #048; }

.jcarousel-container { position: relative; margin: 0 auto 0 0; width: 700px; padding: 0; border: 0;}
.jcarousel-container ul { margin: 0; padding: 0; list-style: none; }
.jcarousel-container ul li { margin: 0; padding: 0; min-height: 165px; height: auto !important; height: 165px; }
.jcarousel-clip { z-index: 2; padding: 0; overflow: hidden; position: relative; width: 700px; margin: 0 auto; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; width: 700px; margin: 0 auto; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 700px; height: 200px; margin: 0 auto; }


/* The buttons are added dynamically by jCarousel before the <ul> list (inside the <div> described above) and have the classnames "jcarousel-next" and "jcarousel-prev".
-------------------------------------------------- */
.jcarousel-next { z-index: 3; display: none; }
.jcarousel-prev { z-index: 3; display: none; }


/* Horizontal Buttons
-------------------------------------------------- */
.jcarousel-standard .jcarousel-next-horizontal { position: absolute; top: 50%; right: 0; width: 20px; height: 25px; cursor: pointer; background: transparent url("../ui/jcarousel-arrows.png") no-repeat 0 0; list-style-type: none;}
.jcarousel-standard .jcarousel-next-horizontal:hover { background-position: -20px 0; }
.jcarousel-standard .jcarousel-next-horizontal:active { background-position: -40px 0; }
.jcarousel-standard .jcarousel-next-disabled-horizontal,
.jcarousel-standard .jcarousel-next-disabled-horizontal:hover,
.jcarousel-standard .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -60px 0; }
.jcarousel-standard .jcarousel-prev-horizontal { position: absolute; top: 50%; left: 0; width: 20px; height: 25px; cursor: pointer; background: transparent url("../ui/jcarousel-arrows.png") no-repeat 0 -25px; }
.jcarousel-standard .jcarousel-prev-horizontal:hover { background-position: -20px -25px; }
.jcarousel-standard .jcarousel-prev-horizontal:active { background-position: -40px -25px; }
.jcarousel-standard .jcarousel-prev-disabled-horizontal,
.jcarousel-standard .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-standard .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -60px -25px; }

.jcarousel-standard p { overflow: hidden; }