﻿body {margin:0px auto; padding:0px; font:76% Tahoma, Arial, Helvetica, Verdana}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0px auto; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

a {text-decoration:none}
.clearboth {clear:both}
.right {float:right}
.left {float:left}
.block {display:block}

#container {width:100%; text-align:center; background:url('images/topBkg.jpg') top center repeat-x #60a8c1}
#contentWrap {width:971px;}

#topWrap {background:url('images/topNavBkg.gif') top center no-repeat; height:111px}
#topWrap ul {list-style-type:none; padding:49px 0px 0px 65px}
#topWrap ul li {display:inline; font-weight:bold; padding-right:22px; float:left}
#topWrap ul li a {background:url('images/homeSprite.gif') no-repeat; float:left; color:#d9e9eb}
#topWrap ul li a:hover {color:#fff}
#topWrap ul li a.about {background-position:0px -295px; height:37px; padding:10px 0px 0px 45px;}
#topWrap ul li a:hover.about {background-position:0px -342px; height:37px; padding:10px 0px 0px 45px;}
#topWrap ul li a.busDev {background-position:0px -389px; height:44px; padding:3px 0px 0px 45px;}
#topWrap ul li a:hover.busDev {background-position:0px -436px; height:44px; padding:3px 0px 0px 45px;}
#topWrap ul li a.intl {background-position:0px -483px; height:37px; padding:10px 0px 0px 45px;}
#topWrap ul li a:hover.intl {background-position:0px -530px; height:37px; padding:10px 0px 0px 45px;}
#topWrap ul li a.team {background-position:0px -577px; height:37px; padding:10px 0px 0px 45px;}
#topWrap ul li a:hover.team {background-position:0px -624px; height:37px; padding:10px 0px 0px 45px;}
#topWrap ul li a.news {background-position:0px -671px; height:37px; padding:10px 0px 0px 45px;}
#topWrap ul li a:hover.news {background-position:0px -718px; height:37px; padding:10px 0px 0px 45px;}
#topWrap ul li a.contact {background-position:0px -765px; height:37px; padding:10px 0px 0px 45px;}
#topWrap ul li a:hover.contact {background-position:0px -812px; height:37px; padding:10px 0px 0px 45px;}
#topWrap ul li a.shop {background-position:0px -859px; height:37px; padding:10px 0px 0px 45px;}
#topWrap ul li a:hover.shop {background-position:0px -906px; height:37px; padding:10px 0px 0px 45px;}

#mainWrap {background:url('images/bkgSlice.png') top center repeat-y; padding:0px 35px; margin-left:-5px}

#leftContainer {float:left; width:270px; margin:15px 0px 10px 30px; text-align:left}
#specialsBtn a {color:#fff;  font-size:140%; width:220px; height:78px; display:block; margin:20px 0px 15px 4px; padding:12px 0px 0px 15px;}
#specialsBtn a span {font-size:70%; margin-top:8px; float:left; position:absolute}
#specialsBtn a.btn {background:url('images/homeSprite.gif') no-repeat; background-position:0px -163px;}
#specialsBtn a:hover.btn {background:url('images/homeSprite.gif') no-repeat; background-position:-234px -163px;}

#whatWeDoBtn a {color:#fff;  font-size:140%; width:220px; height:78px; display:block; margin:20px 0px 15px 4px; padding:12px 0px 0px 15px;}
#whatWeDoBtn a span {font-size:70%; margin-top:8px; float:left; position:absolute}
#whatWeDoBtn a.btn {background:url('images/homeSprite.gif') no-repeat; background-position:-315px -317px;}
#whatWeDoBtn a:hover.btn {background:url('images/homeSprite.gif') no-repeat; background-position:-315px -406px;}

#leftNav {float:left; margin-left:3px}

