/*--------------------------------

VERSION: Tested in Firefox 2.0.0.4

AUTHOR: BROMEL

EMAIL: info@bromel.com

WEBSITE: BROMEL.COM

---------------------------------*/
/***** Global Settings *****/
html, body {border:0;margin:0;padding:0;}
body {font:100%/1.5 arial, helvetica, sans-serif;background-color: #272323;color: #FFFFFF;background-attachment: scroll;
background-image: url(interface/repeat-backgroun.gif);background-repeat: repeat-x;}
.alter {background-image: url(interface/repeat-backgroun2.gif);}
/***** Common Formatting *****/
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal;}
h1 {font:2em arial, helvetica, sans-serif;background-image: url(interface/Vital-banner.png);
background-repeat: no-repeat;height: 137px;width: 693px;}
h2 {letter-spacing:-1px;font:1.5em arial, helvetica, sans-serif;padding: 5px 0 10px 0;}
h3 {font:1em arial, helvetica, sans-serif;font-weight:bold;}
#Vitalintroduction {margin-right: auto;margin-bottom: 0;margin-left: auto;margin-top: 170px;height: 300px;width: 300px;
text-align: center;}
h3 span{background-image: url(logointro.png);background-repeat: no-repeat;height: 200px;width: 300px;display: block;text-indent: -9000px;float: left;padding-bottom: 50px;}
p, ul, ol {margin:0;padding:0 0 18px 0;}
ul, ol {list-style:none;padding:0 0 18px 40px;}
blockquote {margin:22px 40px;padding:0;}
small {font-size:0.85em;}
img {border:0;}
sup {position:relative;bottom:0.3em;vertical-align:baseline;}
sub {position:relative;bottom:-0.2em;vertical-align:baseline;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;}
/***** Links *****/
a, a:visited {text-decoration:none;}

/***** Forms *****/

form {margin:0;padding:0;display:inline;}
input, select, textarea {font:1em arial, helvetica, sans-serif;}
textarea {line-height:1.25;}
label {cursor:pointer;}

/***** Tables *****/
table {border:0;margin:0 0 18px 0;padding:0;}
table tr td {padding:2px;}

/***** Wrapper *****/
#wrap {width:960px;margin:0 auto;}

/***** Global Classes *****/ 

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
.wrap          { width:960px;margin:0 auto; }
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

