/* Primary Styles
   Author: Ricki Hawkswell
   Website URI: http://www.bebionic.com/
*/

/* Structure */

body {
	background-color: #fff;
	font-family: Helvetica,Geneva,Arial,sans-serif;
	color: #5a5a5a;
	font-size: 10px;
}

div#content a, footer a {
	color: #e36324;
}

div#content h3 a {
	color: #ae3267;
}


/* Top strip */

.bg-raspberry {
	background-color: #ae3267;
}

div.wrapper {
	width: 100%;
}


div#top-head {
	width: 960px;
	margin: 0 auto;
	position: relative;
	height: 50px;
}


div#top-head img#logo-white {
	position: absolute;
	top: 5px; left: 0;
}

div#top-head p {
	position: absolute;
	top:  17px; right: 0;
	width: 600px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
}

div#top-head p a {
	color: #fff;
	text-decoration: underline;
}



#container {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	position: relative;
	border-left: 3px solid #efefef;
	border-right: 3px solid #efefef;
	border-bottom: 3px solid #efefef;
	padding-bottom: 20px;
	padding: 0 15px 15px;
}

h1, h2, h3, h4 {
	color: #444444;
}

h1 {
	text-indent: 0;
	font-size: 2.8em;
	margin-bottom: 10px;
	border-bottom: 1px solid #ececec;
}

body.es h1,
body.fr h1 {
	margin-top: 20px;
}

body.the_hand h1,
body.events h1,
body.home h1,
body#pagina_principal h1,
body#pagina_de_la_mano_bebionic h1,
body#page_daccueil h1,
body#main_bebionic h1,
body.home_temp h1 {
	border: none;
	margin: 0;
	text-indent: -99999px;
	font-size: .05em;
}

body#grip-pattern div#content h1#noborder {
	border-top: none;
	padding-top: 0px;
	clear: both;
	margin-top: 10px;
}

h2 {
	margin-bottom: 10px;
	font-size: 2em;
	margin-top: 20px;
}

h2.country {
	margin-bottom: 0px;
	font-size: 1.6em;
	margin-top: 0px;
}

div.intro h2 {
	margin-top: 0px;
}

h3 {
	margin-bottom: 10px;
	font-size: 1.8em;
}
div.case_sidebar h3 {
	margin: 5px 0 0 0;
}
h4 {
	margin-bottom: 10px;
	font-size: 1.3em;
}

p,ol,ul {
	font-size: 1.3em;
	margin-bottom: 10px;
	line-height: 1.4em;
}

/* Header */

header {
	position: relative;
	height:150px;
}

body.the_hand header,
body.events header,
body.about_us header,
body.latest_news header,
body.downloads header,
body.contact header,
body.events header {
	border-bottom: solid 2px #eaeaea;
	width: 100%;
}

header nav {
	width: 650px;
	position: absolute;
	right: 0;
	top: 53px;
}

header img#logo {
	top: 30px; left: 10px;
	position: absolute;
}


header nav {
	position: absolute;
	width: 700px;
	top: 110px; right: 0px;
	height: 25px;
	text-align: right;
}

header ul#nav_main {
	font-size: 1.6em;
	font-weight: bold;
}

header ul#nav_main li {
	display: inline;
	color: #000;
	margin-left: 20px;
}

header ul#nav_main li a {
	color: #000;
	text-decoration: none;
}

header ul#nav_main li a:hover, 
header ul#nav_main li.current a {
	color: #e36324;
}




ul#locale {
	width: 200px;
	position: absolute;
	top: 12px; right: 0px;
	margin-left: 0;
	margin-bottom: 0;
}

ul#locale li {
	list-style: none;
	float: right;
	display: block;
	width: 26px;
	height: 20px;
	margin-left: 8px;
}

ul#locale li a {
	display: block;
	width: 26px;
	height: 20px;
	text-indent: -999999px;
	background-repeat: no-repeat;
	background-position: center center;
}

ul#locale li.current a,
ul#locale li a:hover {
	opacity: 1 !important;
}

ul#locale li.en a {
	background-image: url(/public/skin/uk-flag.jpg);
}

ul#locale li.de {
	background-image: url(/public/skin/de-flag-faded.jpg);
	display: block;
	width: 26px;
	height: 20px;
	text-indent: -999999px;
	background-repeat: no-repeat;
	background-position: center center;
}

