@charset "utf-8";

/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; }

ul, li, ol { list-style-type:none; }

a, img { text-decoration:none; border:none; outline:none; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

h2 { color:#960111; font-size:21px; line-height:25px; font-weight:normal; }
.bh2 { color:#960111; font-size:21px; line-height:35px; font-weight:normal; width:auto; }

body { background:#F4F4F4 url('../graphics/body_bg_small.gif') repeat-x; color:#444; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; margin:0; padding:0; }

.Display { display:none; }

.FloatLeft { float:left; }

.FloatRight { float:right; }

.ClearBoth { clear:both; }

/** Mics Classes **/
.Contacttxt p a:hover, .FooterMid li a:hover { text-decoration:underline; }

.MailTo a:hover, .WebsiteThumbs p a:hover, .WebsiteThumbs p a:hover, .DesignsRight p a:hover { text-decoration:none; }

/** Outer Wrapper **/
#OuterWrapper { background:url('../graphics/inner_hdrbg.jpg') center 106px no-repeat; float:left; width:100%; }
#OuterWrapper1 { background:url('../graphics/index_hdrbg.jpg') center 106px no-repeat; float:left; width:100%; }
#OuterWrapper2 { background:url('../graphics/index_hdrbg.jpg') center 106px no-repeat; float:left; width:100%; }
#OuterWrapper3 { background:url('../graphics/index_hdrbg.jpg') center 106px no-repeat; float:left; width:100%; }
#OuterWrapper4 { background:url('../graphics/index_hdrbg.jpg') center 106px no-repeat; float:left; width:100%; }
#OuterWrapper5 { background:url('../graphics/index_hdrbg.jpg') center 106px no-repeat; float:left; width:100%; }
/** Auto Wrapper **/
.AutoWrapper { width:942px; margin:auto; }

/** logo Wrapper **/
.AutoWrapper div#LogoWrapper { float:left; padding-top:15px; height:91px; width:942px; }

#LogoWrapper h1.Logo { background:url('../graphics/consumm8_logo.jpg') no-repeat; float:left; height:65px; width:411px; }

#LogoWrapper h1.Logo a { float:left; height:65px; width:250px; }

#LogoWrapper div#TopRight { float:left; width:530px; }

#LogoWrapper div#TopRightnfo { float:right; width:290px; }

#TopRightnfo div.CallNo { background:url('../graphics/contactNumber.jpg') right bottom no-repeat; color:#777; float:left; font-size:19px;  width:290px; height:31px; }



#TopRightnfo div.MailTo { float:right; font-family:Arial, Helvetica, sans-serif; width:auto; padding:3px 0 0 0px; }

.MailTo a { background:url('../graphics/mail_icon.gif') 0 2px no-repeat; color:#a82836; float:left; font-size:12px; text-decoration:underline; padding-left:20px; }

/** Navigation Wrapper **/
#Navigation { float:right; padding-top:13px; width:520px; }

#Navigation ul { float:right; width:auto; }

#Navigation ul li { color:#5f5f5f; float:left; font-size:14px; text-transform:uppercase; width:auto; position: relative; font-weight:bold; padding-left:4px; }

#Navigation ul li.NavDivider { background:url('../graphics/nav_divider.gif') center top no-repeat; float:left; height:17px; width:30px; }

#Navigation ul li a { color:#960111; float:left; text-transform:uppercase; width:auto; }

#Navigation ul li a:hover { color:#5f5f5f; }

#Navigation ul li a.ActiveNav { color:#595959; float:left; width:auto; }

#Navigation ul li em {
	background: url(../graphics/title_bg.gif) no-repeat;
	width: 253px;
	height: 77px;
	position: absolute;
	top: 20px; font-size:13px; line-height:17px;
	right:-33px; font-style:normal;
	z-index: 2; padding:23px 0 0 18px;
	display: none;
	
}
.titleHdg{ color:#901111; font-size:17px; line-height:20px; text-transform:uppercase;}
.titletxt{ font-size:13px; line-height:17px; text-transform:none;}

/** Header Wrapper **/
.AutoWrapper #HeaderIndex { position:relative; float:left; height:170px; padding:0 0 0 10px; width:932px; }
.AutoWrapper #HeaderIndex1 { float:left; height:110px; padding:22px 0 0 10px; width:932px; }
.AutoWrapper #HeaderIndex2 { float:left; height:110px; padding:22px 0 0 10px; width:932px; }
.AutoWrapper #HeaderIndex3 { float:left; height:110px; padding:22px 0 0 10px; width:932px; }
.AutoWrapper #HeaderIndex4 { float:left; height:110px; padding:22px 0 0 10px; width:932px; }
.AutoWrapper #HeaderIndex5 { float:left; height:110px; padding:22px 0 0 10px; width:932px; }


.AutoWrapper #HeaderIndex p{ float:left; width:auto; color:#ffffff; font-size:16px; }
#HeaderIndex div.Float{ position:absolute; width:auto; height:auto; top:120px; left:10px; }

.AutoWrapper #HeaderIndex p a{ color:#DADADA; font-weight:bold; text-decoration:underline; }
#HeaderIndex .WebsiteHdg { background:url('../graphics/websites_hdg.png') left 40px no-repeat; float:left; height:25px; width:465px; padding:110px 0 0 0; }
#HeaderIndex .Fla{ position:absolute; top:0px; right:0px; width:462px; height:378px; }
#HeaderIndex h2.WebsiteHdg1 { background:url('../graphics/conversionOptimisation.png') bottom left no-repeat; float:left; height:110px; width:932px; }
/** Content Wrapper **/
.AutoWrapper div#ContentWrapper { float:left; padding:18px 0 0 0; width:942px; }

#ContentWrapper div.ContentBlock { float:left; padding:0px 0 25px 0; width:942px; }

/* Right  Conr */
.ContentBlock span.LeftBg { background:url('../graphics/content_lhs_bg.png') no-repeat; float:left; height:0; width:0; }

/* Content Middle */
.ContentBlock div.ContentMid { background:url(../graphics/content_lhs_bg_m.png) no-repeat; float:left; padding:22px 25px 0 25px; width:891px; height:auto; }

.ContentMid h2 { background:url('../graphics/hdg_botm.gif') left bottom repeat-x; float:left; padding:13px 0 8px 0; width:892px; }

.ContentMid p { float:left; padding:0px 0 14px 6px; width:810px; }

.ContentMid ul { float:left; padding:15px 0 15px 6px; width:886px; }

.ContentMid ul li { background:url('../graphics/tick_icon.gif') no-repeat; color:#5c5c5c; float:left; font-size:13px; font-weight:bold; width:auto; padding:0 37px 0 28px; }

.ContentMid span.FindMoreBtn { background:url('../graphics/find_out_more_btn.png') no-repeat; float:left; height:43px; width:200px; }

.ContentMid span.FindMoreBtn a { float:left; height:43px; width:196px; }

/* Designs Display */
.ContentMid div.DesignsOuter { float:left; width:892px; padding:0 0 0 0; }
.DesignsOuter .Cntnt{ float:left; width:auto; height:auto; padding:10px 0 0 0; }

.ContentMid span.DisplaySeprator { background:url('../graphics/section_seprator.gif') 0 12px repeat-x; float:left; height:1px; padding:12px 5px; width:882px; }

.DesignsOuter div.DesignsLeft { float:left; width:530px; }

.DesignsLeft div.WebsiteThumbs { float:left; width:240px; }

.WebsiteThumbs div.ThumbsBg { background:url('../graphics/design_thumb_bg.png') no-repeat; float:left; height:155px; padding:15px 0 0 13px; width:227px; }

.WebsiteThumbs p { float:left; line-height:18px; padding:0 0 0 14px; width:226px; }

.WebsiteThumbs p a, .DesignsRight p a{ color:#4f5052; text-decoration:underline; }

/* Design Content */
.DesignsLeft div.WebsiteDescription, .DesignsLeft div.WebsiteGraph { float:left; width:273px; }

.WebsiteDescription ul { float:left; padding:16px 0 6px 0; width:273px; }

.WebsiteDescription ul li { background:url('../graphics/tick_icon.png') no-repeat; float:left; font-size:13px; line-height:21px; font-weight:bold; padding:0 0 4px 25px; width:248px; }

.WebsiteDescription ul li span.arrow { color:#960111; font-weight:bold; font-size:15px; font-family:"sans-serif", Arial, Helvetica;}

.WebsiteGraph span.TopBg { background:url('../graphics/box_top.png') no-repeat; float:left; width:273px; height:6px; overflow:hidden; }

.WebsiteGraph div.GraphMid { background:url('../graphics/box_mid.png') repeat-y; float:left; padding:2px 0 2px 8px; width:265px; }

.GraphMid ul { float:left; padding:0 0 0 10px; margin:0; width:150px; }

.GraphMid ul li { background:url('../graphics/arrow.gif') 0 4px no-repeat; float:left; font-size:13px; line-height:17px; font-weight:bold; padding:0 0 5px 10px; width:140px; }

.WebsiteGraph span.BotmBg { background:url('../graphics/box_botm.png') no-repeat; float:left; width:273px; height:6px; overflow:hidden; }

/* DesignBy */
.DesignsOuter div.DesignsRight, .DesignsRight div.DesignedBy { float:left; width:355px; }

.DesignedBy div.ByImg { background:url('../graphics/person_thumb_bg.png') no-repeat; float:left; padding:10px 0 0 11px; height:65px; width:58px; }

.DesignedBy div.ByText { float:left; font-weight:bold; font-size:13px; padding:22px 0 0 4px; line-height:18px; width:250px; }

.ByText span { font-style:italic; font-weight:normal; font-size:12px; line-height:17px; }

.DesignsRight p { float:left; line-height:17px; padding:1px 0 9px 6px; width:350px; }

.DesignsRight p.SpamNote { color:#b51c2c; float:left; font-size:13px; line-height:17px; padding:0px 0 0 6px; width:340px; }
.DesignsRight p.SpamNote .boldnote{ color:#b51c2c; float:left; font-size:13px; line-height:17px;   font-weight:bold;}
/* Right  Conr */
.ContentBlock span.RightBg { background:url('../graphics/content_rhs_bg.png') no-repeat; float:left; height:0; width:0; }

/** Footer Wrapper **/
#OuterWrapper div#FooterWrapper, #OuterWrapperInner div#FooterWrapper { background:url('../graphics/footerbg.gif') repeat-x; float:left; height:118px; width:100%; padding:20px 0 0 0px; }
#OuterWrapper2 div#FooterWrapper, #OuterWrapperInner2 div#FooterWrapper { background:url('../graphics/footerbg.gif') repeat-x; float:left; height:118px; width:100%; padding:20px 0 0 0px; }
#OuterWrapper1 div#FooterWrapper, #OuterWrapperInner1 div#FooterWrapper { background:url('../graphics/footerbg.gif') repeat-x; float:left; height:118px; width:100%; padding:20px 0 0 0px; }
#OuterWrapper3 div#FooterWrapper, #OuterWrapperInner3 div#FooterWrapper { background:url('../graphics/footerbg.gif') repeat-x; float:left; height:118px; width:100%; padding:20px 0 0 0px; }
#OuterWrapper4 div#FooterWrapper, #OuterWrapperInner4 div#FooterWrapper { background:url('../graphics/footerbg.gif') repeat-x; float:left; height:118px; width:100%; padding:20px 0 0 0px; }
#OuterWrapper5 div#FooterWrapper, #OuterWrapperInner4 div#FooterWrapper { background:url('../graphics/footerbg.gif') repeat-x; float:left; height:118px; width:100%; padding:20px 0 0 0px; }

#FooterWrapper div.FooterLeft { background:url('../graphics/footer_logo.jpg') 33px 0 no-repeat; float:left; /*padding:64px 18px 0 33px;*/ padding:64px 18px 0 30px; width:203px; }

.FooterLeft div.SocialMedia { float:left; height:29px; width:197px; /* background:url('../graphics/social_media.jpg') no-repeat; padding:0 0 0 92px;*/ }
.FooterLeft div.SocialMedia .in{ float:left; height:29px; width:20px;  }
.FooterLeft div.SocialMedia .twitter{ float:left; height:29px; width:20px; }
.FooterLeft div.SocialMedia .blog{ float:left; height:29px; width:20px; }
.FooterLeft div.SocialMedia .facebook{ float:left; height:29px; width:20px;}
.FooterLeft div.SocialMedia .digg{ float:left; height:29px; width:20px;}
/* Footer Mid */
#FooterWrapper div.FooterMid { float:left; width:389px; }

.FooterMid ul { float:left; padding:28px 0 10px 0; width:364px; }

.FooterMid li { color:#464646; float:left; font-size:13px; padding:0 2px; width:auto; }

.FooterMid li a { color:#464646; float:left; font-size:13px; text-decoration:none; }

.FooterMid p { color:#846868; float:left; font-size:13px; line-height:18px; width:389px; }

.FooterMid p span { color:#960111; font-family:"sans-serif", Arial, Helvetica, sans-serif; font-size:13px; }

/* Newsletter */
#FooterWrapper div#Newsletter { float:left; padding:20px 0 0 0; width:285px; }

#Newsletter p { color:#696969; float:left; font-size:16px; line-height:20px; width:270px; padding:0 0 5px 7px; }

#Newsletter div.TxtBox { background:url('../graphics/inputbg.jpg') 0 6px no-repeat; float:left; height:24px; width:208px; padding:10px 0 0px 5px; }

.TxtBox input.TxtFld { background:none; border:0; outline:none; color:#696969; float:left; font-size:12px; height:20px; width:203px; }

/************************************************************** Google Marketing Page************************************************************/
.bodyInner { background:#F4F4F4 url('../graphics/body_bg.gif') repeat-x; }

#OuterWrapperInner { background:url('../graphics/inner_hdrbg.jpg') center 106px no-repeat; float:left; width:100%; }

/** Header Wrapper **/
.AutoWrapper #HeaderInner { float:left; height:153px; padding:22px 0 0 10px; width:932px; }
.AutoWrapper #HeaderInner p a{ color:#DADADA; text-decoration:underline; font-weight:bold; }
#HeaderInner h2.GoogleHdg { background:url('../graphics/google_marketing_hdg.png') no-repeat; float:left; height:106px; width:932px; }

#HeaderInner p { color:#fff; float:left; font-size:16px; line-height:20px; width:932px; }

/* Google Top Left */
.ContentBlock div.GoogleLeft { float:left; width:643px; }

.GoogleLeft div.ContentMid { background:url('../graphics/content_midbg.png') no-repeat; float:left; padding:22px 25px 0 25px; width:593px; }

.GoogleLeft div.ContentMid h2 .arrow{ font-size:13px; }

.GoogleLeft div.ContentMid h2 { background:url('../graphics/hdg_botm.gif') left bottom repeat-x; float:left; padding:13px 0 8px 0; width:593px; }

.GoogleLeft div.ContentMid p { float:left; padding:0px 0 14px 6px; width:575px; }

.GoogleLeft div.ContentMid ul { float:left; padding:15px 0 10px 6px; width:587px; }

.GoogleLeft div.ContentMid ul li { background:url('../graphics/tick_icon.gif') no-repeat; color:#5c5c5c; float:left; font-size:13px; font-weight:bold; width:559px; padding:0 0px 5px 28px; }

/* Google Top Right */
.ContentBlock div.GoogleRight { float:right; padding-top:0px; width:290px; }

.GoogleRight span.LeftBg { background:url('../graphics/seo_lhs.png') no-repeat; float:left; height:243px; width:11px; }

.GoogleRight div.SearchMid { background:url('../graphics/seo_lhs_add.png') top left no-repeat; float:left; padding:20px 0 20px 10px; width:281px;  height:300px;}

.SearchMid h2 { background:url('../graphics/search_botm.gif') left bottom repeat-x; color:#1f1d1d; float:left; font-size:18px; padding:0px 0 8px 0px; margin-bottom:8px; width:263px; }

.SearchMid div.SearchContent { background:url('../graphics/google_screen.png') no-repeat; float:left; padding:148px 0 0 11px; width:252px; }

.SearchContent p { float:left; font-size:13px; line-height:18px; width:235px; }

.GoogleRight span.RightBg { background:url('../graphics/seo_rhs.png') no-repeat; float:left; height:243px; width:11px; }

/**************************************************************** Contact Us Page ****************************************************************/
#HeaderIndex1 h2.ContactHdgenquiry { background:url('../graphics/enquiry.png') no-repeat; float:left; height:85px; width:932px; }
#HeaderIndex2 h2.ContactHdgenquiry { background:url('../graphics/enquiry.png') no-repeat; float:left; height:85px; width:932px; }
#HeaderIndex3 h2.ContactHdgenquiry { background:url('../graphics/enquiry.png') no-repeat; float:left; height:85px; width:932px; }

#HeaderIndex4 h2.ContactHdg { background:url('../graphics/enquiry.png') no-repeat; float:left; height:85px; width:932px; }
#HeaderIndex5 h2.ContactHdgthanks { background:url('../graphics/thanks.png') no-repeat; float:left; height:85px; width:932px; }

.ContentBlock div.ContactMid { background:url('../graphics/contentmid.png') repeat-y; float:left; padding:0 0 10px 15px; width:927px; }

.ContactMid div.ContactInner { background:url('../graphics/contact_innerbg.gif') repeat-x; float:left; padding:10px 10px 40px 10px; width:892px; }

.ContactInner h2 { float:left; padding:0px 0 10px 0px; width:892px; }

.ContactInner p{ float:left; padding:0px 0 14px 0px; }

.ContactInner div.ContactInfo { width:393px; }
.ContactInner div.ContactInfo p{ width:393px; padding: 0 0 18px 0;}

.ContactInfo div.Contacttxt { float:left; padding:20px 0 30px 0; width:393px; }

.ContactInner h3 { background:#d6d6d6 url('../graphics/contact_hdg_Top.gif') left top repeat-x; color:#424242; float:left; font-size:18px; line-height:27px; padding:0px 0 0px 10px; width:383px; }

.Contacttxt p { color:#000; float:left; line-height:17px; padding:0px 0 24px 10px; width:383px; }

.Contacttxt p a { color:#000; text-decoration:none; }

.Contacttxt div.ShareIcons { background:url('../graphics/shared_icons.gif') 10px 0 no-repeat; float:left; padding-left:10px; height:19px; width:110px; }

.ShareIcons a.inLink { float:left; height:19px; width:18px; }

.ShareIcons a.TwitterLink { float:left; height:19px; margin:0px 5px; width:18px; }

.ShareIcons a.BLink { float:left; height:19px; margin-right:3px; width:18px; }

.ShareIcons a.FacebookLink { float:left; height:19px; margin-right:5px; width:18px; }

.ShareIcons a.DiggLink { float:left; height:19px; width:18px; }

/* Contact Form */
.ContactForm { width:378px; padding:20px 0 0 8px; float:left; }
.ContactFormone { width:378px; padding:11px 0 0 8px; float:left; }
.ContactForm fieldset { width:378px; border:0; padding:0px 0px 16px 0px; float:left; }

.ContactForm fieldset label.Lbl { color:#5c5c5c; width:85px; line-height:29px; float:left; font-size:13px; font-weight:bold; }

.ContactForm fieldset .InputBg { background:url('../graphics/formtxtbg.gif') no-repeat; width:278px; float:left; padding:5px 6px; height:19px; }

.ContactForm fieldset input.TxtFld { width:278px; border:0; outline:none; float:left; font-size:12px; height:19px; }

.ContactForm fieldset .CommentBg { background:url('../graphics/commentsbg.gif') no-repeat; width:283px; float:left; height:67px; padding:3px 0px 0px 6px; }

.ContactForm fieldset textarea.comments { width:275px; float:left; border:0; outline:none; height:57px; font-size:12px; }

.ContactForm fieldset.SubmitBtn { width:auto; border:0; padding:0px 0 0 85px; float:left; }
.popuplink{color:#960111;}
.brandcol{color:#000000; font-weight:bold;}
.topleft{ background:url(../graphics/top_left_conr.png) top left no-repeat; float:left; width:9px; height:9px;}
.topwrap{ height:9px; width:508px;}
.toprep{background:url(../graphics/top_mid.png) repeat-x; float:left; width:490px; height:9px; }
.topright{ background:url(../graphics/top_right_conr.png) top left no-repeat; float:left; width:9px; height:9px;}
.midrep{background:#EDEEF0; float:left; border: 1px solid  #B48A87;  border-top:none; border-bottom:none;}
.midrep span{color:#000000; font-weight:bold;}
.midrep .arrow{color:#8E2013; font-weight:bold;font-size:15px;}
.bottomleft{ background:url(../graphics/botm_left_conr.png) top left no-repeat; float:left; width:9px; height:9px;}
.bottomwrap{ height:9px; width:508px;}
.bottomrep{background:url(../graphics/botm_mid.png) repeat-x ;float:left ; width:490px; height:9px; }
.bottomright{ background:url(../graphics/botm_right_conr.png) top left no-repeat; float:left; width:9px; height:9px;}
.Subnav { float:left; width:271px; display:none;}
.closebtn{float:right; padding-right:10px; padding-top:10px; color:#8E2013; font-weight:bold}
.WebsiteDescription ul li  span.logotext{ background:none; color:#000000;}
.blacktit{color:#000000;}
.arrowen {color:#8E2013; font-size:31px; padding-bottom:8px;vertical-align:middle; font-weight:bold;}
.error{color:#C30;}
.paddingbottom{padding-bottom:10px;}
.colma{color: #8C2014;}
.logotext{color:#000000; font-weight:bold;}

.Imark{padding:2px 0 0 3px; float:left; cursor:pointer;}
.ImarkGr{ float:left; padding:0px 0 0 2px; cursor:pointer;}


/*** Download page ***/

#HeaderIndex4 h2.DownloadHdg { background:url('../graphics/headingDownload.png') no-repeat; float:left; height:85px; width:932px; }

.ContentBlock div.ContactMid { background:url('../graphics/contentmid.png') repeat-y; float:left; padding:0 0 10px 15px; width:927px; }

.ContactMid div.ContactInner { background:url('../graphics/contact_innerbg.gif') repeat-x; float:left; padding:10px 10px 40px 10px; width:892px; }

.ContactInner h2 { float:left; padding:0px 0 10px 0px; width:892px; }

.ContactInner p{ float:left; padding:0px 0 14px 0px; }

.ContactInner div.DownFrm { width:845px; }

.DownForm { width:378px; padding:20px 0 0 8px; float:left; }


.ContactInner div.ContactInfo p{ width:393px; padding: 0 0 18px 0;}

.ContactInner .Hdg { color:#AE0000; float:left; font-size:18px; line-height:27px; padding:0px 0 0px 10px; width:845px; }