﻿/*
 *		Copyright (C)2012 essencedesign
 *		http://www.essencedesign.com
 *
 *		July 2012
 *		Yann Stricker
 *
**/

@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------- */
/* Fonts */
/* ---------------------------------------------------------------------------------------------------- */

*{									margin:0; padding:0;} 
html, body{							margin:0; padding:0; padding-bottom:0;
									font-family:Helvetica,Arial,sans-serif; font-size:12px; letter-spacing:0.02em; line-height:16px; color:#3a3a3a; }									
body{								position:relative; margin:0; background:#fefefe;   }
th, td{								border:none; padding:0; vertical-align:top;}
table{ 								margin-bottom:0;}
img{								display:block; border:none;}



/* ---------------------------------------------------------------------------------------------------- */
/* Links */
/* ---------------------------------------------------------------------------------------------------- */

a, a:visited, a:active{				color:#3a3a3a; text-decoration:none; outline:none;
									-webkit-transition:color 200ms ease-in; -moz-transition:color 200ms ease-in; -o-transition:color 200ms ease-in; transition:color 200ms ease-in;}
a:hover{							color:#000;}		

:focus{								-moz-outline-style:none; -webkit-outline-style:none; -o-outline-style:none; outline-style:none;}



/* ---------------------------------------------------------------------------------------------------- */
/* Background rollover */
/* ---------------------------------------------------------------------------------------------------- */

.bg-rollov{							display:block; padding:4px;}
.bg-rollov a{						display:block;}
.bg-rollov:hover{					background:#cacaca; 
									-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;}
									
									
/* ---------------------------------------------------------------------------------------------------- */
/* Forms */
/* ---------------------------------------------------------------------------------------------------- */

fieldset{							border:1px solid #e8e8e8; margin:5px 0px 5px 0px; padding:5px 10px 10px 10px;}	
legend{								font-size:12px; font-weight:bold;}

label{ 								cursor:pointer;}
input{								padding:3px 3px 3px; margin:1px; background:#fff;
									font-family:Helvetica,Arial,sans-serif; font-size:12px; color:#3a3a3a; 
									/*-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/
									border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
									
										
input[type=checkbox]{				width:16px !important; border:none; margin-right:6px; background:none;}
input[type=radio]{					width:16px !important; border:none; margin-right:6px; background:none;}
		  
select{								display:block; height:22px; padding:2px 1px 0px; margin:1px; background:#fff; cursor:pointer; 
									font-family:Helvetica,Arial,sans-serif; font-size:12px; color:#3a3a3a; 
									/*-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/
									border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}
option{								background:none; border:none; padding:2px 4px; cursor:pointer; text-transform: capitalize;}
textarea{							padding:3px 3px 0 3px; margin:1px; background:#fff url(../img/00_dft/input-bg.png) repeat-x;
									font-family:Helvetica,Arial,sans-serif; font-size:12px; color:#3a3a3a; 
									/*-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;*/
									border-top:1px solid #e8e8e8; border-left:1px solid #e8e8e8 ; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}

.hidden-field{                      display:none;}



/* ---------------------------------------------------------------------------------------------------- */
/* HR */
/* ---------------------------------------------------------------------------------------------------- */

hr{ 								display:block; height:1px;  margin:42px 0 0; padding:0; border-top:1px solid #959592;}
.hr{								position:relative; clear:both; display:block; background:url(../ichiropro/App_themes/img/00_dft/hr.gif) repeat-x; width:100%; height:2px; margin:3px 0px 3px 0px;}
.hr.small{							position:relative; clear:both; display:block; background:url(../img/00_dft/hr-small.png) no-repeat; width:444px; height:5px; margin:18px 0px;}
.hr.medium{							position:relative; clear:both; display:block; background:url(../img/00_dft/hr-medium.png) no-repeat; width:674px; height:5px; margin:18px 0px;}

.hr_alt{ 							display:block; height:1px; margin:1.5em 0 2em; padding:0; border:0; border-top:1px dotted #a29986;}



/* ---------------------------------------------------------------------------------------------------- */
/* HTML */
/* ---------------------------------------------------------------------------------------------------- */

p{									font-size:inherit; text-align:left; margin:0 0 0.8em 0;}
strong{								font-family:Helvetica,Arial,sans-serif; color:#009ee0;}
em{									font-style:italic;}
br{									*display: block; *margin-bottom:10px;} /* IE */

/*
ol, ul, dl{							margin-left:1.4em;}
blockquote, ul, ol, dl{				margin:0 0 0 1em;}
*/



/* ---------------------------------------------------------------------------------------------------- */
/* Customs */
/* ---------------------------------------------------------------------------------------------------- */

.i{									font-style:italic;}
.uc{								text-transform:uppercase;}
.brd{								border:1px solid #333333;}

.red{								color:#3e3733;}
.green{ 							color:#5a8e22;}
.blue{								color:#47a0d2;}

.dflt{								width:auto; height:auto;}
.hide{								visibility:hidden;}
.show{								visibility:visible;}

.fl{								float:left;}
.fr{								float:right;}

.br_s{								height:8px; width:auto;}
.br_m{								height:16px; width:auto;}
.br_l{								height:28px; width:auto;}

.sepa{ 								display:block; height:1px; margin:28px 0 22px; padding:0; border:0; border-bottom:1px dotted #cccccc;}

.opc50{								filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}



/* ---------------------------------------------------------------------------------------------------- */
/* Loading */
/* ---------------------------------------------------------------------------------------------------- */

#loading{ 							display:none; position:absolute;top:0;left:0; height:100%; width:100%;  background:#fff; filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; z-index:9998; }
.loading-msg{ 						display:none; position:absolute;top:0;left:0; height:500px; width:100%; background:url(../img/05_icn/loading.gif) no-repeat center; z-index:9999;}



/* ---------------------------------------------------------------------------------------------------- */
/* Icons */
/* ---------------------------------------------------------------------------------------------------- */

ul.docs li{							margin-bottom:0; padding:3px 3px 0 3px;}

.txt{								display:block; background:url(../img/05_icn/txt.png) no-repeat scroll 0 0 transparent !important;  padding:1px 0 2px 22px !important;}
.pdf{								display:block; background:url(../img/05_icn/pdf.png) no-repeat scroll 0 0 transparent !important;  padding:1px 0 2px 22px !important;}
.sfpdf{								display:block; background:url(../img/05_icn/pdf.png) no-repeat scroll 0 0 transparent !important;  padding:1px 0 2px 22px !important;}
.doc{								display:block; background:url(../img/05_icn/doc.png) no-repeat scroll 0 0 transparent !important;  padding:1px 0 2px 22px !important;}
.gif{								display:block; background:url(../img/05_icn/gif.png) no-repeat scroll 0 0 transparent !important;  padding:1px 0 2px 22px !important;}
.jpg{								display:block; background:url(../img/05_icn/jpg.png) no-repeat scroll 0 0 transparent !important;  padding:1px 0 2px 22px !important;}
.xls{								display:block; background:url(../img/05_icn/xls.png) no-repeat scroll 0 0 transparent !important;  padding:1px 0 2px 22px !important;}
.icn-video {								display:block; background:url(../img/05_icn/icon-video.png) no-repeat scroll 0 0 transparent !important;  padding:1px 0 2px 22px !important;}

ul.list li{							background:url(../img/05_icn/link.png) no-repeat scroll 0 -1px transparent; padding:1px 0 2px 22px; margin-bottom:0;}

.link{								display:block; background:url(../img/05_icn/link.png) no-repeat scroll 0 0 transparent; padding:0px 0 2px 22px;}
.arw-left{ 							display:block; background:url(../img/05_icn/arrow_left.png) no-repeat scroll 0 0 transparent; padding:1px 0 2px 22px;}
.arw-right{ 						display:block; background:url(../img/05_icn/arrow_right.png) no-repeat scroll 0 0 transparent; padding:1px 0 2px 22px;}


.mostViewed{						display:block; background:url(../img/05_icn/most-viewed.png) no-repeat scroll 0 -2px transparent;  padding:2px 0 2px 22px;}
.newest{							display:block; background:url(../img/05_icn/most-newest.png) no-repeat scroll 0 -2px transparent;  padding:2px 0 2px 22px;}
.random{							display:block; background:url(../img/05_icn/most-random.png) no-repeat scroll 0 -2px transparent;  padding:2px 0 2px 22px;}

.tel{								display:block; background:url(../img/05_icn/phone.gif) no-repeat scroll 0 0px transparent; padding:0px 0 0px 20px;}
.fax{								display:block; background:url(../img/05_icn/fax.gif) no-repeat scroll 0 0px transparent;  padding:0px 0 0px 20px;}
.email{								display:block; background:url(../img/05_icn/email.gif) no-repeat scroll 0 0px transparent;  padding:0px 0 0px 20px; cursor:pointer;}
.map{								display:block; background:url(../img/05_icn/map.gif) no-repeat scroll 0 0px transparent;  padding:0px 0 0px 20px;}
.url{								display:block; background:url(../img/05_icn/website.gif) no-repeat scroll 0 0px transparent;  padding:0px 0 0px 20px; cursor:pointer;}
.v-card{							display:block; background:url(../img/05_icn/address.gif) no-repeat scroll 0 0px transparent;  padding:0px 0 0px 20px;}
.tel, .fax, .email, .map, 
.website, vcard{					margin-bottom:0px;}

.tick{								list-style-image:url(../img/05_icn/list-tick.png); padding-left:6px;}


.sfdownloadFileWrp a{				background:url(../img/05_icn/pdf.png) no-repeat scroll 0 2px transparent !important; padding-left:20px;}
.sfdownloadFileWrp .sfpdf{			background:url(../img/05_icn/pdf.png) no-repeat scroll 0 2px transparent !important; padding-left:20px;}



/* ---------------------------------------------------------------------------------------------------- */
/* Clear */
/* ---------------------------------------------------------------------------------------------------- */

.clear{								clear:both;  line-height:1px; font-size:1px;}

.cf:after{							content:"."; display:block; height:0; clear:both; visibility:hidden;}
.cf{								display:inline-block;}
* html .cf{							height:1%;}
.cf{								display:block;}



/* ---------------------------------------------------------------------------------------------------- */
/* Custom text-selection colors (remove any text shadows:twitter.com/miketaylr/status/12228805301) */
/* ---------------------------------------------------------------------------------------------------- */

::-moz-selection{					background:#47a0d2; color:#fff; text-shadow:none;} 
::selection{						background:#47a0d2; color:#fff; text-shadow:none;} 
/*	j.mp/webkit-tap-highlight-color */
a:link{								-webkit-tap-highlight-color:#47a0d2;} 
ins{								background-color:#47a0d2; color:#000; text-decoration:none;}
mark{								background-color:#47a0d2; color:#000; font-style:italic; font-weight:bold;}



/* ---------------------------------------------------------------------------------------------------- */
/* Table */
/* ---------------------------------------------------------------------------------------------------- */

.table{								display:table}
.tr{ 								display:table-row}
.thead{								display:table-header-group}
.tbody{								display:table-row-group}
.tfoot{								display:table-footer-group}
.col{								display:table-column}
.colgroup{							display:table-column-group}
.td{								display:table-cell}
.th{								displat:table-cell; font-weight:bold}
.caption{							display:table-caption}



/* ---------------------------------------------------------------------------------------------------- */
/*	Button  */
/* ---------------------------------------------------------------------------------------------------- */

/*
.button,
.button:visited{					width:auto !important; font-size:12px; font-weight:normal;
									position:relative; display:inline-block; padding:5px 10px 6px !important; color:#E2E2E2; text-decoration:none; cursor:pointer;  
									background:#000 url(../img/06_btn/alert-overlay.png) repeat-x; -moz-border-radius:4px; -webkit-border-radius:4px; 
									-moz-box-shadow:0 1px 3px rgba(0,0,0,0.10); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.10); 
									border-bottom:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0, 0, 0, 0.1); text-shadow:0 -1px 1px rgba(0,0,0,0.18);
									-webkit-transition:all .3s ease-in; -moz-transition:all .3s ease-in; -o-transition:all .3s ease-in; transition:all .3s ease-in;}
.button:hover{ 						background-color:#111; color:#fff;}
.button:active{ 					top:1px;}
*/


/*	Button - http://webdesignerwall.com/tutorials/css3-gradient-buttons
/* --------------------------------------------------------------------------------------------------------------------*/

.button,
.button:visited{ 					display:inline-block; zoom:1; /* zoom and *display = ie7 hack for display:inline-block */  *display:inline;
									vertical-align:baseline; margin:0 2px; outline:none; cursor:pointer; text-align:center; text-decoration:none; font:13px/100% Arial, Helvetica, sans-serif; padding:.5em 0.7em .55em; 
									text-shadow:0 1px 1px rgba(0, 0, 0, .3); -webkit-border-radius:.0em; -moz-border-radius:.0em; border-radius:.0em; 
									-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .2); box-shadow:0 1px 2px rgba(0, 0, 0, .2);}
.button:hover{ 						text-decoration:none; }
.button:active{ 					position:relative; top:0;}

.big{								padding:.6em 3.2em .65em;line-height:1.2em;}
.bigrounded{ 						-webkit-border-radius:2em; -moz-border-radius:2em; border-radius:2em; }

.medium{ 							font-size:12px; padding:.4em 1.5em .38em; }
.small{ 							font-size:11px; padding:.2em 1em .275em; }
.thin{ 								padding:0.4em 5px; }

.img-button{						display:inline-block; zoom:1;
									vertical-align:baseline; margin:0 0 0 2px; outline:none; cursor:pointer; text-align:center; text-decoration:none; font:14px/100% Arial, Helvetica, sans-serif; padding:6px 6px 4px 6px; *padding:6px 6px 7px 6px;
									text-shadow:0 1px 1px rgba(0, 0, 0, .3); -webkit-border-radius:.3em; -moz-border-radius:.3em; border-radius:.3em;
									-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .2); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .2); box-shadow:0 1px 2px rgba(0, 0, 0, .2);}

/* Colors */
.black{								color:#d7d7d7; border:solid 1px #333; background:#333; background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#000)); background:-moz-linear-gradient(top,  #666,  #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000'); }
.black:hover{						background:#000; background:-webkit-gradient(linear, left top, left bottom, from(#444), to(#000)); background:-moz-linear-gradient(top,  #444,  #000); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000'); }
.black:active{						color:#666 !important; background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#444)); background:-moz-linear-gradient(top,  #000,  #444); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666'); }

.gray{								color:#e9e9e9; border:solid 1px #555; background:#6e6e6e; background:-webkit-gradient(linear, left top, left bottom, from(#888), to(#575757)); background:-moz-linear-gradient(top,  #888,  #575757); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757'); }
.gray:hover{						background:#616161; background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b)); background:-moz-linear-gradient(top,  #757575,  #4b4b4b); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b'); }
.gray:active{						color:#afafaf !important; background:-webkit-gradient(linear, left top, left bottom, from(#575757), to(#888)); background:-moz-linear-gradient(top,  #575757,  #888); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888'); }

.white{								color:#606060; border:solid 1px #b7b7b7; background:#fff; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background:-moz-linear-gradient(top,  #fff,  #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); }
.white:hover{						background:#ededed; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc)); background:-moz-linear-gradient(top,  #fff,  #dcdcdc); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc'); }
.white:active{						outline:none;color:#999; background:-webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff)); background:-moz-linear-gradient(top,  #ededed,  #fff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff'); }

/* red */


.red, .red:visited{					color:#faddde ; border:none; background:#d81b21; background:-webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317)); background:-moz-linear-gradient(top, #ed1c24, #aa1317);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');}
.red:hover{							color:#fff ; background:#b61318; background:-webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background:-moz-linear-gradient(top, #c9151b, #a11115);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');}
.red:active{						color:#fff ; background:-webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24)); background:-moz-linear-gradient(top, #aa1317, #ed1c24);  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}



/* ---------------------------------------------------------------------------------------------------- */
/*	Button + image   */
/* ---------------------------------------------------------------------------------------------------- */

.btn-img{ 							width:auto; height:28px; padding:0 2px 0px 0; float:left; cursor:pointer;}
.btn-img .btn-left{ 				clear:right; float:left; width:8px; height:28px; background:url(../img/06_btn/btn1/btn_left.png) left top no-repeat;}
.btn-img .btn-cntr{					clear:right; float:left; width:auto; height:24px; padding:4px 2px 0 8px; background:url(../img/06_btn/btn1/btn_center.png) center top repeat-x; 
									font-size:12px; color:#52585c; text-align:center; vertical-align:middle; white-space:nowrap;}
.btn-img .btn-right{ 				clear:right; float:left; width:31px; height:28px; background:url(../img/06_btn/btn1/btn_right.png) no-repeat;}

a.btn-img .btn-cntr:Link, 
a.btn-img .btn-cntr:Active, 
a.btn-img .btn-cntr:Visited{		font-size:12px; font-weight:normal; color:#52585c; text-decoration:none;}
a.btn-img .btn-cntr:Hover{			color:#3e3733; text-decoration:none;}

.arrowLeft .btn_left{ 				width:21px; background:url(../ichiropro/App_themes/img/06_btn/btn1/btn_left_arrow_left.png) left top no-repeat;}
.arrowRight .btn_left{ 				width:21px; background:url(../ichiropro/App_themes/img/06_btn/btn1/btn_left_arrow_right.png) left top no-repeat;}







/* ---------------------------------------------------------------------------------------------------- */
/*	V-Card */
/* ---------------------------------------------------------------------------------------------------- */

.vcard .fn{							font-weight:bold;}





/* ---------------------------------------------------------------------------------------------------- */
/*	Products map  */
/* ---------------------------------------------------------------------------------------------------- */

ul.level-0>li {   
 
    list-style: none !important;
}

 
ul.level-1>li {
    
      list-style: none !important;

}
ul.level-2 li {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 12px;
    vertical-align: baseline;
    background: transparent;
        padding-left: 0.2em;
    list-style: url(../img/05_icn/bullet.png);
    
}


.mainside .products-list hr {

    display: block;
    height: 1px;
    margin: 21px 0 21px 0;
    padding: 0;
    border-top: 1px solid #959592;


}
.mainside .products-list li li {
    margin: 0 0 0.1em 2em;
    padding-left: 0.2em;
    list-style: url(../img/05_icn/bullet.png);
}
 