ul#locale li.es a {
	background-image: url(/public/skin/es-flag.jpg);
	opacity: .7;
}

ul#locale li.fr a {
	background-image: url(/public/skin/fr-flag.jpg);
	opacity: .7;
}

ul#locale li.usa a {
	background-image: url(/public/skin/usa-flag.jpg);
	opacity: .7;
}


header ul.contact {
	position: absolute;
	list-style: none;
	top: 62px; right: 180px;
}

header ul.contact li {
	display: inline-block;
	margin-right: 15px;
	color: #000;
	font-size: 15px;
	padding-left: 24px;
}

header ul.contact li.tel {
	background: url('/public/skin/2015/tel.png') 0 0 no-repeat;
}

header ul.contact li.email {
	background: url('/public/skin/2015/email.png') 0 0 no-repeat;
}

header ul.contact li a {
	color: #000;
	text-decoration: none;
}

header ul.contact li a:hover {
	color: #ae3267;
}

header ul.social {
	position: absolute;
	top: 50px; right: 0px;
	list-style: none;
}

header ul.social li {
	background-image: url('/public/skin/2015/social.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 42px;
	height: 40px;
	display: inline-block;
	
}

header ul.social li.linkedin {
	background-position: 0 0;
}

header ul.social li.facebook {
	background-position: -48px 0;
}

header ul.social li.twitter {
	background-position: -98px 0;
}

header ul.social li.youtube {
	background-position: -148px 0;
}

header ul.social li.linkedin:hover {
	background-position: 0 -44px;
}

header ul.social li.facebook:hover {
	background-position: -48px -44px;
}

header ul.social li.twitter:hover {
	background-position: -98px -44px;
}

header ul.social li.youtube:hover {
	background-position: -148px -44px;
}

header ul.social li a {
	display: block;
	width: 42px;
	height: 40px;
}



/* Slideshow */

body.home #slideshow, 
body.home #slides,
body.home_temp #slideshow, 
body.home_temp #slides,
body.information #slideshow,
body.information #slides,
body.distributors #slideshow,
body.distributors #slides {
	position: relative;
	width: 940px;
	height: 310px;
	float: none;
}

#slideshow {
	width: 700px;
	border-top: none;
	float: right;
	height: 300px;
	border-bottom: solid 2px #eaeaea;
}

body.home #slideshow ,
body.distributors #slideshow,
body.information #slideshow,
body.home_temp #slideshow {
	margin-bottom: 15px;
	border-top: solid 2px #eaeaea;
	margin-top: 10px;
}

body#grip-pattern #slideshow {
	float: none;
	border-bottom: none;
	margin: 0;
}

#slideshow img {
	position: absolute;
	bottom: 0;
}

#slides {
	width: 700px;
	height: 310px;
}
#content article.listitem {
	width: 100%;
	float: left;
	border-bottom: 1px solid #ececec;
	padding-bottom: 5px;
	margin-top: 15px;
	
}
#content article.listitem h2 {
	margin-top: 0;
}

.nivo-directionNav {
	display: block !important;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/public/skin/2015/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 1;
}
.nivo-directionNav a { opacity: 1; }
 a.nivo-nextNav {
	background-position:-30px 0;
	right:0px;
}
 a.nivo-prevNav {
	right:32px;
}
/* Content */

#content {
	width: 700px;
	float: right;
}
body.home #content {
	width: 100%;
	float: none;
}

#content .intro p {
	font-size: 1.6em;
	color: #444;
}

p.btn {
	background-color: #ae3267;
	color: #fff;
	padding: 8px;
	display: inline-block;
}

div#content p.btn a {
	color: #fff;
}
div.video {
    float: left;
    margin-bottom: 20px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ececec;
}

div.video figure {
    height: 125px;
    width: 200px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    position: relative;
}

figure.team-pic {
	float: left;
}

figure.team-pic img {
	float: left;
	margin-bottom: 10px;
}

figure.team-pic p {
	float: left;
	clear: both;
}

div#content div.video figure img.play,
div#content figure.pvid img.play {
	left: 70px;
    position: absolute;
    top: 30px;
    border: none !important;
    padding: 0 !important;
    float: none !important;
    margin: 0 !important;
}
figure.pvid {
	clear: both;
    height: 160px;
    width: 250px;
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    position: relative;
}

