/* position_center */
*				{ margin:0; padding:0; }
html, body		{ height:100%; }
body			{ text-align:center; /* horizontal centering for IE Win quirks */ }
#distance	{ width:1px; height:0%; margin-bottom:-300px; /* half of container's height */ float:left; }
#outer		{ margin:0 auto; position:relative; /* puts container in front of distance */ text-align:left; width:913px;min-height:500px;clear:left;}
p {margin-bottom:15px}
/* /position_center */

/*For When CSS is turned Off*/

h1,h2 {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}
.nocss {display:block;left:-1000em;font-size:0.1em;margin:0;padding:0;height:0;width:0;color:#000000;position:absolute;}

h3 {margin:0 0 10px 0;font-size:1.5em;color:#bccf9b;}

ul li {list-style:none;}
body{background: url(../images/main-background.gif) top left no-repeat;padding:0;margin:0;font-size:0.8em;font-family:Century Gothic, verdana;background-color:#fcfbea;color:#666666}

#content {margin:0 0 0 0px;background: url(../images/bg-pipe.gif) top left no-repeat;width:915px;min-height:598px;height:100%;}
img {border: none;}
a {color:#abc385;font-weight:bold; border: none;}

input, textarea {font-family:Century Gothic, verdana;color:#666666;border:1px solid #abc385}

/*Shadow*/
.shadowBox				{background:#fcfbea url(../images/center-repeat.gif) 0% 0% repeat;margin:0px 0px 0px 0px;width:913px;height:100%}
.shadowBox-ds			{background:transparent url(../images/top-shadow.gif) no-repeat left top;}
.shadowBox-ds .inner		{height:100%;padding:0px 0 0 0}


#footer {
				position: absolute;  /* Needed for Safari */
				
				width:913px;
				height:104px;
				background:url(../images/footer-background.gif) 0% 100% no-repeat;
			}


#flash {height:157px;width:900px;margin:0 0 0 6px}

#logo {padding:47px 0 0 41px;width:300px;}
#logo a {background:transparent url(../images/logo-bella.gif) no-repeat left top;width:300px;height:44px;display:block;}


/*Nav*/
#nav {width:900px;height:40px;background-color:#949691;margin:0 0 0 6px;}
#nav ul {padding:13px 0 0 36px;width:800px}
#nav ul li {float:left;list-style:none;margin:0 5px 0 5px}
#nav ul li a {display:block;margin:0;}

#nav ul li.navHome, #nav ul li.navHome a  {background: url(../images/navHome.gif) top left no-repeat;width:76px;height:20px;}
#nav ul li.navHome a:hover, #nav ul li.navHome a.on  {background: url(../images/navHome-over.gif) top left no-repeat;width:76px;height:20px;}

#nav ul li.navProducts, #nav ul li.navProducts a  {background: url(../images/navProduct.gif) top left no-repeat;width:100px;height:20px;}
#nav ul li.navProducts a:hover, #nav ul li.navProducts a.on  {background: url(../images/navProduct-over.gif) top left no-repeat;width:100px;height:20px;}

#nav ul li.navServices, #nav ul li.navServices a  {background: url(../images/navTreatment.gif) top left no-repeat;width:187px;height:21px;}
#nav ul li.navServices a:hover, #nav ul li.navServices a.on  {background: url(../images/navTreatment-over.gif) top left no-repeat;width:187px;height:21px;}

#nav ul li.navPrices, #nav ul li.navPrices a  {background: url(../images/navPrices.gif) top left no-repeat;width:107px;height:20px;}
#nav ul li.navPrices a:hover, #nav ul li.navPrices a.on  {background: url(../images/navPrices-over.gif) top left no-repeat;width:107px;height:20px;}

#nav ul li.navContact, #nav ul li.navContact a  {background: url(../images/navContact.gif) top left no-repeat;width:117px;height:20px;}
#nav ul li.navContact a:hover, #nav ul li.navContact a.on  {background: url(../images/navContact-over.gif) top left no-repeat;width:117px;height:20px;}

#nav ul li.navFaq, #nav ul li.navFaq a  {background: url(../images/navFaq.gif) top left no-repeat;width:56px;height:20px;}
#nav ul li.navFaq a:hover, #nav ul li.navFaq a.on  {background: url(../images/navFaq-over.gif) top left no-repeat;width:56px;height:20px;}

#nav ul li.navOffers, #nav ul li.navOffers a  {background: url(../images/navSpecial.gif) top left no-repeat;width:135px;height:20px;}
#nav ul li.navOffers a:hover, #nav ul li.navOffers a.on  {background: url(../images/navSpecial-over.gif) top left no-repeat;width:135px;height:20px;}

#nav ul li.navGallery, #nav ul li.navGallery a  {background: url(../images/navGallery.gif) top left no-repeat;width:58px;height:20px;}
#nav ul li.navGallery a:hover, #nav ul li.navGallery a.on  {background: url(../images/navGallery-over.gif) top left no-repeat;width:58px;height:20px;}


#pageContent {height:100%;margin:0 0 0 0;min-height:731px}
#leftContent {float:left;width:565px;padding:35px 0px 0 30px;min-height:362px;}
#rightContent {float:right;width:250px;padding-right:9px}

#promotion {margin:0 0 35px 0}
#newsletter {width:250px;height:100%;background-color:#ecf0d6;margin:0 0 0 0;padding: 25px 0 0 0px} 
#newsletterHolding {margin-left:25px}

#newsletterHolding input {border:1px solid #abc385}
#newsletterHolding h3 {color:#bccf9b;margin:0 0 0 0;}
#newsletterHolding p {color:#889b69;margin:0 0 5px 0;}
#newsletterHolding #Submit input {margin:10px 0 10px 0; cursor:pointer;color:#889b69;}

#products{padding:0;margin:35px 0 0 35px}

#products ul li {list-style:none;margin:0;padding:0;float:left;}
#products ul li a {display:block;margin:0;margin:0;}

#products ul li.cosmetic, #products ul li.cosmetic a{background: url(../images/product-cosmatic-bright-over.gif) top left no-repeat;width:180px;height:42px;}
#products ul li.cosmetic a:hover, #products ul li.cosmetic a.on  {background: url(../images/product-cosmatic-bright.gif) top left no-repeat;width:180px;height:42px;}

#products ul li.environ, #products ul li.environ a{background: url(../images/product-environ.gif) top left no-repeat;width:180px;height:42px;}
#products ul li.environ a:hover, #products ul li.environ a.on  {background: url(../images/product-environ-over.gif) top left no-repeat;width:180px;height:42px;}

#products ul li.eporex, #products ul li.eporex a{background: url(../images/product-eporex.gif) top left no-repeat;width:180px;height:42px;}
#products ul li.eporex a:hover, #products ul li.eporex a.on  {background: url(../images/product-eporex-over.gif) top left no-repeat;width:180px;height:42px;}

#products ul li.ren, #products ul li.ren a{background: url(../images/product-ren.gif) top left no-repeat;width:180px;height:42px;}
#products ul li.ren a:hover, #products ul li.ren a.on  {background: url(../images/product-ren-over.gif) top left no-repeat;width:180px;height:42px;}

#products ul li.lash, #products ul li.lash a{background: url(../images/product-lash-perfect.gif) top left no-repeat;width:180px;height:40px;}
#products ul li.lash a:hover, #products ul li.lash a.on  {background: url(../images/product-lash-perfect-over.gif) top left no-repeat;width:180px;height:42px;}

#products ul li.fakeBake, #products ul li.fakeBake a{background: url(../images/product-fake-bake.gif) top left no-repeat;width:180px;height:43px;}
#products ul li.fakeBake a:hover, #products ul li.fakeBake a.on  {background: url(../images/product-fake-bake-over.gif) top left no-repeat;width:180px;height:43px;}

#products ul li.eyesential, #products ul li.eyesential a{background: url(../images/product-eyesential.gif) top left no-repeat;width:180px;height:43px;}
#products ul li.eyesential a:hover, #products ul li.eyesential a.on  {background: url(../images/product-eyesential-over.gif) top left no-repeat;width:180px;height:43px;}



/*Products*/

#ProductLogo {margin:0 0 15px 0}
#productText {float:left;width:260px;margin:0 45px 0 0}

#productImages {float:left;width:258px}

#productImages ul li {margin: 0 0 15px 0}

.book p {font-size:1.3em;margin-top:10px}

#bellaRange {background: url(../images/title-bella-product-range.gif) top left no-repeat;width:155px;height:15px;margin:0 0 15px 0}

/*Contact*/
#contactForm {width:200px;float:left;}
#contactDetails {float:left;}


/*Services*/

#ServicesTextMargin {padding:15px 0 0 0}
#servicesText {float:left;width:572px;margin:0 0px 0 0;}


.top {color:#bccf9b;}

.flowerBullets {width:240px;margin:0 0 15px 0;font-size:0.9em;}
.flowerBullets ul {margin:0 15px 15px 0;float:left;}
.flowerBullets ul li { list-style-image: url(../images/flower.gif);margin:0 0 0 15px}
.flowerBullets ul li a {color:#666;font-weight:bold}
.flowerBullets ul li a:hover {color:#bace98;font-weight:bold}
.flowerBullets ul li a.on {color:#bace98;font-weight:bold}

#pageContent #leftContent #servicesText .flowerBullets {width:100%;margin:0} 



#footer {padding: 0px 0 0 37px;color:#abc385;}
#footer ul {padding:15px 0 0 0;margin-bottom:10px}

#footer ul li {float:left;color:#abc385;margin:0 3px 0 0}
#footer ul li a {color:#abc385;font-weight:bold;}

.clear{clear:both;}

#Gallery {width:600px;float:left;}
#Gallery ul {width:500px;margin:0 0 5px 0;float:left;}
#Gallery ul li {margin:0 4px 4px 0;float:left;}
#Gallery ul li a {border:none;float:left;}

.InputComment {width:135px}

.offer {width:566px;border-bottom:1px solid #889b69;padding-bottom:40px;padding-top:30px}
.leftOffer {float:left}
.offerText {float:left;margin:62px 0 0 30px;width:250px}
.offertTitle {margin:0 0 20px 0}
.offerText p {font-size:1.2em;}