body 
{
    margin: 0px;
    font-size: 0.8em;
    font-family:Arial, Verdana;
    color: #e1e1e1;
    background: url(../images/background-master.gif) #000000 top center no-repeat;
}

.Clear {clear: both;}

img {border: 0px;}

h1 
{
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 140%;
}

h2 
{
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 140%;
}

h3 
{
    color: #FFFFFF;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-size: 100%;
}

h3.News
{
    color: #FFFFFF;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    font-weight: bold;
    font-size: 100%;
    border-top: #707070 1px solid;
    border-bottom: #707070 1px solid;
}

h4 
{
    color: #FFFFFF;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-weight: normal;
    font-size: 100%;
}



a { color: #FFFFFF; text-decoration: none;}
a:hover {color: #a9553e; text-decoration: none}

a.Rusty { color: #a9553e; text-decoration: none;}
a.Rusty:hover {color: #FFFFFF; text-decoration: none}

a.White { color: #FFFFFF; text-decoration: none;}
a.White:hover {color: #FFFFFF; text-decoration: none}

.ActionButton 
{
    border: 1px solid #767678;
    background-color: #636467;
    color: #d1d3d4;
    padding: 2px;
}

#Wrapper 
{
    width: 1000px;
    margin: 0 auto;
}

#LogoBar 
{
    width: 1000px;
    height: 135px;
    text-align: left;
}

#Banner 
{
    width: 1000px;
    /*height: 285px;*/
	height: 305px;
}

#Content 
{
    width: 1000px;
    margin-top: 20px;
}

#Content .Left 
{
    width: 700px;
    float: left;
    margin-right: 50px;
}

#Content .Right 
{
    width: 250px;
    float: left;
}

#Content .Right .Item 
{
    margin-bottom: 15px;
}

/** HomePage Hook Boxes**/

.HookSpacer-Horizontal
{
    float: left;
    width: 38px;
}

#Content .Left .SearchFriendly
{
    width: 202px;
    height: 131px;
    background-image: url(../images/hookbox-searchfriendly.png);
    background-position: 100% 100% ;
    float: left; 
    margin-bottom: 20px;
}

#Content .Left .SearchFriendly:hover
{
    width: 202px;
    height: 131px;
    background-image: url(../images/hookbox-searchfriendly.png);
    background-position: 0% 0%;    
}

#Content .Left .SearchFriendly .Title 
{
    width: 135px;
    height: 50px;
    padding: 15px 0 0 0;
    float: right;
}

#Content .Left .SearchFriendly .Content 
{
    width: 182px;
    padding: 0px 10px 5px 10px;
    float: right;
    font-size: 85%;
}


#Content .Left .ECommerceDevelopment
{
    width: 202px;
    height: 131px;
    background-image: url(../images/hookbox-ecommerce.png);
    background-position: 100% 100% ;
    float: left;
    margin-bottom: 20px;    
}

#Content .Left .ECommerceDevelopment:hover
{
    width: 202px;
    height: 131px;
    background-image: url(../images/hookbox-ecommerce.png);
    background-position: 0% 0%;    
}

#Content .Left .ECommerceDevelopment .Title 
{
    width: 125px;
    height: 50px;
    padding: 15px 0 0 0;
    float: right;
}

#Content .Left .ECommerceDevelopment .Content 
{
    width: 182px;
    padding: 0px 10px 5px 10px;
    float: right;
    font-size: 85%;
}

#Content .Left .EmailWebMarketing
{
    width: 202px;
    height: 131px;
    background-image: url(../images/hookbox-emailwebmarketing.png);
    background-position: 100% 100% ;
    float: left;  
    margin-bottom: 20px;  
}

#Content .Left .EmailWebMarketing:hover
{
    width: 202px;
    height: 131px;
    background-image: url(../images/hookbox-emailwebmarketing.png);
    background-position: 0% 0%;    
}

#Content .Left .EmailWebMarketing .Title 
{
    width: 125px;
    height: 50px;
    padding: 15px 0 0 0;
    float: right;
}

#Content .Left .EmailWebMarketing .Content 
{
    width: 182px;
    padding: 0px 10px 5px 10px;
    float: right;
    font-size: 85%;
}

#Content .Left .InternationalBrands
{
    width: 202px;
    height: 131px;
    background-image: url(../images/hookbox-internationalbrands.png);
    background-position: 100% 100% ;
    float: left; 
    margin-bottom: 20px;   
}

#Content .Left .InternationalBrands:hover
{
    width: 202px;
    height: 131px;
    background-image: url(../images/hookbox-internationalbrands.png);
    background-position: 0% 0%;    
}

#Content .Left .InternationalBrands .Title 
{
    width: 125px;
    height: 50px;
    padding: 15px 0 0 0;
    float: right;
}

#Content .Left .InternationalBrands .Content 
{
    width: 182px;
    padding: 0px 10px 5px 10px;
    float: right;
    font-size: 85%;
}

#Content .Left .PharmaBiotech
{
    width: 202px;
    height: 131px;
    background-image: url(../images/hookbox-pharmabiotech.png);
    background-position: 100% 100% ;
    float: left;   
    margin-bottom: 20px; 
}

#Content .Left .PharmaBiotech:hover
{
    width: 202px;
    height: 131px;
    background-image: url(../images/hookbox-pharmabiotech.png);
    background-position: 0% 0%;    
}

#Content .Left .PharmaBiotech .Title 
{
    width: 125px;
    height: 50px;
    padding: 15px 0 0 0;
    float: right;
}

#Content .Left .PharmaBiotech .Content 
{
    width: 182px;
    padding: 0px 10px 5px 10px;
    float: right;
    font-size: 85%;
}

#Content .Left .SMERetail
{
    width: 202px;
    height: 131px;
    background-image: url(../images/hookbox-smeretail.png);
    background-position: 100% 100% ;
    float: left;    
    margin-bottom: 20px;
}

#Content .Left .SMERetail:hover
{
    width: 202px;
    height: 131px;
    background-image: url(../images/hookbox-smeretail.png);
    background-position: 0% 0%;    
}

#Content .Left .SMERetail .Title 
{
    width: 125px;
    height: 50px;
    padding: 15px 0 0 0;
    float: right;
}

#Content .Left .SMERetail .Content 
{
    width: 182px;
    padding: 0px 10px 5px 10px;
    float: right;
    font-size: 85%;
}


/*** Right Column News ***/
.Right ul 
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.Right ul li 
{
  margin-top: 10px;
}

.Right ul li .ButtonPlace 
{
    height: 25px;
    line-height: 25px;
    border-top: #3e3e3e 1px solid;
    border-bottom: #3e3e3e 1px solid;
    color: #a9553e;
}

.Right .Row 
{
    width: 250px;
    min-height: 20px;
    height: auto !Important;
    height: 20px;
    margin-bottom: 5px;
}

.Right .Row .lblCol 
{
    width: 50px;
    float: left;
    padding-left: 0px;
}

.Right .Row .txtCol 
{
    width: 190px;
    float: right;
    padding-right: 10px;
}

.Right .txtInput 
{
    width: 188px;
    border: 1px solid #767678;
    background-color: #636467;
    color: #d1d3d4;
    height: 15px;
}

.Right .txtInput_Long
{
    width: 188px;
    height: 50px;
    border: 1px solid #767678;
    background-color: #636467;
    color: #d1d3d4;
}

.Right .Row .ButtonPlace 
{
    height: 25px;
    line-height: 25px;
    border-top: #3e3e3e 1px solid;
    border-bottom: #3e3e3e 1px solid;
    color: #a9553e;
}

/** Sub Footer **/
#SubFooter 
{
    margin-top: 20px;
    padding-top: 20px;
    width: 1000px;
    height: 100px;
    background: url(../images/background-sub-footer.png) no-repeat;
}

#SubFooter .Competition
{
    width:460px;
    float: left;
}

#SubFooter .Competition .Image 
{
    width: 72px;
    margin-right: 15px;
    float: left;
}

#SubFooter .Competition .Content 
{
    width: 300px;
    float: left;
}

#SubFooter .Clients 
{
    width: 290px;
    float: left;
}

#SubFooter .Social 
{
    width: 250px;
    float: right;
}

#SubFooter .Social a 
{
    float: left;
    padding-right: 2px;
}

/** Contact Module **/
.ContactWrapper 
{
    margin-top: 20px;
    float: left;
    width: 400px;
}

.ContactWrapper .Row 
{
    width: 400px;
    min-height: 25px;
    height: auto !important;
    height: 25px;
}

.ContactWrapper .Row .ButtonPlace 
{
    height: 25px;
    line-height: 25px;
    border-top: #3e3e3e 1px solid;
    border-bottom: #3e3e3e 1px solid;
    color: #a9553e;
    width: 375px;
}

.ContactWrapper .Row .Label 
{
    width: 60px;
    margin-right: 10px;
    float: left;
}

.ContactWrapper .Row .Input 
{
    width: 305px;
    float: left;
    margin-right: 10px;
}

.ContactWrapper .Row .Input .InputStyle 
{
    width: 303px;
    border: 1px solid #767678;
    background-color: #636467;
    color: #d1d3d4;
}

.ContactWrapper .Row .InputStyle_MultiRow 
{
    width: 368px;
    height: 80px;
    border: 1px solid #767678;
    background-color: #636467;
    color: #d1d3d4;
}

.ContactWrapper .Row .SubmitButton 
{
    background-color: #000000;
    border: 1px solid #bae917;
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px 8px 3px 8px;
    border: 0px;
}

.GoogleMap 
{
    margin-top: 20px;
    width: 450px;
    float: right;
}



/*** Footer ***/

#FooterWrapper 
{
    
    background-color: #2e2e2e;
    height: 130px;
    /*border-bottom: 15px #000000 solid;*/
    padding-top: 10px;
}

#FooterWrapper #Footer 
{
    width: 1000px;
    margin: 0 auto;
    font-size: 80%;
}

#FooterWrapper #Footer .TitleWrapper 
{
    margin-bottom: 15px;
}

#FooterWrapper #Footer .TitleWrapper .TitleLink 
{
    width:325px;
    padding: 0px 5px 0px 10px;
    float: left;
    margin-right: 10px;
    font-weight: bold;
}

#FooterWrapper #Footer .TitleWrapper .Title 
{
    width:175px;
    padding: 0px 5px 0px 10px;
    float: left;
    margin-right: 10px;
    font-weight: bold;
}

#FooterWrapper #Footer .TitleWrapper .TitleEx
{
    width:135px;
    padding: 0px 5px 0px 10px;
    float: left;
    margin-right: 10px;
	margin-left:35px;
    font-weight: bold;
}

#FooterWrapper #Footer .ItemWrapper 
{
}

#FooterWrapper #Footer .ItemWrapper .ItemLink
{
    width:325px;
    padding: 0px 5px 0px 10px;
    float: left;
    margin-right: 10px;
}

#FooterWrapper #Footer .ItemWrapper .Item 
{
    width:175px;
    padding: 0px 5px 0px 10px;
    float: left;
    margin-right: 10px;
}

#FooterWrapper #Footer .ItemWrapper .ItemEx
{
    width:135px;
    padding: 0px 5px 0px 10px;
    float: left;
    margin-right: 10px;
	margin-left:35px;
}


/** News Module **/

.NewsItemWrapper 
{
    width: 700px;
    border-top: #323232 1px solid;
    border-bottom: #323232 1px solid;
    padding: 1px 0px 1px 0px;
    margin-bottom: 15px;
}

.NewsItem 
{
    width: 700px;
    background: url(../images/background-newsitem.gif) bottom repeat-x #424242;
}

.NewsItem .Image 
{
    width: 193px;
    float: left;
    margin: 10px;
    border: 1px #323232 solid;
}

.NewsItem .Content 
{
    width: 467px;
    float:right;
    margin: 10px 10px 10px 0px;
}

.NewsItem .Content .Title 
{
    width: 467px;
    margin: 0px 0px 5px 0px;
    color: #c5c5c5;
    font-weight: bold;
    font-size: 115%;
}

.NewsItem .Content .Text
{
    width: 467px;
    font-size: 90%;
    min-height: 50px;
    height: auto !important;
    height: 50px;
}

.NewsItem .Content .ReadMore
{
    height: 10px;
    width: 467px;
    margin: 0px 0px 5px 0px;
    font-size: 80%;
    text-align: right;
}

.NewsItem .Content .ReadMore a { background: url(../images/news-button-more.gif) no-repeat; color: #FFFFFF; text-decoration: none; width:60px; height: 19px; line-height: 19px; padding: 2px 5px 2px 5px;}
.NewsItem .Content .ReadMore a:hover { background: url(../images/news-button-more.gif) no-repeat; color: #a9553e; text-decoration: none; padding: 2px 5px 2px 5px; width:60px; height: 19px; line-height: 19px;}



.NewsItem .Posted 
{
    color: #c5c5c5;
    font-style: italic;
    font-size: 80%;
}

ul.News 
{
    margin: 10px 0px 10px 0px;
    padding: 0px;
    list-style: none;
}

ul.News li 
{
    padding: 2px 0px 2px 0px;
    margin: 0px;
    font-size: 90%;
}

/*** FAQ ***/
.QuestionWrapper 
{
  width: 660px; 
  margin-top: 10px; 
}

.QuestionRow 
{
    width: 660px;
    min-height: 22px;
    height: auto !important;
    height: 22px;
}

.QuestionRow .Question 
{
    width: 578px;
    min-height: 16px;
    height: auto !important;
    height: 16px;
    padding: 2px 5px 2px 5px;
    background-color: #64492b;
    color: #FFFFFF;
    font-weight: normal;
    border: 1px solid #000000;
    float: left;   
}

.QuestionRow .Answer 
{
    width: 58px;
    min-height: 16px;
    height: auto !important;
    height: 16px;
    padding: 2px 5px 2px 5px;
    background-color: #baa692;
    font-weight: bold;
    text-align: center;
    border: 1px solid #64492b;
    float: right;   
    
}

.AnswerRow 
{
    width: 648px;
    border-left: 1px solid #64492b;
    border-bottom: 1px solid #64492b;
    border-right: 1px solid #64492b;
    background-color: #f2f1ef;
    min-height: 80px;
    height: auto !important;
    height: 80px;
    padding: 5px;
}

.QuestionRow .Answer a { color: #462d14; text-decoration: none; }
.QuestionRow .Answer a:hover { color: #FFFFFF; text-decoration: none; }


/** Portfolio **/
#PortfolioCategory 
{
    width: 650px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    margin: 20px 10px 25px 10px;
}

#PortfolioCategory ul 
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#PortfolioCategory ul li 
{
    border-right: 1px #FFFFFF solid;
    padding: 10px 15px 10px 15px;
    float: left;
    background-color: #000000;
}

#PortfolioCategory ul li a { color: #bae917; text-decoration: none;}
#PortfolioCategory ul li a:hover {color: #FFFFFF; text-decoration: none}

#PortfolioWrapper_Cat1
{
    width: 1000px;
    min-height: 400px;
    height: auto !important;
    height: 400px;
}

#PortfolioWrapper_Cat2
{
    width: 1000px;
    min-height: 400px;
    height: auto !important;
    height: 400px;
}

#PortfolioWrapper_Cat3
{
    width: 1000px;
    min-height: 400px;
    height: auto !important;
    height: 400px;
}

#PortfolioWrapper_Cat4
{
    width: 1000px;
    min-height: 400px;
    height: auto !important;
    height: 400px;
}

.PortfolioItems 
{
    width: 232px;
    margin:10px 15px 0px 0px;
    padding-bottom: 10px;
    height: 164px;
    background: url(../images/background-portfolio.png) no-repeat bottom left;
    float: left;
}

.PortfolioItems img 
{
    border: 0px;
}

.PortfolioItems .Images 
{
    width: 232px;
    height: 123px;
    float:left;
    position:relative;
    margin:auto;
    overflow:hidden;
}

.PortfolioItems .Content 
{
    width: 212px;
    height: 30px;
    padding: 5px 10px 5px 10px;
}
         
            
 .PortfolioItems .comment
{
    position:absolute;   
    width:130px;
    height: 20px;
    top:400px;
    left:1px;
    background: url(../images/portfolio-bg.png);
    padding: 10px;
    text-align: center; 
    color: #bae917;
}



.PortfolioItems .Content h3 
{
    padding:0px;
    margin:0px;
}


#PortfolioDetailsWrapper 
{
}

#PortfolioDetailsWrapper .PortfolioDetailsImage 
{
    width: 232px;
    margin:10px 15px 0px 0px;
    padding-bottom: 10px;
    height: 164px;
    background: url(../images/background-portfolio.png) no-repeat bottom left;
    float: left;
}

#PortfolioDetailsWrapper .PortfolioDetailsImage img 
{
    border: 0px;
}

#PortfolioDetailsWrapper .PortfolioDetailsImage .Images 
{
    width: 232px;
    height: 123px;
    float:left;
    position:relative;
    margin:auto;
    overflow:hidden;
}

#PortfolioDetailsWrapper .PortfolioDetailsImage .ImageContent 
{
    width: 212px;
    height: 30px;
    line-height: 30px;
    padding: 10px 10px 5px 10px;
}
         
            
#PortfolioDetailsWrapper .PortfolioDetailsImage .comment
{
    position:absolute;   
    width:130px;
    height: 20px;
    top:400px;
    left:1px;
    background: url(../images/portfolio-bg.png);
    padding: 10px;
    text-align: center; 
    color: #bae917;
}



#PortfolioDetailsWrapper .PortfolioDetailsImage .Content h3 
{
    padding:0px;
    margin:0px;
}

#PortfolioDetailsWrapper .PortfolioDetailsContent 
{
    float:left;
    width: 750px;
    padding-top: 20px;
}

#PortfolioDetailsWrapper .PortfolioDetailsContent .Button 
{
    height: 25px;
    line-height: 25px;
    border-top: #3e3e3e 1px solid;
    border-bottom: #3e3e3e 1px solid;
    color: #a9553e;
}


/** jQuery CSS **/
.fading_img {
	/* No CSS needed for this class */
}


/*** Products ***/
.CategoryItem 
{
    width: 448px;
    min-height: 250px;
    height: auto !important;
    height: 250px;
    margin-top: 20px;
    background-color: #f1eeea;
    border: 1px solid #c4b7ad;
    padding: 10px;
    float:left;
}

.CategoryItem .Title 
{
    width: 450px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    margin-bottom: 5px;
}

.CategoryItem .ProductItems 
{
    width: 100px;
    float: left;
    margin-right: 10px;
    border: 1px solid #c4b7ad;
}

.CategoryList 
{
    width: 150px;
    float: left;
    margin-top: 40px;
    min-height: 230px;
    height: auto !important;
    height: 230px;
    background: url(../images/category-bg.gif) #f1eeea repeat-y;
    border-top: 1px solid #c4b7ad;
    border-right: 1px solid #c4b7ad;
    border-bottom: 1px solid #c4b7ad;
}

.CategoryList ul 
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.CategoryList ul li 
{
    width: 135px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    line-height: 20px;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #c4b7ad;
}

.CategoryList ul li:hover
{
    width: 135px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    line-height: 20px;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #c4b7ad;
    background-color: #c4b7ad;
}

.CategoryItem .Image 
{
    float: left;
    width: 150px;
    margin-right: 20px;
    border: 1px solid #c4b7ad;
}

.CategoryItem .Content 
{
    float: left;
    width: 250px;
}

.CategoryItem .ContactWrapper 
{
    width: 448px;
    padding: 10px;
    border: 1px solid #a79685;
    background-color: #FFFFFF;
}

.CategoryItem .ContactWrapper .Row 
{
    width: 430px;
    min-height: 40px;
    height: auto !important;
    height: 40px;
}

.CategoryItem .ContactWrapper .Row .Label 
{
    width: 100px;
    float: left;
    margin-right: 10px;
}

.CategoryItem .ContactWrapper .Row .TextBoxCSS 
{
    width: 300px;
}

.CategoryItem .ContactWrapper .Row .TextBoxCSS_MultiRow
{
    width: 300px;
    height: 120px;
}

.CategoryItem .ContactWrapper .Row .Input 
{
    width: 390px;
    float: left;
}

    
    
/*** Maps ***/
.MapList 
{
    width: 300px;
    float: left;
    margin-right: 30px;
}

.MapList .DropDown 
{
    width: 220px;
    margin-right: 20px;
    float: left;
}

.MapList .DropDown .DDLStyle 
{
    width: 220px;
}

.MapList .DropDownButton 
{
    float: left;
    width: 40px;
}

.MapDisplay 
{
    width: 300px;
    float: left;
}


/*** Site Map ***/

.slickbox
{
    padding: 20px;
}

.SiteMapWrapper 
{
    padding: 20px;
    background-color: #FFFFFF;
    border: 1px solid #462d14;
}

.SiteMapWrapper .Col 
{
    width: 150px;
    float: left;
    margin-right: 17px;
    margin-left: 17px;
}

.SiteMapWrapper .Col h2 
{
    font-size: 1.3em;
    margin-bottom: 5px;
}

.SiteMapWrapper .Col ul 
{
    margin: 0px;
    padding:0px;
    list-style: none;
}

.SiteMapWrapper .Col ul li 
{
    min-height: 25px;
    height: auto !important;
    height: 25px;
    line-height: 25px;
    border-bottom: 1px dotted #a79685;
}

#ComparisonChart {}

#ComparisonChart h1 {
font-size:20px;
}
#ComparisonChart h2 {
font-size:18px;
}
#ComparisonChart .subtitle{
font-size:30px;
font-weight:bold;
color:white!important
padding-top:100px!important
padding-bottom:100px!important
}
#ComparisonChart h4 {
font-size:14px;
color:white!important
}
#ComparisonChart h5 {
font-size:12px;
}
#ComparisonChart h6 {
font-size:10px;
}
#ComparisonChart h1, h2, h3, h4, h5, h6, p {
font-family: Verdana, Arial, sans-serif;
font-weight:normal;
text-align:left;
}
#ComparisonChart td, tr, th {
font-family: Verdana, Arial, sans-serif;
font-weight:normal;
text-align:left;
}
#ComparisonChart table, td, tr, th {
border: 1px solid grey !important;
text-align: left;
}
#ComparisonChart p {
font-size:10px;
text-align:center;
}
#ComparisonChart p.superleft {
font-size:10px;
text-align:left !important
}

/* For Cre8 Web Form */

#overlay {
	visibility: hidden;
	position:absolute;
	left:35%;
	top:25%;
	width:450px;
	text-align:center;
	z-index: 1000;
}

#overlay div {
	text-align:center;
}

/* Cre8 Web Form End */