div.vid h3 {
	font-size: 1.7em;
    font-weight: normal;
    margin-bottom: 10px;
}
div#example {
	width: 560px !important;

}
div#example figure {
	overflow: auto;
	height: 320px;
}
#content ol li, #content ul li {
	font-size: 1em;
	line-height: 1.3em;
}

div#content ul#breadcrumb {
	width: 100%;
	margin: 10px 0 15px 0;
}
body#grip-pattern ul#breadcrumb {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom:10px;
	width: 100%;
	clear: both;
}
div#content ul#breadcrumb li {
	list-style: none;
	display: inline-block;
	*display: inline;
	color: #5a5a5a;
	font-size: .9em;
	margin-right: 5px;
}

div#content ul#breadcrumb li a {
	color: #ae3267;
}

#content ul li {
	list-style: square;
}

.useful_links #content ul li {
	margin-bottom: 5px;
}

#content ul.files {
	margin-left: 0;
	clear: both;
}
body.distributors #content ul.files li {
	margin-bottom: 10px;
	list-style: none;
	
}
#content ul.files li {
	list-style: none;
	margin-bottom: 10px;
}

#content ul.files li a {
	background-color: #EBEBEB;
	background-position: 10px center;
	background-repeat: no-repeat;
	display: block;
	padding: 10px 10px 10px 32px;
	border: 1px solid #ececec;
	color: #ae3267;
	font-weight: bold;
}

#content ul.files li a:hover {
	background-color: #DEDEDE;
	color: #0F1D64;
}

#content ul.files li.pdf a {
	background-image: url(/public/skin/icon_pdf.jpg);
}

#content ul.files li.doc a {
	background-image: url(/public/skin/icon_word.jpg);
}

#content ul.files li.exe a {
	background-image: url(/public/skin/icon_exe.jpg);
}

#content ul.files li.xls a {
	background-image: url(/public/skin/icon_excel.jpg);
}

#content ul.files li.zip a {
	background-image: url(/public/skin/icon_zip.jpg);
}

#content ul.pagination {
	margin-left: 0;
	margin-top: 25px;
	border-bottom: solid 1px #DEDEDE;
	text-align: center;
	clear: both;
}

#content ul.pagination li {
	display: inline;
	font-size: 1em;
}

#content ul.pagination li a {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	background-color: transparent;
}

#content ul.pagination li.next a, #content ul.pagination li.end a {
	float: right;
}

#content ul.pagination li.beginning a, #content ul.pagination li.previous a {
	float: left;
}

#content div.pull {
	background-color: #e2f3f9;
	border: 5px solid #CBDADF;
	margin-bottom: 20px;
	padding: 8px 8px 0 0;
}

#content img {
	float: right;
	margin: 0 0 10px 10px;
}
body#grip-pattern div#content img#grip-hand {
	float: left;
	margin: 0 0 10px 100px;
	padding: 0;
	border: none;
}
div#content article img {
	float: left;
	margin: 0 10px 5px 0;
}

a.pop {
	float: right;
	margin: 0 0 0 10px;
}
body#grip-pattern div#content figure {
	width: 700px;
	height: 400px;
}
figure#media_vid {
	width: 350px;
	float: right;
	margin: 0 0 20px 20px;
}
div#media_vid {
	width: 350px;
	float: right;
	height: 250px;
	margin: 0 0 20px 20px;
}
hr {
	width: 100%;
	clear: both;
}
/* Grip Patterns */