/**********the stylying***************/
#map {width: 520px;height: 450px;border: 1px solid #000000;position: relative;margin-left: 46px;margin-bottom: 10px;color: #000000;background-color: #FF99CC;}
#screen {height: 302px;width: 693px;background-image: url(interface/screen.png);background-repeat: no-repeat;}
#container {width: 700px;margin-right: auto;margin-bottom: 0;margin-left: auto;}
#top_container {width: 680px;height: 130px;margin: 10px auto 10px auto;}
#bottom_container {clear: both;width: 693px;}
h1 {color: #96BF55;}
.clear {color: #96BF55;text-indent: -9000px;display: none;}
.description {font-size: 12px;line-height: 18px;color: #ffffbe;padding: 5px 0 15px 0;}	
a, a:link, a:visited {color: #09f;}
.footer {text-align: center;font-size: 11px;display: block;height: 38px;width: 693px;background: url(interface/footer2.jpg);color: #8C506D;margin-bottom: 20px;padding-top: 8px;background-repeat: no-repeat;}
pre {font-size: 11px;padding: 10px;background: #000000;overflow: auto;margin: 10px 0 10px 0;}
code {color: #ffffff;background: #000000;font-family: Monaco, Courier, monotype;}

/*		Vertical Accordions	*/

.accordion_toggle {display: block; height: 64px; width: 693px; background: url(interface/button.png) no-repeat; line-height: 30px;
font-weight: normal; text-decoration: none;outline: none;font-size: 22px;color: #000000;cursor: pointer;margin: 0;}
.accordion_toggle_active {background: url(interface/button.png) no-repeat;color: #ffffff;}
.accordion_content {overflow: hidden;background-image: url(interface/paper.jpg);background-repeat: repeat-y;background-position: center;padding-left: 35px;padding-right: 35px;}.accordion_content_contact {overflow: auto;background-image: url(interface/paper.jpg);background-repeat: repeat-y;background-position: center;padding-left: 35px;padding-right: 35px;}
.accordion_content h2 {	margin: 15px 0 5px 10px;color: #0099FF;}
.accordion_content_contact h2 {margin: 15px 0 0px 10px;color: #0099FF;}
.accordion_content p {line-height: 2em;padding: 0px 45px 20px;font-size: 14px;color: #5B5255;}

/**********the header stylying***************/

.introduction, .news, .promotion, .gallery, .salons, .contact{text-indent: -9000px;height: 64px;width: 240px;
display: block;margin-left: 33%;}
.introduction {background-image: url(interface/introduction.png);}
.news {background-image: url(interface/news.png);}
.promotion {background-image: url(interface/promotion.png);}
.gallery {background-image: url(interface/gallery.png);}
.salons {background-image: url(interface/salons.png);}
.contact {background-image: url(interface/contact.png);}
.whoweare, .whatwedo, .ourmission, .thevitalstore, .thevitalchoice, .whereweare, .giveusacall, .thevitalmap, .contactus{
display: block;background-image: url(interface/whoweare.png);height: 36px;width: 560px;text-indent: -9000px;}
.whoweare {background-image: url(interface/whoweare.png);}
.whatwedo {background-image: url(interface/what-we-do.png);}
.ourmission {background-image: url(interface/our-mission.png);}
.thevitalstore {background-image: url(interface/Thevital.png);}
.thevitalchoice {background-image: url(interface/Thevitalchoice.png);}
.whereweare {background-image: url(interface/whereweare.png);}
.giveusacall {background-image: url(interface/giveusacall.png);}
.thevitalmap {background-image: url(interface/thevitalmap.png);}
.contactus {background-image: url(interface/giveusacall.png);}
.newshead {display: block;background-image: url(interface/newshead.png);height: 36px;width: 560px;text-indent: 70px;color: #8E526F;font-family: Tahoma;font-weight: bold;font-size: 0.8em;padding-top: 2px;}
.test {color: #8E526F;font-size: 11px;display: block;font-family: Tahoma;font-weight: normal;float: right;margin-top: -16px;
letter-spacing: 0px;padding-right: 5px;}
.newsfix p{font-size: 10px;line-height: 1.2em;}
.offers {display: block;background-image: url(interface/offerheaders.png);height: 36px;width: 560px;text-indent: 47px;color: #8E526F;font-family: Tahoma;font-weight: bold;font-size: 0.8em;padding-top: 2px;}
.pos {color: #FFFFFF;font-family: Georgia, Times, serif;font-weight: bold;font-size: 0.8em;padding-top: 5px;display: block;float: left;padding-right: 25px;	}
.bordered {border: 1px solid #000000;height: 75px;width: 100px;}
.advert li {margin-left:-15px;}
.advert {padding-top: 45px;background-image: url(images/panel-for-add.png);background-repeat: no-repeat;color: #FFCCFF;width: 240px;height: 260px;font-family: Tahoma;font-size: 1em;font-weight: bolder;float: left;margin-left: 35px}

.advert2 {padding-top: 45px;background-image: url(images/panel-for-add2.png);background-repeat: no-repeat;color: #FFCCFF;width: 240px;height: 260px;font-family: Tahoma;font-size: 1em;font-weight: bolder;padding-left: 25px;float: left;}
.advert ul, .advert2 ul {margin-left: 0px;padding-left: 0px;width: 200px;padding-bottom: 1px;}
.info {background-image: url(images/infotag.png);background-repeat: no-repeat;height: 35px;width: 180px;padding-left: 40px;
font-family: Arial;font-size: 16px;line-height: 0.99em;padding-top: 2px;letter-spacing: 0px;padding-bottom: 12px;font-weight: bold;}
.home {background: url(images/hometag.png) no-repeat;height: 35px;width: 180px;padding-left: 40px;padding-bottom: 5px;
font-family:  Verdana, Arial, Helvetica, sans-serif;font-size: 14px;line-height: 1em;padding-top: 4px;line-height: 1em;color: #FFFFFF;	padding-bottom: 20px;}
.phone {background: url(images/phonetag.png) no-repeat;font-weight: bolder;color: #FFFFFF;font-size: 0.7ems;}
.phone, .web {	height: 35px;width: 135px;	padding:5px 0 5px 40px;font-family: Arial;}
.web {background: url(images/webtag.png) no-repeat;letter-spacing: 1px;font-size: 15px;}
.ticktag li{background: url(images/ticktag.png) no-repeat;height: 35px;width: 400px;	padding-left: 40px;
font-family:  Arial, Helvetica, sans-serif;font-size: 20px;	line-height: 1em;padding-top: 8px;color: #8B506C;	}
.mansig {background-image: url(images/mansig.png);background-repeat: no-repeat;height: 95px;width: 85px;text-indent: -9000px;
margin-left: 40px;padding-bottom: 30px;}
.myinfo, .myadd, .myphone, .myweb, .mytime{background-repeat: no-repeat;padding-left: 40px;font-family:  Arial, Helvetica, sans-serif;font-size: 20px;line-height: 1em;padding-top: 8px;line-height: 1em;
color: #8B506C;height: 35px;}
.myinfo{background-image: url(images/CINFO.png);}
.myadd {background-image: url(images/CHOUSE.png);}
.myphone {background-image: url(images/CPHONE.png);}
.myweb {background-image: url(images/CWEB.png);}
.mytime {background-image: url(images/CTIME.png);}
.black{color: #000000;}
.blackbold{color: #E14691;font-weight: bold;}
.horizontal_accordion_content {height: 100px;width: 400px;overflow: hidden;background-color: #ffffff;color: #444444;}	

.adfix{padding-left:50px;
	
}
div.adfix {
	float:left;
	padding-left: 100px;
}