#leftNavContent {background:url('images/leftNavSlc.gif') top left repeat-y; padding:5px 20px 0px 15px; float:left}
#leftNavContent h2  {float:left; padding-bottom:3px; color:#059b9c; font-weight:bold; font-size:120%; width:207px;}
#leftNavContent ul {float:left; list-style-type:none; padding-bottom:5px}
#leftNavContent ul li {display:block; width:205px}
#leftNavContent ul li a {color:#888; display:block; padding:2px 0px;}
#leftNavContent ul li a:hover {color:#000; background:#eee}
#leftNavContent ul li a.green {display:block; color:#059b9c; font-size:120%; padding:3px 0px; border-bottom:1px dotted #b0b0b0}
#leftNavContent ul li a:hover.green {display:block; color:#059b9c; background:#eee; font-size:120%; padding:3px 0px}
.catergoryWrap {float:left; width:205px; border-bottom:1px dotted #b0b0b0;}
.catergoryWrapLast {float:left; width:205px;}

#rightContainer {width:586px; float:left; text-align:left;}
#topGraphic {background:url('images/homeSprite.gif') no-repeat; width:600px; height:164px; float:right; margin:15px -14px 0px -6px}
#homeContent {padding:15px 0px 0px 0px; float:left; padding-right:100px}
#homeContent h1 {color:#1ea8b7; font-size:190%; font-family:Georgia, Serif}
#homeContent h2 {color:#9c9acb; font-size:180%; font-family:Georgia, Serif; padding:20px 0px 6px 0px; margin-bottom:12px; border-bottom:1px solid #9c9acb}
#homeContent p {padding:15px 0px 0px 0px; line-height:18px; font-size:90%}
#homeContent a.findOutMore {background:url('images/homeSprite.gif') no-repeat; display:block; background-position:0px -253px; padding:0px !important; width:221px; height:41px; margin:30px 0px 0px -3px; text-indent:-900%; font-size: 0px; display:block; line-height: 0px; }
#homeContent a:hover.findOutMore {background-position:-222px -253px;}
#homeContent a {padding:5px}
#homeContent ul {margin-left:35px}
#homeContent ul li {padding:3px 0px}
#homeContent ol {margin-left:35px}
#homeContent ol li {padding:3px 0px}
.brandsWrap { width:480px; border:1px solid #1ea8b7; margin-top:20px; padding:8px; border-bottom-left-radius:10px 10px; border-bottom-right-radius:10px 10px; border-top-left-radius:10px 10px; border-top-right-radius:10px 10px}
.brandsTtl {margin-left:15px; padding:0px 3px; color:#1ea8b7; font-family:Georgia, Serif; font-size:120%}

#specialsContent {padding:15px 0px 0px 0px; float:left; padding-right:100px}
#specialsContent h1 {color:#1ea8b7; font-size:240%; font-family:Georgia, Serif}
#specialsContent h2 {color:#9c9acb; font-size:180%; font-family:Georgia, Serif; padding:20px 0px 6px 0px; margin-bottom:12px; border-bottom:1px solid #9c9acb}
#specialsContent h3 {color:#9c9acb; font-size:120%; padding:15px 0px 6px 0px;}
#specialsContent p {padding:6px 0px 6px 0px; line-height:18px; font-size:110%}
#specialsContent a {background:url('images/homeSprite.gif') no-repeat; float:left; width:221px; height:41px; margin:30px 0px 0px -3px; text-indent:-900%;font-size: 0px; display:block; line-height: 0px; }
#specialsContent a.findOutMore {background-position:0px -253px;}
#specialsContent a:hover.findOutMore {background-position:-222px -253px;}
#specialsContent ul {margin-left:35px}
#specialsContent ul li {padding:3px 0px}
#specialsContent ol {margin-left:35px}
#specialsContent ol li {padding:3px 0px}

#cmsContent {padding:15px 0px 0px 0px; float:left; padding-right:30px}
#cmsContent h1 {color:#1ea8b7; font-size:240%; font-family:Georgia, Serif; padding-bottom:10px}
#cmsContent h2 {color:#9c9acb; font-size:180%; font-family:Georgia, Serif; padding:20px 0px 6px 0px; margin-bottom:12px; border-bottom:1px solid #9c9acb}
#cmsContent h3 {color:#9c9acb; font-size:120%; padding:8px 0px 6px 0px;}
#cmsContent p {padding:6px 0px 6px 0px; line-height:18px; font-size:110%}
#cmsContent .divide {border-bottom:1px dashed #ccc; padding:10px 0px 0px 0px; margin-bottom:10px}
#cmsContent a {color:#9c9acb}
#cmsContent a:hover {color:#9c9acb; text-decoration:underline}
#cmsContent ul {margin-left:35px}
#cmsContent ul li {padding:3px 0px}
#cmsContent ol {margin-left:35px}
#cmsContent ol li {padding:3px 0px}
 
#rangeWrap {float:left; width:540px; padding-top:40px}
#rangeWrap ul {list-style-type:none; margin:0px}
#rangeWrap ul li {display:inline;}
#rangeWrap ul li a {float:left; width:140px; margin:0px 10px 10px 0px; color:#aaa; padding:120px 0px 7px 7px; border:1px solid #d1d1d1}
#rangeWrap ul li a:hover {float:left; width:140px; text-decoration:none; color:#888; margin:0px 10px 10px 0px; padding:120px 0px 7px 7px; border:1px solid #1ea8b7}
#rangeWrap ul li a.qv {background:url('images/rangeQV.jpg') no-repeat;} 
#rangeWrap ul li a.relaxit {background:url('images/rangeRelaxit.jpg') no-repeat;} 
#rangeWrap ul li a.salinum {background:url('images/rangeSalinum.jpg') no-repeat;} 
#rangeWrap ul li a.viticolor {background:url('images/rangeVitiColor.jpg') no-repeat;} 
#rangeWrap ul li a.vitix {background:url('images/rangeVitix.jpg') no-repeat;} 
#rangeWrap ul li a.zindaclin {background:url('images/rangeZindaclin.jpg') no-repeat;} 
#rangeWrap ul li a.pinetarsol {background:url('images/rangePinetarsol.jpg') no-repeat;} 
#rangeWrap ul li a.sunsense {background:url('images/rangeSunsense.jpg') no-repeat;} 
#rangeWrap ul li a.cuplex {background:url('images/rangeCuplex.jpg') no-repeat;} 

.mainImg {padding-top:20px}
.productItem {float:left;}
.productImg {float:left; padding-right:10px}
.productListInfo {float:left; width:330px}

.signIn {margin-top:15px; padding-bottom:20px; border-bottom:1px solid #9c9acb}
.inputBox {margin-top:5px; border:1px solid #ccc; width:290px; height:20px;}
.submitBtn {background:url('images/homeSprite.gif') no-repeat; border:none; width:81px; height:33px; margin:-1px 0px 0px 3px; background-position:-315px -496px; text-indent:-900%; font-size: 0px;  line-height: 0px; cursor:pointer;}
.submitBtn:hover {background:url('images/homeSprite.gif') no-repeat; border:none; background-position:-315px -529px; text-indent:-900%; font-size: 0px;  line-height: 0px; cursor:pointer}

.submitNewProf {background:url('images/homeSprite.gif') no-repeat; border:none; width:81px; height:33px; margin:-1px 0px 0px 3px; float:left; margin:6px 0px 0px -3px; background-position:-315px -496px; text-indent:-900%; font-size: 0px;  line-height: 0px; cursor:pointer;}
.submitNewProf:hover {background:url('images/homeSprite.gif') no-repeat; border:none; background-position:-315px -529px; text-indent:-900%; font-size: 0px;  line-height: 0px; cursor:pointer}

.signIn table {font-weight:bold}
.signIn table tr {display:block; padding:5px 0px}
.signIn table tr td.ttl {width:125px}
.signIn table tr td.ttl .asterisc {color:#9c9acb}


#news {float:left; margin:50px 0px; text-align:left; width:500px}
#news h2 {color:#6f6cad; font-size:120%; padding-bottom:4px; display:block; border-bottom:1px dashed #b2b2b2;}
#news .newsItem { border-bottom:1px dashed #b2b2b2; padding:7px 0px;}
#news .newsItem:hover { border-bottom:1px dashed #b2b2b2; padding:7px 0px; background:#eff5f7}
#news .newsItem h3 {font-weight:bold; font-size:120%; color:#059b9c; padding-bottom:4px}
#news .newsItem p.date {float:right; margin-top:-20px; font-size:90%; color:#888}
#news .newsItem a {color:#6f6cad; background:url('images/readMore.gif') right no-repeat; padding:0px 10px 3px 0px }

#newsLeft {float:left; width:350px; margin:13px 8px 0px 0px; padding:0px }
#newsLeft h1 {color:#1ea8b7; font-size:200%; font-family:Georgia, Serif; padding-bottom:10px}
#newsLeft h2 {color:#9c9acb; font-size:180%; font-family:Georgia, Serif; padding:20px 0px 6px 0px; margin-bottom:12px; border-bottom:1px solid #9c9acb}
#newsLeft p {padding:6px 0px 6px 0px; line-height:18px; font-size:110%}
#newsRight {float:left; margin:12px 0px; text-align:left; width:215px}
#newsRight h2 {color:#6f6cad; font-size:120%; padding-bottom:4px; display:block; border-bottom:1px dashed #b2b2b2;}
#newsRight p {padding:6px 0px 6px 0px; line-height:16px; font-size:90%; color:#999}
#newsRight .newsItem { border-bottom:1px dashed #b2b2b2; padding:7px 0px;}
#newsRight .newsItem h3 {font-size:110%; color:#059b9c; padding-bottom:4px}
#newsRight .newsItem p.date {float:right; margin-top:-20px; font-size:90%; color:#888}
#newsRight .newsItem a {color:#6f6cad; background:url('images/readMore.gif') right no-repeat; padding:0px 10px 3px 0px }

#btmCurve {float:left; background:url('images/btmCurve.gif') center no-repeat; height:20px;}

#footer {float:left; text-align:left; padding-bottom:30px}
#footer ul {color:#fff; margin:25px 0px 0px 70px; display:block}
#footer ul li {display:inline; padding:0px 15px 0px 0px}
#footer ul li a {color:#fff; font-weight:bold; padding-right:15px}
#footer ul li a:hover {color:#cbe5ec; font-weight:bold; padding-right:15px}

#footer ul.subNav {color:#fff; margin:20px 0px 0px 70px; float:left}
#footer ul.subNav li {display:inline; padding:0px 15px 0px 0px}
#footer ul.subNav li a {color:#fff; font-size:90%; font-weight:normal; padding-right:15px}
#footer ul.subNav li a:hover {color:#cbe5ec; font-size:90%; font-weight:normal; padding-right:15px}

#footer ul.footerInfo {color:#fff; padding:25px 0px 0px 0px; display:block}
#footer ul.footerInfo li {display:block; padding:0px 0px 5px 0px; font-size:90%; font-weight:normal; padding-right:15px}