.tooltip{ 
	background-color: #fff;
    color: #444;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 18px;
    position: absolute;
    text-align: left;
    width: auto;
    z-index: 2;
    padding: 2px 5px 0 5px;
    top: 60px !important;
    left: 290px !important;
}
div#content div#grips h3 {
    color: #444;
    font-family: sans-serif;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    width: auto;
    padding: 2px 5px 0 5px;
	margin:0;
}
div#grips {
	float: right;
	width: 700px;
	border-bottom: 1px solid #ececec;
	padding-bottom: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 20px;
	position: relative;
	height: 90px;
}
body#grip-pattern div#content div#grips {
	float: left;
	width: 700px;
	border-bottom:  1px solid #ececec;
	margin-top: 5px;
	margin-bottom: 10px;
	border-top:  1px solid #ececec;
	padding-top: 10px;
	position: relative;
	height: 90px;
}
body#grip-pattern div#content div#grips p.roll {
	float: left;
	margin-top: 15px;
	font-weight: bold;
}
div#content div#grips ul,
div#grips ul {
	width: 100%;
	margin: 0 0 0 0 !important;
	position: relative;
}
div#content div#grips ul li,
div#grips ul li {
	float: left;
	width: 47px;
	list-style: none;
	padding: 0 !important;
	margin: 0 3px 0 0 !important;
	background-image: none;	

}
div#content div#grips ul li a,
div#grips ul li a {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-khtml-opacity: 0.7;
	padding: 0 !important;
	width: 47px;
	height: 47px;
}
div#content div#grips ul li a:hover,
div#content div#grips ul li a:hover,
div#content div#grips ul li.current a {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	-khtml-opacity: 1;
	
}
body#grip-pattern div#content div#grips ul li img,
body#grip-pattern div#grips ul li img {
	float: none !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 1px solid #eaeaea;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

div#sidebar-right ul li:nth-child(2n+2) {
	margin-right: 0;
}
div#grips ul li h3 {
	font-size: 1em;
}
div#grips ul li h3 a {
	color: #5a5a5a;
}


/* Sidebar */

body.home div#sidebar {
	float: left;
	margin-right: 20px;
	margin-bottom: 25px;
	margin-top: 0;
}
body#page_daccueil div#sidebar,
body#pagina_principal div#sidebar {
	margin-top: 0;
}
div#sidebar {
	width: 200px;
	position: relative;
	padding: 10px;
	margin-top: 5px;
	margin-bottom: 20px;
	float: left;
}
body#grip-pattern div#sidebar {
	margin-top: 5px;
}
body.distributors div#sidebar,
body#distributors_list div#sidebar {
	margin-top: 0px;
}


body.events div#sidebar,
body.the_hand div#sidebar {
	margin-top: -295px;
}
body#pagina_de_la_mano_bebionic div#sidebar,
body#main_bebionic  div#sidebar {
	margin-top: -240px;
}
div.dlogo {	
	float: left;
	margin: 0;
	margin-top: 8px;
	margin-left: 20px;

}
body.events div.dlogo,
body.the_hand div.dlogo {	
	margin-top: -295px;
}
body#pagina_de_la_mano_bebionic div.dlogo,
body#main_bebionic div.dlogo {	
	margin-top: -310px;
}

body#grip-pattern div.dlogo{
	margin-top: 8px;
}

div.dlogo img {
	margin-bottom: 5px;
}
body.home div#sidebar h2 {
	border-bottom: 1px solid #ececec;
    font-weight: normal;
    margin-bottom: 15px;
    margin-top: 7px;
    padding-bottom: 5px;
}
body#grip-pattern div.normal {
	margin: 0px 0 25px 20px !important;
}
div#sidebar-right {
	width: 220px;
	float: right;
	margin-right: 20px;
	margin-bottom: 25px;
}

div#sidebar h2.loc {
	padding-bottom: 3px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 15px;
}
div#sidebar h2 {
	font-size:2em;
	padding-bottom: 3px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 15px;
	margin-top: 20px;
}

body#grip-pattern div#sidebar-right h2 {
	padding-bottom: 5px;
	border-bottom: 5px solid #dedede;
	margin-bottom: 15px;
	font-size: 1.8em;
}
div#sidebar article.newsitem,
div#sidebar-right article.newsitem  {
	width: 100%;
	border-bottom: 1px solid #ececec;
	margin-bottom: 10px;
	overflow: auto;
}
div#sidebar-right article.item {
	width: 100%;
	margin: 20px 0 0 0;
}
div#sidebar article img,
div#sidebar article.newsitem img,
div#sidebar-right article.newsitem img {
	float: left;
	margin: 0 10px 10px 0;
	border: 1px solid #A0A0A0 !important;
	padding: 3px;
}
div#sidebar article.newsitem p.date {
	color: #919293;
	font-size: 1.2em;
	margin-bottom: 5px;
}
div#sidebar article.newsitem h3,
div#sidebar-right article.newsitem h3 {
	font-size: 1.4em;
	margin: 0 0 5px 0;
}

div#sidebar-right article.item h3{
	font-size: 1.5em;
	margin: 5px 0 5px 0;
}
div#sidebar article.newsitem h3 a,
div#grips article.newsitem h3 a {
	color: #ae3267;
	font-weight: bold;
}
div#sidebar article.newsitem h3 a:hover,
div#grips article.newsitem h3 a:hover {
	text-decoration:underline;
}

ul#sub {
	margin: 0 0 20px 0;
	padding: 10px;
	background-color: #f5f5f5;
}

ul#sub li {
	background: url("/public/skin/bullet.png") no-repeat 0 2px transparent;
	border-bottom: 1px solid #dedede;
	list-style: none outside none;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	font-size: 1.1em;
}

ul#sub li a {
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

ul#sub li a:hover, 
ul#sub li.here a,
ul#sub li.here ul li a:hover {
	color: #ae3267;
}

ul#sub ul {
	margin: 5px 0;
}

ul#sub li ul li {
	font-size: .8em;
	background: transparent url("/public/skin/side-bullet.png") no-repeat 0 7px;
	padding-left: 13px;
	border: none;
	padding-bottom: 0;
	margin: 0;
	line-height: 1.2em;
	margin-bottom: 10px;
}

ul#sub li.here ul li a {
	color: #666;
}


/* Callouts */

div#supplier {
	float: right;
	margin: 0 0 0 10px;
	position: relative;
	width: 300px;
	height: 200px;
}

div#supplier img {
	position: absolute;
	z-index: 10;
	float: none;
	margin: 0;
}

div#supplier h3 {
	position: absolute;
	z-index: 15;
	bottom: 0;
	text-align: center;
	color: #fff;
	background-color: #ae3267;
	padding: 10px 0;
	width: 100%;
	font-size: 2em;
	margin: 0;
}

div.callouts {
	clear: both;
	width: 100%;
	margin: 20px 0;
	float: left;
}
article.callout {
	float: left;
	width: 300px;
	height: 415px;
	position: relative;
}

article.callout img {
	float: none;
	margin: 0;
}
article.callout div.callout_content {
	width: 280px;
	padding: 10px;
	clear: both;
	float: left;
}
article.callout div.callout_content h2 {
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ececec;
	padding-bottom: 4px;
}
article p.more {
	text-align: left;
	color: #e36324;
	padding: 10px 0;
	font-size: 1.4em;
	margin: 0 0 10px 10px;
	position: absolute;
	bottom: 0;
	width: 280px;
	border-top: 1px solid #ececec;
}
div#content article p.more a {
	color: #e36324;
	display: block;
}
div.case_sidebar p.more,
div.video_sidebar p.more {
	text-align: center;
	color: #fff;
	background-color: #ae3267;
	padding: 7px 0;
	width: 200px;
	font-size: 1.6em;
	margin: 0 0 10px 0px;
	bottom: 0;
}
div.case_sidebar p.more a,
div.video_sidebar p.more a {
	color: #fff;
	display: block;
}

div.callout_container {
	width: 300px;
	float: left;
	margin-right: 20px;
	
}
div.callout_container.last {
	margin-right: 0;
}
div#content article.callout figure {
	margin-bottom:5px;
	height: 185px;
    width: 300px;
    position: relative;
}
div#content article.callout figure img {
	float: none !important;
	margin: 0 !important;
}
div#content article.callout figure img.play {
	left: 120px;
    position: absolute;
    top: 62px;
    border: none !important;
    padding: 0 !important;
    float: none !important;
}
div#sidebar div.video_sidebar {
	position: relative;
	margin-top: 10px;
}
div#sidebar div.video_sidebar figure img.play {
	left: 70px;
    position: absolute;
    top: 30px;
    border: none !important;
    padding: 0 !important;
    float: none !important;
}
/* Newsletter sign up */

form.promo {
	clear: both;
	display: block;
	padding: 10px;
	background-color: #ae3267;
	color: #fff;
	text-align: left;
	zoom: 1;
	position: relative;
	margin: 20px 0;
	margin-bottom: 0;
}

form.promo p {
	width: 430px;
	font-size: 1.6em;
	float: left;
	margin: 3px 0 0 0;
}

form.promo fieldset {
	float: right;
}

form.promo input {
	padding: 5px;
	margin-left: 10px;
	border: solid 1px #fff;
	font-size: 1.3em;
}

form.promo input.submit {
	width: 90px;
	color: #000;
	text-transform: uppercase;
	border: none;
	margin-right: 0;
	padding: 5px 0;
	background: #febe10;
	zoom: 1;
	position: relative;
}

/* Footer */

footer {
	height: 130px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 960px;
	position: relative;
		border-bottom: 10px solid #ae3267;
	
}

body.home footer {
	border-top: none!important;
}

footer p#address {
	font-size: 13px;
	position: absolute;
	top: 20px; left: 0px;
	line-height: 18px;
	text-align: left;
	color: #000;
	z-index: 20;
}

footer p#address a {
	color: #000;
}

footer img#footer-logos {
	position: absolute;
	top: 60px; left: 0px;
	z-index: 19;
}


footer .badgenopopups {
  position: absolute !important;
  top: 35px !important;
  right: 80px !important;
}


img#bhta {
	position: absolute !important;
	top: 35px !important;
	right: 0px !important;
}


p#distributor {
	position: absolute;
	top: 150px; left: 145px;
	font-size: 12px;
}

p#distributor a {
	color: #5a5a5a;
}

footer nav#info {
	position: absolute;
	top: 150px; left: 0;
	padding-bottom: 20px;
}


footer nav#info li {
	display: inline-block;
	margin-right: 10px;
	font-size: 12px;
}

footer nav#info li a {
	color: #444;
}

footer p#bluestorm {
	position: absolute;
	top: 150px; right: 0;
	font-size: 12px;
	text-align: right;
}

footer p#bluestorm a {
	color: #009DDC;
}


/* Forms */
form#freeform {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	float: left;
}

form#freeform input.checkbox {
	width:20px;
	float:left;
}

form#mapdir {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	margin-top: 20px;
}
form#freeform label {
	color: #444444;
	font-size: 1.4em;
}

form#mapdir label {
	color: #444444;
	float: left;
	margin-top: 7px;
	margin-right: 10px;
}
form#freeform input#area_of_interest, 
form#freeform input#area_of_interest2, 
form#freeform input#enquiry_newsletter {
	border: medium none;
	width: 20px;
}

form#freeform input, 
form#freeform textarea {
	border: 1px solid #CCCCCC;
	color: #67B9E5;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.3em;
	margin-bottom: 15px;
	padding: 5px;
	width: 640px;
	box-shadow: 2px 2px 2px #f5f5f5;
	-moz-box-shadow: 2px 2px 2px #f5f5f5;
	-webkit-box-shadow: 2px 2px 2px #f5f5f5;
}
form#mapdir input {
	border: 1px solid #CCCCCC;
	color: #67B9E5;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1.3em;
	margin-bottom: 15px;
	padding: 3px;
	width: 200px;
	box-shadow: 2px 2px 2px #f5f5f5;
	-moz-box-shadow: 2px 2px 2px #f5f5f5;
	-webkit-box-shadow: 2px 2px 2px #f5f5f5;	
}
form#freeform input:focus,
form#mapdir input:focus {
	border: 1px solid #A1A1A1;
	
}

form#freeform input.submit {
 	width: 650px;
	color: #000;
	text-transform: uppercase;
	border: none;
	margin-right: 0;
	padding: 5px 0;
	background: #febe10;
	zoom: 1;
	position: relative;
}
form#mapdir input.submit {
 	width: 100px;
	color: #000;
	text-transform: uppercase;
	border: none;
	margin-right: 0;
	padding: 5px 0;
	background: #febe10;
	zoom: 1;
	position: relative;
}

form#freeform input.submit:hover  {
	background:#febe10; 
}
div#map {
	border: solid 10px #eaeaea;
	margin-bottom: 25px;
	zoom: 1;
	position: relative;
	-webkit-box-shadow: 0 0 5px #888888;
	-moz-box-shadow: 0 0 5px #888888;
	box-shadow: 0 0 5px #888888;
}
div#map_canvas img {
	float: none !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
div#map_canvas img.comp_logo {
	float: left !important;
	border: 1px solid #ccc !important;
	padding: 3px !important;
	margin: 0 0 10px 0 !important;
}
div#map_canvas h3 {
	clear: both;
	margin-bottom: 0;
	font-size: 1.2em;
}
.ie6 div#map, .ie7 div#map, .ie8 div#map {
	behavior: url('/PIE.htc');
}

div#social {
	margin-bottom: 25px;
	clear: both;
}

div#tweetthis, div#likethis,div#plus1 {
	float: left;
	margin-right: 20px;
}

div#likethis {
	width: 300px !important;
}

div#quicklinks {
	margin: 20px;
	padding-bottom: 15px;
	border-bottom: solid 3px #ccc;
}

div#quicklinks article {
	display: block;
	float: left;
	width: 220px;
	height: 220px;
	position: relative;
	margin-right: 20px;
}

div#quicklinks article:nth-last-child(1) {
	margin-right: 0;
}

div#quicklinks article img {
	margin: 0;
}

div#quicklinks article div.links {
	background-color: #ED1C2D;
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.34, #ED1C2D) color-stop(0.67, #F3636F));
	background-image: -moz-linear-gradient( center bottom,#ED1C2D 34%,#F3636F 67%);
	height: 50px;
	padding: 10px;
	color: #fff;
	font-size: .95em;
	position: relative;
	top: -5px;
}

div#quicklinks article div.links h1 {
	font-size: 1.2em;
	margin-bottom: 5px;
}

/* Sitemap */

div#content ul#sitemap {
	width: 100%;
}

div#content ul#sitemap li {
	border-left: 1px solid #ccc;
	padding-left: 10px;
	background: none;
	margin-bottom: 20px;
	list-style: none!important;
}

div#content ul#sitemap li ul {
	margin: 10px 0 10px 10px;
}

div#content ul#sitemap li ul li {
	background: url(/public/skin/sitemap-bullet.gif) 0 5px no-repeat;
	border: none;
	font-size: .8em;
	margin-bottom: 5px;
}

div#content ul#sitemap li ul li ul li {
	font-size: .8em;
}

div#content ul#sitemap li ul li a {
	color: #484848;
}






@media print {

/* Reset quotes */

q {
	quotes: none
}

q:before, q:after {
	content: ""
}

/* font sizes */

body {
	font: 12pt Georgia, "Times New Roman", Times, serif;
	line-height: 1.3;
	color: #000;
}

h1 {
	font-size: 24pt
}

h2 {
	font-size: 14pt;
	margin-top: 25px
}

/* Show printer-frindly logo. */

img.print {
	display: block
}

/* If you like things a little bit easier and more semantic you can alternatively just leave the h1 of the header visible, switch off the margin and make it bigger than the rest of the headlines */

header nav, nav#info, p#bluestorm, div#banner, div#site_search, div#sidebar, div.pagination, div#map_canvas, form.get_directions, div#slideshow, span#contact, a#facebook, a#twitter, #newsletter, form.promo, div.snippets, ul#breadcrumb {
	display: none!important
}

div#container {
	width: 800px;
	border: none;
	margin: 0;
	padding: 0;
}

div#content {
	width: 100%;
	margin: 0;
	padding: 0;
}

footer {
	width: 100%;
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
	margin-top: 10px;
}

footer p {
	font-size: 1.1em;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 25px;
}

/* Some browsers like to show a border around images. Switch it off */

img {
	border: 0
}

/* Mover the header a little bit awy from the content */

header {
	margin-bottom: 40px
}

/* Display the URL of the site so that the user knows where the printout came from */

header:after {
	display: block;
	content: "bebionic.com"
}

/* Separate blockquotes a little bit from the rest */

blockquote {
	font-size: 13pt;
	font-style: italic;
}

/* By default links are blue. For optimal legibility change them to black */

p a {
	color: #000
}

/* Show the URL after each link, whereby internal links are preceeded by the site's URL */

p a:after {
	content: " (http://bebionic.com/" attr(href) ")";
	font-size: 80%;
	word-wrap: break-word;
}

/* External links don't get this treatment */

p a[href^="http://"]:after, p a[href^="https://"]:after {
	content: " (" attr(href) ")";
}

/* Append the source of the citation */

q:after {
	content: " (" attr(cite) ")"
}

}