/* ------- START TAG CLOUD DEFAULT STYLES ------- */.xmpl {padding: 10px 15px 10px 15px;background-color: #FFFFEE;border: 1px solid #F8E78C;}table.xmpl {padding: 0px !important;}ul.xmpl {padding: 5px 15px 5px 30px;}.xmpl th {background-color: #F8E78C;border: 0px;}.xmpl li a {text-decoration: none;}.xmpl li a:hover {text-decoration: underline;}.xmpl li {z-index: 0 !important;}.xmpl li:hover {z-index: 100 !important;}ul.xmpl, ol.xmpl {height: 100px;overflow: hidden;padding: 0px;}/* ------- END TAG CLOUD DEFAULT STYLES ------- */

/* ------- START IMAGE GALLERY DEFAULT STYLE ------- */.customGallery1{width:780px;margin-right:20px;float:left;background-color:#000;}.thumbnailGallery {width:780px;}.thumbnailGallery .preview {width:380px;margin-right:20px;float:left;padding-left:15px;padding-top:15px;padding-bottom:15px;padding-right:0;}.thumbnailGallery .preview img {width:380px;}.thumbnailGallery .thumbs {width:350px;float:left;background-color:#000;padding-left:0px;padding-top:15px;padding-bottom:15px;float:left;}.thumbnailGallery .thumbHolder {width:80px;height:80px;float:left;margin-right:10px;margin-bottom:10px;overflow:hidden;}.thumbnailGallery .thumbHolderLast {width:80px;height:80px;float:left;margin-bottom:10px;overflow:hidden;}.thumbnailGallery .thumb {height:80px;}.thumbnailGallery .next {height:40px;width:80px;line-height:40px;font-size:11px;float:left;text-align: center;background-color: #CCC;}.thumbnailGallery .next a:link, .thumbnailGallery .next a:hover, .thumbnailGallery .next a:visited {color:#000;}.thumbnailGallery .back {height:40px;width:80px;line-height:40px;font-size:11px;float:left;text-align: center;background-color: #CCC;}.thumbnailGallery .back a:link, .thumbnailGallery .back a:hover, .thumbnailGallery .back a:visited {color:#000;}/* ------- END IMAGE GALLERY DEFAULT STYLES ------- */


	#main
{
margin:0 auto;
position:relative;
width:1000px;
height:2179px;
z-index:0;
}
*
{
margin:0px;
padding:0px;
border:0px;
}
body
{
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
background-image:url(/thesmarterwebcompany-co-uk/_img/bg.jpg);
background-repeat:repeat-x;
}
h1
{
font-size:24px;
color:#008BBE;
}
h2
{
font-size:20px;
color:#008BBE;
}
h3
{
font-size:14px;
}
a:link 
{
color: #DE326E;
}
a:visited 
{
color: #DE326E;
}
a:hover 
{
color: #008BBE;
}
a:active 
{
color: #DE326E;
}
.product
{
width:600px;
margin-bottom:20px;
padding-bottom: 20px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
}
.product input[type="submit"]
{
background-color: #666;
border: 0px;
color:#FFFFFF;
cursor:pointer;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.productClear
{
clear:both;
}
.productImage
{
width:200px;
height:150px;
float:left;
margin-right:20px;
background-color:#CCC;
}
.productImage img
{
width:200px;
height:150px;
}
.productInfo
{
width:380px;
height:auto;
float:left;
}
.productName
{
margin-bottom:10px;
}
.productCat
{
display:none;
}
.productId
{
display:none;
}
.productDesc
{
margin-bottom:10px;
}
.productPrice
{
margin-bottom:10px;
}
.productStock
{
display:none;
}
.productButton
{
display:none;
}
.detailProduct
{
width:auto;
}
.detailProductClear
{
clear:both;
}
.detailProductImage
{
width:100%;
background-color:#ccc;
}
.detailProductImage img
{
width:100%;
}
.detailProductInfo
{
width:auto;
height:auto;
}
.detailProductName
{
margin-bottom:10px;
}
.detailProductCat
{
margin-bottom:10px;
}
.detailProductId
{
margin-bottom:10px;
}
.detailProductDesc
{
margin-bottom:10px;
}
.detailProductPrice
{
margin-bottom:10px;
}
.detailProductStock
{
margin-bottom:10px;
}
.detailProductButton
{
margin-bottom:10px;}

.ecommercePag
{
    margin-bottom:20px;
}

.pagItemOn
{
padding-top:6px;
padding-bottom:6px;
padding-left:10px;
padding-right:10px;
background-color:#666;
float:left;
margin-right:5px;
margin-bottom:5px;
color:#fff;
width:10px;
text-align:center;
}
.pagItem
{
padding-top:5px;
padding-bottom:5px;
padding-left:10px;
padding-right:10px;
background-color:#fff;
float:left;
margin-right:5px;
margin-bottom:5px;
color:#666;
width:6px;
text-align:center;
border:solid 1px #ccc;
}
.pagItemOn a:link, .pagItemOn a:visited
{
background-color:#666;
color:#fff;
}
.pagItem:hover
{
background-color:#ccc;
color:#fff;
}
.ecommercePagClear
{
clear:both;
}

	#note159835
{
/*Generated by drag and drop*/
width:271px;
height:90px;
left:0px;
top:35px;
position:absolute;
z-index:100000;
/*Generated by configuring options*/
}
#note159836
{
/*Generated by drag and drop*/
width:296px;
height:38px;
left:702px;
top:96px;
position:absolute;
z-index:100002;
/*Generated by configuring options*/
}
#note159837
{
/*Generated by drag and drop*/
width:448px;
height:21px;
left:550px;
top:180px;
position:absolute;
z-index:10;
/*Generated by configuring options*/
}
#note159838
{
/*Generated by drag and drop*/
width:1000px;
height:50px;
left:0px;
top:216px;
position:absolute;
z-index:999999;
/*Generated by configuring options*/
}
#note159839
{
/*Generated by drag and drop*/
width:338px;
height:34px;
left:525px;
top:47px;
position:absolute;
z-index:100003;
/*Generated by configuring options*/
}
#note159840
{
/*Generated by drag and drop*/
width:122px;
height:42px;
left:875px;
top:47px;
position:absolute;
z-index:100005;
/*Generated by configuring options*/
}
#note159841
{
/*Generated by drag and drop*/
width:544px;
height:49px;
left:0px;
top:165px;
position:absolute;
z-index:100000;
/*Generated by configuring options*/
}
#note159842
{
/*Generated by drag and drop*/
width:580px;
height:25px;
left:418px;
top:12px;
position:absolute;
z-index:100000;
/*Generated by configuring options*/
}
#note159843
{
/*Generated by drag and drop*/
width:998px;
height:318px;
left:0px;
top:289px;
position:absolute;
z-index:0;
/*Generated by configuring options*/
}
#note159844
{
/*Generated by drag and drop*/
width:500px;
height:897px;
left:-1px;
top:628px;
position:absolute;
z-index:0;
/*Generated by configuring options*/
}
#note159845
{
/*Generated by drag and drop*/
width:500px;
height:897px;
left:498px;
top:628px;
position:absolute;
z-index:1000000;
/*Generated by configuring options*/
}
#note159846
{
/*Generated by drag and drop*/
width:1000px;
height:598px;
left:0px;
top:1551px;
position:absolute;
z-index:1000000;
/*Generated by configuring options*/
}
#note159847
{
/*Generated by drag and drop*/
width:428px;
height:553px;
left:31px;
top:1588px;
position:absolute;
z-index:1000001;
/*Generated by configuring options*/
}
#note159848
{
/*Generated by drag and drop*/
width:452px;
height:531px;
left:525px;
top:1588px;
position:absolute;
z-index:1000001;
/*Generated by configuring options*/
}

	.strapLine{z-index: 50;position: absolute;top: 132px;left: 50%;width: 210px;margin-left: 300px;color: #FFF;font-weight: bold;}.strapLine a{color: #FFF;}.saleButton{z-index: 50;position: absolute;top: 0px;left: 50%;width: 137px;height:151px;margin-left: -175px;}/* TinyMCE specific rules */body.mceContentBody {  background-color: #FFF;  background-image: none;  text-align: left;}/*------------------------------------* RESET\*------------------------------------*/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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{  margin:0;  padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{  display: block;}*{line-height:auto;}input:focus{  outline: none!important;}table{  border-collapse:collapse;  border-spacing:0;}fieldset,img{   border:0;}address,caption,cite,dfn,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;}/*------------------------------------* MAIN\*------------------------------------*/html{  overflow-y:scroll; /* Force scrollbars 100% of the time */  font-size:100%; /* Use 16px as per http://www.informationarchitects.jp/en/100e2r/ and http://www.wilsonminer.com/posts/2008/oct/20/relative-readability/ */  line-height:1.5;}body{  min-height:100%;}#main{  overflow: hidden;}/*------------------------------------* TYPE\*------------------------------------*//*--- HEADINGS ---*/h1{  font-size:2em;      /* 32px */  margin-bottom:0.75em; /* 24px */  line-height:1em;    /* 48px */  color:#e1458a;}h2{  font-size:1.5em;    /* 24px */  margin-bottom:1em;    /* 24px */  line-height:1;      /* 24px */  color:#e1458a;}h3{  font-size:1.25em;   /* 20px */  margin-bottom:1.2em;  /* 24px */  line-height:1.2;    /* 24px */}h4{  font-size:1.125em;    /* 18px */  margin-bottom:1.333em;  /* 24px */  line-height:1.333;    /* 24px */}h5{  font-weight:bold;}h5,h6{  font-size:1em;      /* 16px */  margin-bottom:1.5em;  /* 24px */  line-height:1.5;    /* 24px */}/*--- PARAGRAPHS ---*/p,address{  margin-bottom:1.5em;}/*--- LINKS ---*//*Say no to negative hovers: http://csswizardry.com/2011/05/on-negative-hovers/A negative hover is one whose appearance is subtracted from on hover rather than added to.*/a{  text-decoration:none;  color:#FFF;}a:visited{  opacity:0.8; /* A bit basic, but it’s a bare minumum... */}a:hover{  text-decoration:underline;}a:active,a:focus{}/*--- LISTS ---*/}.more-link:after{  /* Too many people use » in their markup to signify progression/movement, that ain’t cool. Let’s insert that using content:""; */  content:" »";}.more-link::after{  content:" »";}/*------------------------------------* CLASSES\*------------------------------------*//*Some not-too-pretty and insemantic classes to do odd jobs.*/.left { float:left!important; }.right  { float:right!important; }.clear  { clear:both; float:none;  }.text-left    { text-align:left; }.text-right   { text-align:right; }.text-center,.text-centre  { text-align:center; }/* ------- FORUM ------- */.forumCategory{padding:10px;border:solid 1px #ccc;margin-bottom:10px;}.forumCategoryTitle{margin-bottom:10px;font-weight:bold;font-size:14px;}.forumCategoryDescription, .forumthreadDescription{margin-bottom:10px;}.forumNewThread{padding:10px;border:solid 1px #ccc;background-color:#EAEAEA;margin-bottom:10px;margin-top:10px;}.forumThread{padding:10px;border:solid 1px #ccc;margin-bottom:10px;}.forumThreadDetail{padding:10px;border:solid 1px #ccc;margin-bottom:10px;margin-top:10px;}.forumThreadReply{padding:20px;border:solid 1px #ccc;margin-bottom:10px;background-color:#EAEAEA;}.forumThreadDetailReply{padding:10px;border:solid 1px #ccc;margin-bottom:10px;margin-left:40px;}#forum input[type="text"]{padding:5px;width:95%;border: 1px solid #ccc;}#forum select{padding:5px;width:95%;border: 1px solid #ccc;}#forum textarea{padding:5px;width:95%;border: 1px solid #ccc;}#forum input[type="submit"], #forum input[type="button"]{background-color: #333;border: 0px;color:#FFFFFF;cursor:pointer;padding-top: 5px;padding-right: 15px;padding-bottom: 5px;padding-left: 15px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}#Centralnav {      background: url('/thesmarterwebcompany-co-uk/_img/central_sprite.png');      height: 51px;      width: 1000px;      margin: 0 auto;} #Centralnav span {     display: none;}#Centralnav li {    list-style-type: none;    float: left;} #Centralnav a {    height: 51px;    display: block;}#list1 { width: 233px; }#list2 { width: 247px; }#list3 { width: 245px; }#list4 { width: 275px; }#list1 a:hover {      background: url('/thesmarterwebcompany-co-uk/_img/central_sprite.png') 0px -51px no-repeat;} #list2 a:hover {      background: url('/thesmarterwebcompany-co-uk/_img/central_sprite.png') -233px -51px no-repeat;} #list3 a:hover {      background: url('/thesmarterwebcompany-co-uk/_img/central_sprite.png') -480px -51px no-repeat;} #list4 a:hover {      background: url('/thesmarterwebcompany-co-uk/_img/central_sprite.png') -725px -51px no-repeat;}/* ------- BLOG ------- */.blogPost { margin-top:20px; margin-bottom:0; padding-bottom:20px; border-bottom:solid 1px #ccc; }.blogPost img { padding:5px; border:solid 1px #ccc; }.blogTitle { font-size:24px; margin-bottom:10px; }.blogDate { font-size:11px; margin-bottom:20px; font-weight:bold; color:#999; }.blogBody { margin-bottom:10px; }.blogCategories { line-height:35px; border-top:solid 1px #ccc; }.blogCat { line-height:35px; border-bottom:solid 1px #ccc; padding-left:10px; }.blog-add-comment { }.blog-add-comment-header { }.blog-comments { background-color:#f7f7f7; border: solid 1px #ccc; padding:10px; margin-bottom:10px; } .blog-comment-name { }.blog-comment-text { }.blog-latest-stories { line-height:35px; border-top:solid 1px #ccc; }.blog-latest-story { line-height:35px; border-bottom:solid 1px #ccc; padding-left:10px; }.blogTextfield { padding:5px; width:50%; border: 1px solid #ccc; }.blogSummaryImage{  display:none;  }.blogSummaryImage img{  display:none;  }.blogSummaryImageStory{  display:none;  }.blogSummaryImageStory img{  display:none;  }/*#displayBlogStory .blogDate{  margin-top: -50px;  }*/#displayBlogStory ul{  margin-left: 40px;  margin-bottom: 20px;  }#displayBlogStory ul li{  margin-bottom: 20px;  }#displayBlogStory ol{  margin-left: 40px;  margin-bottom: 20px;  }#displayBlogStory ol li{  margin-bottom: 20px;  }#displayBlogStory h1{  margin-bottom: -20px;  }/* ------- FORMS ------- */.defaultForm {}.fbElementTextLabelLeft {  color: #333;}.defaultForm input[type="text"] { padding:5px; width:100%; border: 0px;  line-height:34px;   height:34px;  display:inline-block;  overflow:hidden;  vertical-align:baseline;  outline:none;  }.defaultForm select { padding:5px; width:100%; border: 1px solid #333; }.defaultForm textarea { padding:5px; width:100%; border: 1px solid #333; font-family:Arial, Helvetica, sans-serif; font-size:12px; }.defaultForm input[type="submit"] { margin-left:40px; background-color: #333; border: 0px; color:#FFFFFF; cursor:pointer; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; font-size:11px; } .defaultForm input[type="submit"]:hover { background-color: #666; }.defaultForm input[type="button"] { background-color: #333; border: 0px; color:#FFFFFF; cursor:pointer; padding-top: 5px; padding-right: 15px; padding-bottom: 5px; padding-left: 15px; }.defaultForm input[type="button"]:hover { background-color: #666; }.defaultForm table { width:100%; border-collapse:collapse; }.defaultForm table td { border-top:1px solid #CCCCCC; border-bottom:0px solid #CCCCCC; border-left:0px solid #CCCCCC; border-right:0px solid #CCCCCC; padding:10px; }.error { padding:10px; border:solid 1px #AA0000; color: #AA0000; margin-bottom:10px; }/* ------- CUSTOM FOOTER ------- */#customFooter{  width:100%;   line-height:20px;   margin:auto;   font-size:11px;   background-color: #2c8fb9;   background:url('/thesmarterwebcompany-co-uk/_img/footerbg.png') repeat-x;  text-align: center;   color:#FFF;   }#customFooterWrap{  width:1000px;;   margin:0 auto;   overflow: hidden;  }#customFooter .footerClear{  clear:both;  }#customFooter .footerCol1{  width: 340px;  margin-top:40px;  height: 155px;  float: left;  text-align: left;  margin-right: 40px;  }#customFooter .footerCol2{  width: 340px;  margin-top:0px;  height: 155px;  float: left;  text-align: left;  margin-right: 40px;  }#customFooter .footerCol3{  width: 200px;  margin-top:40px;  height: 155px;  float: left;  text-align: left;  }#customFooter .footerCol3 img{  margin-right: 10px;  }#customFooter .footerTrail{  width: 100%;  }#customFooter a:link, #customFooter a:visited, #customFooter a:hover, #customFooter a:active{  color:#BDE8FF;  }#customFooter a:link, #customFooter a:visited, #customFooter a:active{  text-decoration: none;  }#customFooter a:hover{  text-decoration: underline;  }/* --- Twitter Feed --- */.tweet, .query {  color: #FFF;}.tweet .tweet_list, .query .tweet_list {  -webkit-border-radius: .5em;  list-style-type: none;  margin: 0;  padding: 0;  overflow-y: hidden;  background-color:transparent;}.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {  text-transform: uppercase;}.tweet .tweet_list li, .query .tweet_list li {  overflow-y: auto;  overflow-x: hidden;  padding: .5em;}.tweet .tweet_list li a, .query .tweet_list li a {  color: #ff8f17;}.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {  background-color:transparent;}.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {  padding-right: .5em;  float: left;}.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {  vertical-align: middle;}.twitter-follow-button a{color:#FFF!important;}.twitter-follow-button{  color:#FFF;  margin:25px 0 0 0;}span#screen-name{color:#FFF!important;}span#follow-state{color:#FFF;}div#widgt {color:#FFF; } button#twitter-follow {color:#FFF;}#followButt p {color:#FFF;}/* ------- BULLET LIST WITH IMAGE ------- */.ticklist{padding-left:40px;background-image:url(/thesmarterwebcompany-co-uk/_img/tick.png);background-repeat:no-repeat;line-height:30px;margin-bottom: 20px;}li.featureList{display:block;margin-left:10px;background-image:url(/thesmarterwebcompany-co-uk/_img/tick.png);background-repeat:no-repeat;background-position:10px 0px;line-height:30px;margin-bottom: 20px;text-align:center;}ul{ list-style:none; }/* ------- HOME NEWS SUMMARY ------- */#recentNews{width:100%;padding-top:10px;}.recentNewsItem{width:280px;float:left;margin-right:20px;margin-top:20px;font-size:11px;}.recentNewsItemEnd{float:left;width:280px;margin-top:20px;font-size:11px;}.recentNewsItemImage, .recentNewsItemImage img{width:280px;height:132px;margin-bottom:10px;}.clearNews{clear:both;}.recentNewsItemTitle a{color:#000; text-decoration:none; font-size:14px; font-weight:bold; margin-bottom: 20px; }.recentNewsItemDesc{margin-bottom: 10px; }.recentNewsItemDate{color:#AA0000; margin-bottom: 10px; }.recentNewsItemDate a{color:#AA0000; text-decoration:none; }/* ------- SEARCH ------- */#site-search{  margin-bottom:0px;  }.search-title{  margin-bottom:10px;  margin-top: 20px;  font-weight: bold;  color:#008BBE;  font-size:14px;  clear:both;  }.search-description{  margin-bottom:10px;  }.search-url{  margin-bottom:20px;  padding-bottom: 20px;  border-bottom:1px solid #c9c9c9;  }.searchbox{  width:370px;  height:34px;  }.searchbox-input{  float:left;  }.searchbox-submit{  float:left;  }#searchbox-submit-btn{  }.searchbox-input input[type="text"]{  padding-left:15px;  padding-right:15px;  }/*.searchbox-submit input[type="submit"] {  background-color: #c9c9c9;  border: 1px solid #a6a6a6;  color:#ccc;  cursor:pointer;  padding-top: 4px;  padding-right: 14px;  padding-bottom: 4px;  padding-left: 14px;  font-size:11px;  }*//*.searchbox-submit input[type="submit"]:hover {  background-color: #c9c9c9;  }*/.ecommercePag{  margin-bottom:20px;}.pagItemOn{  padding:10px;  background-color:#008BBE;  float:left;  margin-right:1px;  color:#fff;}.pagItemOn a:link, .pagItemOn a:visited{  background-color:#008BBE;  color:#fff;}.pagItem{  padding:10px;  background-color:#BDE8FF;  float:left;  margin-right:1px;  color:#fff;}.pagItemOn a:link, .pagItemOn a:visited{  background-color:#BDE8FF;  color:#fff;}.pagItem:hover{  background-color:#008BBE;  color:#fff;}.ecommercePagClear{  clear:both;}/* everything for the newsletter, blog ,testimonial slider */ /* root element for tabs */#flowtabs {    /* dimensions */  width:339px;  height:94px !important;  margin:0 !important;   padding:0;    /* IE6 specific branch (prefixed with "_") */  _margin-bottom:-2px;}/* single tab */#flowtabs li {   float:left;   margin:0;   padding:0;   text-indent:0;   list-style-type:none;}/* a- tag inside single tab */#flowtabs li a {  background:url('/thesmarterwebcompany-co-uk/_img/letterslidebg.png') no-repeat;  display:block;  height: 94px;     width: 113px;     padding:0px;  margin:0px;  text-indent:-9999px;      /* font decoration */  color:#000;  font-size:12px;  line-height:33px;  text-align:center;  text-decoration:none;}/* adjust the background image position on each tab */#flowtabs #t1       { background-position: 0 0; }#flowtabs #t2       { background-position: -113px 0; }#flowtabs #t3       { background-position: -227px 0; }#flowtabs #t4       { background-position: -567px 0; width:192px;} /* mouseover state */#flowtabs a:hover     { color:#fff;  }#flowtabs #t1:hover   { background-position:      0 -94px; }#flowtabs #t2:hover   { background-position: -113px -94px; }#flowtabs #t3:hover   { background-position: -227px -94px; }#flowtabs #t4:hover   { background-position: -567px -94px; }/* currently selected tabs */#flowtabs a.current   { cursor:default; color:#fff; line-height:34px; }#flowtabs #t1.current { background-position:      0 -188px!important; }#flowtabs #t2.current { background-position: -113px -188px; }#flowtabs #t3.current { background-position: -227px -188px; }#flowtabs #t4.current { background-position: -567px -188px; }/* panes */#flowpanes {  background:url('/thesmarterwebcompany-co-uk/_img/letterslidebg.png') no-repeat 0 -282px;      width:340px;  height:328px; }button.next {   width:40px;  height:17px;  background:url('/thesmarterwebcompany-co-uk/_img/nextbutton.png')no-repeat;  color:#FFF;  text-indent:-9999px;  cursor:pointer;  }button.prev {   width:40px;  height:17px;  background:url('/thesmarterwebcompany-co-uk/_img/prevbutton.png')no-repeat;  color:#FFF;  text-indent:-9999px;  cursor:pointer;  margin-right:20px;  } .fbElementButton {  height:35px;  width:165px;  background:url('/thesmarterwebcompany-co-uk/_img/submit2.png')no-repeat;  text-indent:-9999px;  cursor:pointer;  margin:0 auto;  text-align:center;  margin:20px 0px 0 0px;  }#searchbox-input-text {    width:209px;    height:34px;    background:url('/thesmarterwebcompany-co-uk/_img/searchbg.png')no-repeat scroll 0 0 transparent;    display:inline-block;    vertical-align:baseline;    overflow:hidden;    margin-bottom:15px;    }.searchbox-submit input[type="submit"]{    background:url('/thesmarterwebcompany-co-uk/_img/searchbtn.png')no-repeat scroll 0 0 transparent;    width:99px;    height:34px;      cursor:pointer;    text-indent:20px;    color:#142a52;    line-height:34px;} #searchbox-input-text placeholder {    color:#CCC;    }/* single pane */#flowpanes div {  font-size:12px!important;  color:#fff;   margin:10px 40px;}/* some decorations for elements inside single pane */#flowpanes div h2 {  font-weight:normal;  color:#ddd;  letter-spacing:1px;  margin:10px 0 0 0;  font-size:22px; }#flowpanes a {  color:#002e55;      font-size:12px;}#flowpanes p, #flowpanes samp {  color:#ccc;  max-width:300px!important;}#flowpanes .narrow {  padding-right:160px;    }#flowpanes img{  padding:10px 0px 10px 0px;  margin:auto;}#flowpanes form {width:260px; margin:auto;}#myformNew input[type="text"]{   padding-right:15px;   padding-left:15px;   margin-bottom:15px;  margin:auto;   width:215px;   height:34px;   line-height:34px;   display:inline-block;  background:url('/thesmarterwebcompany-co-uk/_img/newsletterfield.png') no-repeat;   overflow:hidden;  vertical-align:baseline;  outline:none;  } form#myformNew { padding:10px; }  p.testimonial { color:#bae8ff!important; font-size:2em; line-height:1em; margin-bottom:10px!important; }p.testimonial:before { color:#11698a; content:"“ "; font-size:1em;}p.testimonial:after { color:#11698a; content:" ”"; font-size:1em;}p.customName {font-size:11px; color:#FFF!important; }p.customName a:active{ color:# c7f0ff; }p.customName a:hover{ color:# ff96c5; }p.customComment { color:#FFF!important; font-size:12px!important;}/* ------- TAG CLOUD ------- */#tagCloud {}.xmpl {  padding: 10px 15px 10px 15px !important;  background-color: transparent!important;  border:none;}table.xmpl {  padding: 0px !important;}ul.xmpl {  padding: 5px 15px 5px 30px !important;}.xmpl th {  background-color: #F8E78C !important;  border: 0px !important;}.xmpl li a {  text-decoration: none !important;  color:#df3f86; /* -- Link color, Pink --*/}.xmpl li a:hover {  text-decoration: underline !important;}.xmpl li {  z-index: 0 !important;}.xmpl li:hover {  z-index: 100 !important;}ul.xmpl, ol.xmpl {  height: 100px;  overflow: hidden;  padding: 0px !important;}.blogSummaryLink  a.blogSummaryLinkA { width:230px!important; font-size:12px!important; color:#82d4ff!important; float:left; margin:0px!important; padding:0px!important; }a.blogSummaryLinkA {text-align:center; margin:auto!important; font-size:2em!important; margin-bottom:0.75em;  /* 24px */ line-height:1.5; }/* -- Blog Feed Title Links -- */.blogSummaryLink { width:100px!important; font-size:12px!important; color:#FFF!important; float:left!important; margin:0px!important; padding:0px!important; }.blogSummaryTitle{margin:10px auto 10px 0!important; width:230px; font-size:2em; color:#df3f86!important; }.blogSummaryTitle a.blogSummaryLinkA:active {color:#ff7fb8!important; } /* -- Blog Feed Title Links (links) -- */.blogSummaryTitle a.blogSummaryLinkA:link{color:#ff7fb8!important; line-height:24px; }/* -- Blog Feed Title Links (links)-- */.blogSummaryTitle a.blogSummaryLinkA:hover{color:#ff7fb8!important; }/* -- Blog Feed Title Links (links)-- */.blogSummaryTitle a.blogSummaryLinkA:visited{color:#ff7fb8!important; }/* -- Blog Feed Title Links (links)-- */.blogSummaryDescription {margin:auto!important; width:230px; padding-bottom:5px!important; }.blogSummaryDate { padding:0px!important; margin:0px!important; width:100px!important; float:left; color:#82d4ff!important; } /* -- Blog Date --*/.blogSummaryWrap {margin:auto!important; padding:0px; }#blogSummaryWrap0 .blogSummaryImage img { width:230px; display:none; } /* -- Blog thumbnail (default none) -- */#blogSummaryWrap1 .blogSummaryImage { display:none; } /* -- Blog thumbnail (default none) -- */#blogSummaryWrap0 { margin:auto!important;  width:230px; }.blogSummaryImage {margin:auto!important; padding:0px; width:230px;  } /* -- If using blog thumbs, set width here -- */.blogSummaryClear { display:none!important; } /* -- Blank Spacing Div -- */ /* --- login Sprite --- */#login p a.login-btn {    display: block; /* Change anchor to block element */    width: 123px; height: 34px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/loginbtn.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #login p a.login-btn:hover, #login p a.login-btn:focus {      background-position: center; /* Set the position to the center */    }    #login p a.login-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- */.siteBreadcrumbs:before { /* -- Breadcrumbs Styles -- */  content:"» ";  }.siteBreadcrumbs{  color:#142a52;  }.siteBreadcrumbs a{  color:#142a52;  } /* --- Signup Sprite --- */#newsletter p a.newsletter-btn {    display: block; /* Change anchor to block element */    width: 165px; height: 35px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/submit.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #newsletter p a.newsletter-btn:hover, #newsletter p a.newsletter-btn:focus {      background-position: center; /* Set the position to the center */    }    #newsletter p a.newsletter-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- */ /* --- caseStudy Sprite --- */#caseStudy { z-index:99999; position:absolute; top:20px; margin-left:450px;}#caseStudy p a.caseStudy-btn {    display: block; /* Change anchor to block element */    width: 165px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/casestudybtn.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #caseStudy p a.caseStudy-btn:hover, #caseStudy p a.caseStudy-btn:focus {      background-position: center; /* Set the position to the center */    }    #caseStudy p a.caseStudy-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* --- trydemo Sprite --- */#trydemo {width:165px!important;}#trydemo p a.trydemo-btn {    display: block; /* Change anchor to block element */    width: 165px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/demobtn.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #trydemo p a.trydemo-btn:hover, #trydemo p a.trydemo-btn:focus {      background-position: center; /* Set the position to the center */    }    #trydemo p a.trydemo-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* --- trydemo Sprite --- */#FindoutMore p a.FindoutMore-btn {    display: block; /* Change anchor to block element */    width: 133px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/findbtn.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #FindoutMore p a.FindoutMore-btn:hover, #FindoutMore p a.FindoutMore-btn:focus {      background-position: center; /* Set the position to the center */    }    #FindoutMore p a.FindoutMore-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }#headerLinks a:link{  color:#FFF;  list-style:none;  }#headerLinks li a{  color:#FFF;  float:right;  list-style:none;  margin-right:10px;  text-align:right;  }#headerLinks a:before{    content:"» ";  }#headerLinks ul {    list-style:none;    display:inline;    text-align:right;    }/* --- tagCloudcol -- */  #tagCloudcol{  width:453px;  height:230px;  float:left;  border-left:1px dotted #a4a4a4;  padding:0 20px 0 20px;  }#onlineMarketcol{  width:222px;  height:230px;  float:left;  border-left:1px dotted #a4a4a4;  padding:0 20px 0 20px;}#onlineMarketcol a:before{  content:"» ";}#smallBusinesscol a:before{  content:"» ";}#onlineMarketcol li  {   list-style:none;   line-height:2em;}#smallBusinesscol li  {   list-style:none;   line-height:2em;}#smallBusinesscol{  width:199px;  height:230px;  float:left;  border-left:1px dotted #a4a4a4;  border-right:1px dotted #a4a4a4;  padding:0 20px 0 20px;} /* ------- BLOG SUMMARY INNER TAGS ------- */.innerBlogPage {  margin:0;  padding:0;}.innerBlogPage h2 {}.innerBlogPage .blogSummary{  margin-bottom: 10px;}.innerBlogPage .blogSummaryImage{  display: none;}.innerBlogPage .blogSummaryTitle{  clear:both;  margin-bottom: 10px;  font-size: 0.8em;}.innerBlogPage .blogSummaryDescription{  margin-bottom: 10px;}.innerBlogPage .blogSummaryDate{  display: none;}.innerBlogPage .blogSummaryLink{  display: none;}.innerBlogPage .blogSummaryLinkA{}.innerBlogPage .blogSummaryClear{}.tickListLegal{  margin-left:20px;}/* ------- START IMAGE GALLERY DEFAULT STYLE ------- */.customGallery1{width:1000px;margin-right:0px;float:left;background-color: transparent;}.thumbnailGallery {width:1000px;}.thumbnailGallery .preview {width:350px;margin-right:20px;float:left;padding-left:0px;padding-top:15px;padding-bottom:15px;padding-right:0;margin-top:90px;}.thumbnailGallery .preview img {width:350px;border:1px solid #008BBE;}.thumbnailGallery .thumbs {width:625px;float:right;background-color: transparent;padding-left:0px;padding-top:15px;padding-bottom:15px;float:left;}.thumbnailGallery .thumbHolder {width:140px;height:112px;float:left;margin-left:10px;margin-bottom:10px;overflow:hidden;}.thumbnailGallery .thumbHolder img {}.thumbnailGallery .thumbHolderLast {width:140px;height:112px;float:left;margin-bottom:10px;overflow:hidden;}.thumbnailGallery .thumb {height:150px;}.thumbnailGallery .next {height:56px;width:140px;line-height:56px;font-size:14px;float:left;text-align: center;background-color: #008BBE;}.thumbnailGallery .next a:link, .thumbnailGallery .next a:hover, .thumbnailGallery .next a:visited {color:#FFF;}.thumbnailGallery .back {height:56px;width:140px;line-height:56px;font-size:14px;float:left;text-align: center;background-color: #008BBE;}.thumbnailGallery .back a:link, .thumbnailGallery .back a:hover, .thumbnailGallery .back a:visited {color:#FFF;}/* ------- END IMAGE GALLERY DEFAULT STYLES ------- *//* --- FindoutMoretwo Sprite --- */#FindoutMoretwo p a.FindoutMoretwo-btn {    display: block; /* Change anchor to block element */    width: 133px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/findbtn2.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #FindoutMoretwo p a.FindoutMoretwo-btn:hover, #FindoutMoretwo p a.FindoutMoretwo-btn:focus {      background-position: center; /* Set the position to the center */    }    #FindoutMoretwo p a.FindoutMoretwo-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- *//* --- FindoutMorethree Sprite --- */#FindoutMorethree p a.FindoutMorethree-btn {    display: block; /* Change anchor to block element */    width: 133px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/findbtn2.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #FindoutMorethree p a.FindoutMorethree-btn:hover, #FindoutMorethree p a.FindoutMorethree-btn:focus {      background-position: center; /* Set the position to the center */    }    #FindoutMorethree p a.FindoutMorethree-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- *//* --- FindoutMorePortfolio Sprite --- */#FindoutMorePortfolio p a.FindoutMorePortfolio-btn {    display: block; /* Change anchor to block element */    width: 133px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/findbtn2.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #FindoutMorePortfolio p a.FindoutMorePortfolio-btn:hover, #FindoutMorePortfolio p a.FindoutMorePortfolio-btn:focus {      background-position: center; /* Set the position to the center */    }    #FindoutMorePortfolio p a.FindoutMorePortfolio-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- *//* --- buyDiy Sprite --- */#buyDiy p a.buyDiy-btn {    display: block; /* Change anchor to block element */    width: 133px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/tryNow.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #buyDiy p a.buyDiy-btn:hover, #buyDiy p a.buyDiy-btn:focus {      background-position: center; /* Set the position to the center */    }    #buyDiy p a.buyDiy-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- *//* --- buyPro Sprite --- */#buyPro p a.buyPro-btn {    display: block; /* Change anchor to block element */    width: 133px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/buyPro.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #buyPro p a.buyPro-btn:hover, #buyPro p a.buyPro-btn:focus {      background-position: center; /* Set the position to the center */    }    #buyPro p a.buyPro-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- *//* --- Trial Sprite --- */#freeTrial p a.freeTrial-btn {    display: block; /* Change anchor to block element */    width: 165px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/trialbtn2.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #freeTrial p a.freeTrial-btn:hover, #freeTrial p a.freeTrial-btn:focus {      background-position: center; /* Set the position to the center */    }    #freeTrial p a.freeTrial-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- *//* --- Case Study Sprite --- */#caseStudy2 p a.caseStudy2-btn {    display: block; /* Change anchor to block element */    width: 165px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/casestudybtn2.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #caseStudy2 p a.caseStudy2-btn:hover, #caseStudy2 p a.caseStudy2-btn:focus {      background-position: center; /* Set the position to the center */    }    #caseStudy2 p a.caseStudy2-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- *//* --- Case Study Sprite --- */#caseStudy3 p a.caseStudy3-btn {    display: block; /* Change anchor to block element */    width: 165px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/casestudybtn3.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #caseStudy3 p a.caseStudy3-btn:hover, #caseStudy3 p a.caseStudy3-btn:focus {      background-position: center; /* Set the position to the center */    }    #caseStudy3 p a.caseStudy3-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- *//* --- Trial Sprite --- */#freeTrial2 p a.freeTrial2-btn {    display: block; /* Change anchor to block element */    width: 165px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/trialbtn3.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #freeTrial2 p a.freeTrial2-btn:hover, #freeTrial2 p a.freeTrial2-btn:focus {      background-position: center; /* Set the position to the center */    }    #freeTrial2 p a.freeTrial2-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- *//* --- Trial Sprite --- */#buyonwbtninv p a.buyonwbtninv-btn {    display: block; /* Change anchor to block element */    width: 133px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/buyonwbtninv.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #buyonwbtninv p a.buyonwbtninv-btn:hover, #buyonwbtninv p a.buyonwbtninv-btn:focus {      background-position: center; /* Set the position to the center */    }    #buyonwbtninv p a.buyonwbtninv-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- *//* --- findoutmoreInv Sprite --- */#findoutmoreInv p a.findoutmoreInv-btn {    display: block; /* Change anchor to block element */    width: 133px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/findoutmoreInv.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #findoutmoreInv p a.findoutmoreInv-btn:hover, #findoutmoreInv p a.findoutmoreInv-btn:focus {      background-position: center; /* Set the position to the center */    }    #findoutmoreInv p a.findoutmoreInv-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- *//* --- findoutmoreInv Sprite --- */#caseStudiesSmall p a.caseStudiesSmall-btn {    display: block; /* Change anchor to block element */    width: 133px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/casestudiessmall.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }    #caseStudiesSmall p a.caseStudiesSmall-btn:hover, #caseStudiesSmall p a.caseStudiesSmall-btn:focus {      background-position: center; /* Set the position to the center */    }    #caseStudiesSmall p a.caseStudiesSmall-btn:active {      background-position: bottom; /* Set the position to the bottom */    }a { outline: none; }/* -- End -- *//* ------- START LOGIN STYLES ------- */#loginForm a:link, #loginForm a:hover, #loginForm a:visited{color:#000;}#loginForm .leftcolumn1{  width:600px;  margin-right:20px;  float:left;}#loginForm .rightcolumn3{  width:300px;  float:left;}#loginForm .textfield_medium{  width:200px;  border: 1px solid #999;    border-radius: 5px 5px 5px 5px;    font-size: 14px;    height: 1.2em;  margin:0 10px 10px 0px;    padding: 6px;    position: relative;}#loginForm .textfield_small{  width:50px;  border: 1px solid #999;    border-radius: 5px 5px 5px 5px;    font-size: 14px;    height: 1.2em;  margin:0 10px 10px 0px;    padding: 6px;    position: relative;}#loginForm .textfield_large{  width:290px;  border: 1px solid #999;    border-radius: 5px 5px 5px 5px;    font-size: 14px;    height: 1.2em;  margin:0 10px 10px 0px;    padding: 6px;    position: relative;}#loginForm .textfield_small:focus{  background-color: #FDFFEA;    border-color: #008BBE;}#loginForm .textfield_medium:focus{  background-color: #FDFFEA;    border-color: #008BBE;}#loginForm .textfield_large:focus{  background-color: #FDFFEA;    border-color: #008BBE;}#loginForm .dropdown_small{  padding:4px;  width:80px;  border: 1px solid #999;    border-radius: 5px 5px 5px 5px;  margin:8px 0;  font-size: 14px;}#loginForm .dropdown_med{  padding:4px;  width:211px;  border: 1px solid #999;  font-size: 14px;}/* ------- END LOGIN STYLES ------- *//* ------- START SIGNUP STYLES ------- */#signUpForm input[type="radio"]{  font-size: 1.25em;    margin: 0 15px;}#signUpForm a:link, #signUpForm a:hover, #signUpForm a:visited{color:#000;}#signUpForm .leftcolumn1{  width:600px;  margin-right:20px;  float:left;}#signUpForm .rightcolumn3{  width:300px;  float:left;}#signUpForm .textfield_medium{    border: 1px solid #999;    border-radius: 5px 5px 5px 5px;    font-size: 14px;    height: 1.2em;    margin:0 10px 10px 0px;    padding: 6px;    position: relative;    width:200px;}#signUpForm .textfield_small{  border: 1px solid #999;    border-radius: 5px 5px 5px 5px;    font-size: 14px;    height: 1.2em;    margin-bottom: 10px;    padding: 6px;    position: relative;    width:50px;}#signUpForm .textfield_large{  border: 1px solid #999;    border-radius: 5px 5px 5px 5px;    font-size: 14px;    height: 1.2em;  margin:0 10px 10px 0px;    padding: 6px;    position: relative;    width:290px;}#signUpForm .dropdown_small{  padding: 7px;  width:80px;    border: 1px solid #999;    border-radius: 5px 5px 5px 5px;  margin:7px 0;  font-size: 14px;}#signUpForm .dropdown_med{  padding: 7px;  width:230px;  border: 1px solid #999;    border-radius: 5px 5px 5px 5px;  margin:7px 0;  font-size: 14px;}#signUpForm .dropdown_med:focus{  background-color: #FDFFEA;    border-color: #008bbe;}#signUpForm .dropdown_small:focus{  background-color: #FDFFEA;    border-color: #008bbe;}#signUpForm .textfield_small:focus{  background-color: #FDFFEA;    border-color: #008BBE;}#signUpForm .textfield_medium:focus{  background-color: #FDFFEA;    border-color: #008BBE;}#signUpForm .textfield_large:focus{  background-color: #FDFFEA;    border-color: #008BBE;}/* ------- END SIGNUP STYLES ------- *//* ------- START FORM BOX STYLES ------- */.boxFloatLeft{  float: left;  width: 68%;}.boxFloatRight{  float: right;  width: 28%;}.formBoxLargeTop{  background: url('/thesmarterwebcompany-co-uk/_img/formbox_large_top.png')no-repeat scroll 0 0 !important;   width:1000px;  height:17px;  min-height:17px;  display:block;}.formBoxLarge h3{  color:#008bbe;}.formBoxLarge{  background: url('/thesmarterwebcompany-co-uk/_img/formbox_large_middle.png') repeat-y scroll 0 0 !important;   width:1000px;  max-width:1000px;  overflow:hidden}.formBoxLargeBottom{  background: url('/thesmarterwebcompany-co-uk/_img/formbox_large_bottom.png')no-repeat scroll 0 0 !important;   width:1000px;  height:17px;  margin-bottom:25px;  min-height:17px;}.formBoxLargeContent{padding:20px; overflow:hidden; clear:both; display:block;}/* -- Med Form Box -- */.formBoxMediumContent{ padding:20px;}.formBoxMediumTop{  background: url('/thesmarterwebcompany-co-uk/_img/formbox_med_top.png')no-repeat!important;   width:600px;  height:7px;  min-height:7px;  padding:0px;  margin:0px;}.formBoxMedium{  background: url('/thesmarterwebcompany-co-uk/_img/formbox_med_middle.png') repeat-y scroll 0 0 !important;   width:600px;  max-width:600px;  overflow:hidden}.formBoxMediumBottom{  background: url('/thesmarterwebcompany-co-uk/_img/formbox_med_bottom.png')no-repeat scroll 0 0 !important;   width:600px;  height:17px;  margin-bottom:25px;  min-height:17px;}/* -- End Med -- */.formBoxSmallTop{  background: url('/thesmarterwebcompany-co-uk/_img/formbox_small_top.png')no-repeat scroll 0 0 !important;   width:280px;  height:10px;  min-height:10px;}.formBoxSmall{  background: url('/thesmarterwebcompany-co-uk/_img/formbox_small_middle.png')repeat-y!important;   width:280px;  text-align:center;}.formBoxSmallBottom{  background: url('/thesmarterwebcompany-co-uk/_img/formbox_small_bottom.png')no-repeat scroll 0 0 !important;   width:280px;  height:10px;  margin-bottom:25px;  min-height:10px;}.formBoxSmallContent{ padding:20px;}.formBoxMedium input[type="submit"]{    background: url('/thesmarterwebcompany-co-uk/_img/submitbtn.png') no-repeat;    border:none;    color: #FFFFFF;    cursor: pointer;    display: block;    font-size: 0;    height: 41px;    line-height: 0;    overflow: hidden;    padding: 0;    margin:0 auto;    position: relative;    text-indent: 300px;    width: 133px;}.formBoxLarge  input[type="submit"]{    background: url('/thesmarterwebcompany-co-uk/_img/submitbtn.png') no-repeat;    border:none;    color: #FFFFFF;    cursor: pointer;    display: block;    font-size: 0;    height: 41px;    line-height: 0;    overflow: hidden;    padding: 0;    margin:0 auto;    position: relative;    text-indent: 300px;    width: 133px;}/* ------- END FORM BOX STYLES ------- *//* ------- START CONTACT FORM BOX STYLES ------- */.formBoxMediumContent #myformNew{}.formBoxMediumContent .fbElementTextLabelLeft{ float:left; width:45%;}.formBoxMediumContent .fbElementTextLeft{ float:left; width:45%;}.formBoxMediumContent .fbElementParaLabelLeft{ float:left; width:45%;}.formBoxMediumContent .fbElementParaLeft{ float:left; width:45%;}.formBoxMediumContent #myformNew input[type="submit"]{    background: url('/thesmarterwebcompany-co-uk/_img/submitbtn.png') no-repeat;    border:none;    color: #FFFFFF;    cursor: pointer;    display: block;    font-size: 0;    height: 41px;    line-height: 0;    overflow: hidden;    padding: 0;    margin:0 auto;    position: relative;    text-indent: 300px;    width: 133px;}.formBoxMediumContent #myformNew input[type="text"], #myformNew textarea {    width:290px;    border: 1px solid #999;    border-radius: 5px 5px 5px 5px;    font-size: 14px;    height: 34px;    margin:0 10px 10px 0px;    padding: 6px;    position: relative;    background: none;    background-color: #FFF;}.formBoxMediumContent #myformNew input[type="text"]:focus{    background-color: #FDFFEA;    border-color: #008BBE;}.formBoxMediumContent #myformNew textarea {    width:290px;    border: 1px solid #999;    border-radius: 5px 5px 5px 5px;    font-size: 14px;    height: 3.6em;    margin:0 0px 10px 0px;    padding: 6px;    position: relative;    background: none;    background-color: #FFF;}.formBoxMediumContent #myformNew textarea:focus{    background-color: #FDFFEA;    border-color: #008BBE;}/* ------- CASE STUDY BOX STYLES ------- */.caseBoxMediumTop{  background: url('/thesmarterwebcompany-co-uk/_img/formbox_med_top.png')no-repeat!important;   width:600px;  height:7px;  min-height:7px;  padding:0px;  margin:0px;}.caseBoxMedium{  background: url('/thesmarterwebcompany-co-uk/_img/formbox_med_middle.png') repeat-y scroll 0 0 !important;   width:600px;  max-width:600px;  overflow:hidden}.caseBoxMediumBottom{  background: url('/thesmarterwebcompany-co-uk/_img/formbox_med_bottom.png')no-repeat scroll 0 0 !important;   width:600px;  height:17px;  margin-bottom:25px;  min-height:17px;}.caseBoxSmallContent{ padding:20px 0 20px 20px;}/* ------- START ANALYSIS FORM BOX STYLES ------- */.formBoxSmallContent #myformNew{}.formBoxSmallContent .fbElementTextLabelLeft{ float:left; width:45%; color:#FFF!important; }.formBoxSmallContent .fbElementTextLeft{ float:left; width:45%;}.formBoxSmallContent .fbElementParaLabelLeft{ float:left; width:45%;}.formBoxSmallContent .fbElementParaLeft{ float:left; width:45%;}.formBoxSmallContent #myformNew input[type="submit"]{    background: url('/thesmarterwebcompany-co-uk/_img/submitbtn.png') no-repeat;    border:none;    color: #FFFFFF;    cursor: pointer;    display: block;    font-size: 0;    height: 41px;    line-height: 0;    overflow: hidden;    padding: 0;    margin:0 auto;    position: relative;    text-indent: 300px;    width: 133px;}.formBoxSmallContent #myformNew input[type="text"] {    width:200px;    border: 1px solid #999;    border-radius: 5px 5px 5px 5px;    font-size: 14px;    height: 34px;    margin:0 10px 10px 0px;    padding: 6px;    position: relative;    background: none;    background-color: #FFF;}.formBoxSmallContent #myformNew input[type="text"]:focus{    background-color: #FDFFEA;    border-color: #008BBE;}.formBoxSmallContent #myformNew textarea {    width:200px;    border: 1px solid #999;    border-radius: 5px 5px 5px 5px;    font-size: 14px;    height: 3.6em;    margin:0 0px 10px 0px;    padding: 6px;    position: relative;    background: none;    background-color: #FFF;}.formBoxSmallContent #myformNew textarea:focus{    background-color: #FDFFEA;    border-color: #008BBE;}/* ------- START SEO TABLE STYLES ------- */.tableSEO{  width:100%;  border-collapse:collapse; }.tableSEO td {  border:1px solid #dedede;  padding-left:20px;  padding-right:20px;  height:40px;}/* ------- END SEO TABLE STYLES ------- */.leftcolumn1 {width:670px; float:left; margin-right:30px;}.rightcolumn3 { width:280px; float:left;}.themeLeft {   width:240px;  float:left;  margin:0 40px 0 20px;}.themeRight {   width:240px;  float:left;}.themeLeft img{  width:240px;}.themeRight img{  width:240px;}.pagItemOn {    background-color: #0c3669;    color: #FFFFFF;    float: left;    margin-right: 1px;    padding: 5px;}.pagItem {    background-color: #008BBE;    color: #FFFFFF;    float: left;    margin-right: 1px;    padding: 5px;}.pagItem:hover {  background:#ec5194;  }.ecommercePag{  margin-left:450px;  float:left;  }/* ------- START BLOG AUTHORS STYLES ------- */.blogAuthors .blogAuthorsName {  margin-bottom: 10px;  font-size:18px;  color: #008BBE;  }.blogAuthors .blogAuthorsTitle {  margin-bottom: 10px;  font-size:14px;  color: #008BBE;  }.blogAuthors .blogAuthorsAbout {  margin-bottom: 10px;  }/* ------- END BLOG AUTHORS STYLES ------- */#searchSearchResultsList { width:600px; }.search-url a{color:#ef5598}.search-title { font-size:18px; }.imgBorder{border: 1px solid #008BBE;}#webDevelopers { width:1000px; height:365px; overflow:none; margin-bottom:40px; clear:both;}#webDesigner { width:1000px; height:365px; overflow:none; margin-bottom:40px; clear:both;}.designerTxtleft { width:350px; margin-right:20px; bottom:0px; }.designerTxtright { width:350px; margin-left:20px; bottom:0px; }.screenShot { width:630px; } .designerTxtleft h1, .designerTxtright h1{ font-weight:bold; font-size:36px; color:#ec5194!important; }#ecomTxt h1{ font-size:30px; font-weight:bold; }#ecomTxt h2{ font-size:24px; font-weight:bold; }#ecomTxtsub h1{ font-size:30px!important; font-weight:bold; }#ecomForm .fbSortable { outline:none; }#ecomForm .fbElementTextLeft input[type="text"]{ outline:0px!important; height:25px!important; padding-bottom:6px;}#ecomForm .fbElementTextLeft {height:34px!important; }#ecomForm .fbElementTextLabelLeft {color:#FFF; }p#bannerTitle { font-size:60px; color:#FFF; }p#bannersubTitle { font-size:18px; color:#FFF; }p#bannerTitlepink { font-size:60px; color:#ec5194; }p#bannersubTitlepink { font-size:18px; color:#ec5194; }/* ----- */#proButton p a.proButton-btn {    display: block!important; /* Change anchor to block element */    width: 207px; height: 56px!important; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/pro-sprite.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */    max-height:56px!important;    min-height:56px!important;    text-decoration:none!important;    float:left;    margin:0 10px 10px 0;  }    #proButton p a.proButton-btn:hover, #proButton p a.proButton-btn:focus {      background-position: bottom; /* Set the position to the center */      text-decoration:none!important;    }    #proButton p a.proButton-btn:active {      background-position: bottom; /* Set the position to the bottom */      text-decoration:none!important;    }a { outline: none; }/* ----- *//* ----- */#ecommButton p a.ecommButton-btn {    display: block!important; /* Change anchor to block element */    width: 207px; height: 56px!important; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/ecomm-sprite.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */    max-height:56px!important;    min-height:56px!important;    text-decoration:none!important;    float:left;    margin:0 0 10px 0;  }    #ecommButton p a.ecommButton-btn:hover, #ecommButton p a.ecommButton-btn:focus {      background-position: bottom; /* Set the position to the center */      text-decoration:none!important;    }    #ecommButton p a.ecommButton-btn:active {      background-position: bottom; /* Set the position to the bottom */      text-decoration:none!important;    }a { outline: none; }/* ----- *//* ----- */#testimonialButton p a.testimonialButton-btn {    display: block!important; /* Change anchor to block element */    width: 207px; height: 56px!important; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/testimonial-sprite.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */    max-height:56px!important;    min-height:56px!important;    text-decoration:none!important;    float:left;    margin:0 0 10px 0;  }    #testimonialButton p a.testimonialButton-btn:hover, #testimonialButton p a.testimonialButton-btn:focus {      background-position: bottom; /* Set the position to the center */      text-decoration:none!important;    }    #testimonialButton p a.testimonialButton-btn:active {      background-position: bottom; /* Set the position to the bottom */      text-decoration:none!important;    }a { outline: none; }/* ----- *//* ----- */#seoButton p a.seoButton-btn {    display: block!important; /* Change anchor to block element */    width: 207px; height: 56px!important; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/seo-sprite.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */    max-height:56px!important;    min-height:56px!important;    text-decoration:none!important;    float:left;    margin:0 0 10px 10px;  }    #seoButton p a.seoButton-btn:hover, #seoButton p a.seoButton-btn:focus {      background-position: bottom; /* Set the position to the center */      text-decoration:none!important;    }    #seoButton p a.seoButton-btn:active {      background-position: bottom; /* Set the position to the bottom */      text-decoration:none!important;    }a { outline: none; }/* ----- *//* ----- */#buyDiySmall p a.buyDiySmall-btn {    display: block!important; /* Change anchor to block element */    width: 100px; height: 25px!important; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/buynow-small-butt.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */    max-height:25px!important;    min-height:25px!important;    text-decoration:none!important;    float:left;    margin:0 0 10px 10px;  }    #buyDiySmall p a.buyDiySmall-btn:hover, #buyDiySmall p a.buyDiySmall-btn:focus {      background-position: bottom; /* Set the position to the center */      text-decoration:none!important;    }    #buyDiySmall p a.buyDiySmall-btn:active {      background-position: bottom; /* Set the position to the bottom */      text-decoration:none!important;    }a { outline: none; }/* ----- *//* ----- */#faqButtSmall p a.faqButtSmall-btn {    display: block!important; /* Change anchor to block element */    width: 100px; height: 25px!important; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/faq-butt-small.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */    max-height:25px!important;    min-height:25px!important;    text-decoration:none!important;    float:left;    margin:0 0 10px 10px;  }    #faqButtSmall p a.faqButtSmall-btn:hover, #faqButtSmall p a.faqButtSmall-btn:focus {      background-position: bottom; /* Set the position to the center */      text-decoration:none!important;    }    #faqButtSmall p a.faqButtSmall-btn:active {      background-position: bottom; /* Set the position to the bottom */      text-decoration:none!important;    }a { outline: none; }/* ----- *//* ----- */#infoButtSmall p a.infoButtSmall-btn {    display: block!important; /* Change anchor to block element */    width: 100px; height: 25px!important; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/info-butt-small.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */    max-height:25px!important;    min-height:25px!important;    text-decoration:none!important;    float:left;    margin:0 0 10px 10px;  }    #infoButtSmall p a.infoButtSmall-btn:hover, #infoButtSmall p a.infoButtSmall-btn:focus {      background-position: bottom; /* Set the position to the center */      text-decoration:none!important;    }    #infoButtSmall p a.infoButtSmall-btn:active {      background-position: bottom; /* Set the position to the bottom */      text-decoration:none!important;    }a { outline: none; }/* ----- *//* ----- */#faqBuyButt p a.faqBuyButt-btn {    display: block!important; /* Change anchor to block element */    width: 133px; height: 41px!important; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/readymade-buy-butt.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */    max-height:41px!important;    min-height:41px!important;    text-decoration:none!important;    float:left;    margin:0 0 10px 10px;  }    #faqBuyButt p a.faqBuyButt-btn:hover, #faqBuyButt p a.faqBuyButt-btn:focus {      background-position: bottom; /* Set the position to the center */      text-decoration:none!important;    }    #faqBuyButt p a.faqBuyButt-btn:active {      background-position: bottom; /* Set the position to the bottom */      text-decoration:none!important;    }a { outline: none; }/* ----- *//* ----- */#infoButtonLrg p a.infoButtonLrg-btn {    display: block!important; /* Change anchor to block element */    width: 133px; height: 41px!important; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/readymade-faq-butt.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */    max-height:41px!important;    min-height:41px!important;    text-decoration:none!important;    float:left;    margin:0 0 10px 10px;  }    #infoButtonLrg p a.infoButtonLrg-btn:hover, #infoButtonLrg p a.infoButtonLrg-btn:focus {      background-position: bottom; /* Set the position to the center */      text-decoration:none!important;    }    #infoButtonLrg p a.infoButtonLrg-btn:active {      background-position: bottom; /* Set the position to the bottom */      text-decoration:none!important;    }a { outline: none; }/* ----- *//* ----- */#infoButtonLrgalt p a.infoButtonLrgalt-btn {    display: block!important; /* Change anchor to block element */    width: 133px; height: 41px!important; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/readymade-faq-butt.png'); /* Add the image as a background */    background-position: bottom; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */    max-height:41px!important;    min-height:41px!important;    text-decoration:none!important;    float:left;    margin:0 0 10px 10px;  }    #infoButtonLrgalt p a.infoButtonLrgalt-btn:hover, #infoButtonLrgalt p a.infoButtonLrgalt-btn:focus {      background-position: top; /* Set the position to the center */      text-decoration:none!important;    }    #infoButtonLrgalt p a.infoButtonLrgalt-btn:active {      background-position: bottom; /* Set the position to the bottom */      text-decoration:none!important;    }a { outline: none; }/* ----- *//* ----- */#faqBuyButtalt p a.faqBuyButtalt-btn {    display: block!important; /* Change anchor to block element */    width: 133px; height: 41px!important; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/readymade-buy-butt.png'); /* Add the image as a background */    background-position: bottom; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */    max-height:41px!important;    min-height:41px!important;    text-decoration:none!important;    float:left;    margin:0 0 10px 10px;  }    #faqBuyButtalt p a.faqBuyButtalt-btn:hover, #faqBuyButtalt p a.faqBuyButtalt-btn:focus {      background-position: top; /* Set the position to the center */      text-decoration:none!important;    }    #faqBuyButtalt p a.faqBuyButtalt-btn:active {      background-position: top; /* Set the position to the bottom */      text-decoration:none!important;    }a { outline: none; }/* ----- *//* ------- HOME SLIDER ------- */#slider {  position:relative;    width:689px;    height:271px;    margin-left:0px;}#slider img {  position:absolute;  top:0px;  left:0px;  display:none;}#slider a {  border:0;  display:block;}.nivo-controlNav {  position:absolute;  left:260px;  bottom:-10px;}.nivo-controlNav a {  display:block;  width:22px;  height:22px;  background:url(/catcheswinmatches-com/_img/slider_images/bullets.png) no-repeat;  text-indent:-9999px;  border:0;  margin-right:3px;  float:left;  color: #FFFFFF;}.nivo-controlNav a.active {  background-position:0 -22px;}.nivo-directionNav a {  display:block;  width:30px;  height:30px;  background:url(/catcheswinmatches-com/_img/slider_images/arrows.png) no-repeat;  text-indent:-9999px;  border:0;}a.nivo-nextNav {  background-position:-30px 0;  right:15px;}a.nivo-prevNav {  left:15px;}.nivo-caption {  text-shadow:none;  font-family: Helvetica, Arial, sans-serif;}.nivo-caption a {   color:#efe9d1;  text-decoration:underline;}/* The Nivo Slider styles */.nivoSlider {  position:relative;}.nivoSlider h1{ color:#fff; }.nivoSlider img {  position:absolute;  width:1000px;height:385px;  top:0px;  left:0px;}/* If an image is wrapped in a link */.nivoSlider a.nivo-imageLink {  position:absolute;  top:0px;  left:0px;  width:1000px;  height:385px;  border:0;  padding:0;  margin:0;  z-index:6;  display:none;}/* The slices and boxes in the Slider */.nivo-slice {  display:block;  position:absolute;  z-index:5;  height:100%;}.nivo-box {  display:block;  position:absolute;  z-index:5;}/* Caption styles */.nivo-caption {  position:absolute;  left:0px;  bottom:0px;  background:#00b2ee;  color:#fff;  opacity:0.8; /* Overridden by captionOpacity setting */  width:100%;  z-index:8;}.nivo-caption p {  padding:5px;  margin:0;}.nivo-caption a {  display:inline !important;}.nivo-html-caption {  display:none;}/* Direction nav styles (e.g. Next & Prev) */.nivo-directionNav a {  position:absolute;  top:45%;  z-index:9;  cursor:pointer;}.nivo-prevNav {  left:0px;}.nivo-nextNav {  right:0px;}/* Control nav styles (e.g. 1,2,3...) */.nivo-controlNav a {  position:relative;  z-index:9;  cursor:pointer;}.nivo-controlNav a.active {  font-weight:bold;}/* ================================================== Small Gallery ================================================== */#sliderSmall {  position:relative;    width:689px;    height:271px;    margin-left:0px;}#sliderSmall img {  position:absolute;  top:0px;  left:0px;  display:none;}#sliderSmall a {  border:0;  display:block;}.nivo-controlNav {  position:absolute;  left:260px;  bottom:-10px;}.nivo-controlNav a {  display:block;  width:22px;  height:22px;  background:url(/catcheswinmatches-com/_img/slider_images/bullets.png) no-repeat;  text-indent:-9999px;  border:0;  margin-right:3px;  float:left;  color: #FFFFFF;}.nivo-controlNav a.active {  background-position:0 -22px;}.nivo-directionNav a {  display:block;  width:30px;  height:30px;  background:url(/catcheswinmatches-com/_img/slider_images/arrows.png) no-repeat;  text-indent:-9999px;  border:0;}a.nivo-nextNav {  background-position:-30px 0;  right:15px;}a.nivo-prevNav {  left:15px;}.nivo-caption {  text-shadow:none;  font-family: Helvetica, Arial, sans-serif;}.nivo-caption a {   color:#efe9d1;  text-decoration:underline;}/* The Nivo Slider styles */.nivoSlidersmall {  position:relative;}.nivoSlidersmall h1{ color:#fff; }.nivoSlidersmall img {  position:absolute;  width:1000px;height:385px;  top:0px;  left:0px;}/* If an image is wrapped in a link */.nivoSlidersmall a.nivo-imageLink {  position:absolute;  top:0px;  left:0px;  width:1000px;  height:385px;  border:0;  padding:0;  margin:0;  z-index:6;  display:none;}/* The slices and boxes in the Slider */.nivo-slice {  display:block;  position:absolute;  z-index:5;  height:100%;}.nivo-box {  display:block;  position:absolute;  z-index:5;}/* Caption styles */.nivo-caption {  position:absolute;  left:0px;  bottom:0px;  background:#00b2ee;  color:#fff;  opacity:0.8; /* Overridden by captionOpacity setting */  width:100%;  z-index:8;}.nivo-caption p {  padding:5px;  margin:0;}.nivo-caption a {  display:inline !important;}.nivo-html-caption {  display:none;}/* Direction nav styles (e.g. Next & Prev) */.nivo-directionNav a {  position:absolute;  top:45%;  z-index:9;  cursor:pointer;}.nivo-prevNav {  left:0px;}.nivo-nextNav {  right:0px;}/* Control nav styles (e.g. 1,2,3...) */.nivo-controlNav a {  position:relative;  z-index:9;  cursor:pointer;}.nivo-controlNav a.active {  font-weight:bold;}/* --------------------------------- Blog Archive --------------------------------- */.blogArchiveYear {  font-size:24px;  font-weight:normal;  color:#008BBE;  padding-bottom:15px;}.blogArchiveMonth {  font-size:18px;  font-weight:normal;  color:#008BBE;  padding-bottom:10px;  padding-top:15px;  border-top: solid 1px #dedede;}.blogArchiveItemWrapTitle {  padding-bottom:5px;}.blogArchiveItemWrapDescription {}.blogArchiveItemWrapDate {  color:#008BBE;}.blogArchiveItemWrapLink {  padding-bottom:15px;}/* ============================== Land pages styles ============================== */.advancedFeaturesWrap{  width:374px;  height:274px;  background:url('/thesmarterwebcompany-co-uk/_img/landingpgs/features-box-2.png') no-repeat;  padding:20px;}.advancedFeaturesWrap h1{  text-transform:uppercase;  text-align:center;  color:#008bbe;    font-weight:bold;}.advancedFeaturesLiteWrap{  width:374px;  height:274px;  background:url('/thesmarterwebcompany-co-uk/_img/lite-price-2.png') no-repeat;  padding:20px;}.advancedFeaturesLiteWrap h1{  text-transform:uppercase;  text-align:center;  color:#008bbe;  font-weight:bold;}.tinyTicklist{  padding-left:40px;  margin:0 0 10px 0;  background:url('/thesmarterwebcompany-co-uk/_img/landingpgs/tinytick.png') no-repeat;}ul.smallTicks{  margin:45px 0 0 0px;}.buyBtbNow{  background:url('/thesmarterwebcompany-co-uk/_img/landingpgs/butNowbtn.png') no-repeat;  background-position:top;  display:block;  width:133px;  height:41px;  text-indent:-9999px;  float:left;  margin:0 20px 30px 0;}.buyBtbNow:hover{    background-position:bottom;}.contactBtbUs{  background:url('/thesmarterwebcompany-co-uk/_img/landingpgs/contactbutt.png') no-repeat;  background-position:top;  display:block;  width:133px;  height:41px;  text-indent:-9999px;  float:left;  margin:0 0px 30px 0;}.contactBtbUs:hover{    background-position:bottom;  }.landingContactWrap{  width:414px;  background:none;  padding:0px;  margin:30px 0 0 0;}.landingContactWrap .defaultForm #myformNew{margin-left:0px;}.landingContactTop{width:414px;height:13px;background:url('/thesmarterwebcompany-co-uk/_img/landingpgs/contact-top.png') no-repeat;  }.landingContactMiddle{width:374px;padding:0px 20px 20px 20px;background:url('/thesmarterwebcompany-co-uk/_img/landingpgs/contact-middle.png') repeat-y; display:block;}.landingContactBottom{width:414px;height:14px;background:url('/thesmarterwebcompany-co-uk/_img/landingpgs/contact-bottom.png') no-repeat; }.landingContactMiddle .defaultForm #myformNew input[type="text"] {    background: none repeat scroll 0 0 #FFFFFF;    border: 1px solid #999999;    border-radius: 5px 5px 5px 5px;    font-size: 14px;    height: 34px;    margin: 0 10px 10px 0;    padding: 6px;    width: 300px;    vertical-align:baseline;    display:inline-block;    line-height:20px;}.landingContactMiddle h1{  text-transform:uppercase;  text-align:center;  color:#008bbe;  font-weight:bold;}.landingContactMiddle .defaultForm{  width:340px;  margin:0 auto;}.landingContactMiddle .defaultForm #myformNew textarea{  height:70px;  width:300px;}.landingContactMiddle .defaultForm #myformNew input[type="submit"] {    width:133px;    height:41px;    background:url('/thesmarterwebcompany-co-uk/_img/landingpgs/submitBtn.png') no-repeat;    background-position:top;    border: 0 none;    color: #FFFFFF;    cursor: pointer;    font-size: 11px;    margin-left:100px !important;    margin-top:5px;    padding: 5px 15px;    text-align:center;}.landingContactMiddle .defaultForm #myformNew input[type="submit"]:hover {  background-position:bottom;}.landingContactMiddle .defaultForm #myformNew input[type="text"]:focus, .landingContactMiddle .defaultForm #myformNew textarea:focus {    background-color: #FDFFEA;    border-color: #008BBE;}.contactNoWrap{  margin-top:30px;}.testimonialsBoxWrap{  width:523px;  height:274px;  background:url('/thesmarterwebcompany-co-uk/_img/landingpgs/testimonials-box.png') no-repeat;  padding:20px 10px 20px 20px;  margin:30px 0 0 0;}.quoteBoxContent{  width:300px;  height:275px;  margin:10px 15px 0 0;  float:left;  display:block;  color:#FFF;}.reviewTxt a{  color:#cff2ff;}.reviewTxt{  width:173px;  height:244px;  float:left;  display:block;  padding:15px;  color:#9fe5ff;}.stars{  margin:15px auto 10px 4px;}.whiteHead{  color:#FFF;  text-transform:uppercase;  font-weight:bold;  font-size:36px;  margin-bottom:10px;}.lightB{  color:#aadff2;  font-size:24px;}.persons{  color:#021c3a;}.persons:before{  content:"- ";}.fbClear{  clear:both;}.workingsWrap h1{  text-transform:uppercase;  text-align:center;  color:#FFF;  font-weight:bold;  margin:0 0 17px 0;}.workingsWrap{  width:553px;  height:440px;  background:url('/thesmarterwebcompany-co-uk/_img/landingpgs/workings-box.png') no-repeat;  margin:30px 0 0 0;}.workingsContent{  width:365px;  height:337px;  padding-top:36px;  margin:0 auto;}.workings1,.workings2,.workings3,.workings4{  width:220px;  height:81px;  margin:0 0 5px 145px;  color:#FFF;}p.workingTitle{  font-size:24px;  color:#FFF;  padding:15px 0 5px 0;  margin:0 0 5px 0;}/* ------- Custom Jquery Dropdown Nav ------- */.nav {  float:left;  text-align:left;  background:url('/thesmarterwebcompany-co-uk/_img/nav-bg.png') no-repeat;  width:1000px;  height:51px;  z-index:1000}#menu li a {    color: #FFFFFF;    display: block;    font-size: 12px;    max-height: 51px;    outline: 0 none;    text-align: center;    text-decoration: none;    text-transform: none;    vertical-align:middle;    padding: 10px 26px 0 26px; }.menu span {float:left; color:#fedc9a; text-decoration:none; width:125px; height:40px; padding-top:8px}.menu a:hover {color:#fedc9a}.menu {list-style:none; font:12px 'Arial', serif; text-align:center; width:1000px; margin:0 auto; height:53px; padding:0px;}.menu li {position:relative; float:left!important; z-index:1000; }.menu ul {display:none; position:absolute; font:12px 'Arial', serif; top:51px; left:0; background:#043d54; display:none; list-style:none;text-align:left;text-align:left !important;padding:0;}.menu ul ul li{}.menu ul li {float:none; border-top:1px solid #157ba5 !important; width:220px; padding:0; line-height:20px;}.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:30px; padding-top:10px;}.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {background:#21aee9; color:#000;}.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:30px; padding-top:10px;}.menu ul ul {left:40px; top:-1px; background:#333;}.menu li.submenu {font-weight:normal}.menu li.noborder {border-top:none}li.menuhover a, li.menuhover li.menuhover a {color:#333; background:000;}li.menuhover span, li.menuhover li.menuhover span {color:#fedc9a; background:;}#info {width:180px; background:#eee}#info li {width:160px; border-top:none; padding:8px 10px; color:#666; text-shadow:1px 1px #fff; text-align:left}/* ------- End Jquery Dropdown Nav ------- *//* ------- Template Gallery 2 START ------- */#themeOuterWrap{  margin-top:20px;}.themeWrap {   width:235px;  margin-left: 10px;float:left;}.themeWrap img{  width:235px;}.themeWrap p{  margin-top: 10px;  margin-bottom: 10px;}.themeWrapClear{  clear:both;}/* ------- Template Gallery 2 END ------- */.bodyUnderlineLink a{border-bottom:1px dashed #EC5194;}.bodyUnderlineLink a:hover{border-bottom:1px dashed #FFF;text-decoration:none;}body{  background: url('/thesmarterwebcompany-co-uk/_img/bg.jpg') repeat-x #FFF;}#wrapper{}/* -------------------- Banner Buttons (Homepage) -------------------- */a.banner-btn-info{  width: 190px;  height: 62px;  background: url('/thesmarterwebcompany-co-uk/_img/banner-btns.png') no-repeat top left;   text-indent: -9999px;  display: inline-block;}a.banner-btn-info:hover { background-position: bottom left; } /* -- Hover -- */a.banner-btn-buy{  width: 190px;  height: 62px;  background: url('/thesmarterwebcompany-co-uk/_img/banner-btns.png') no-repeat top right;   text-indent: -9999px;  display: inline-block;}a.banner-btn-buy:hover { background-position: bottom right; } /* -- Hover -- */.banner-txt {  font-size: 46px;  color: #008bbe;  text-transform: uppercase;}.banner-txt-alt {    font-size: 46px;  color: #008bbe;  text-transform: uppercase;    margin-bottom: 15px;}.banner-txt-small {  font-size: 32px;  color: #008bbe;  text-transform: uppercase;  margin-top: 0;}.saleButton{  z-index: 900; }a.banner-btn-contact{  width: 190px;  height: 62px;  background: url('/thesmarterwebcompany-co-uk/_img/contact-btns.png') no-repeat top right;   text-indent: -9999px;  display: inline-block;}a.banner-btn-contact:hover { background-position: bottom right; } /* -- Hover -- */  /* ====================================================================================== */  .litebutton {  width: 268px;  height: 111px;  display: block;  background: url('/thesmarterwebcompany-co-uk/_img/lite-design.png') no-repeat top center;  text-indent: -9999px;  font-size: 0;  float: left;  margin-right: 16px;  margin-bottom: 15px;}.litebutton:hover {  background-position: bottom center;}.webbutton {  width: 268px;  height: 111px;  display: block;  background: url('/thesmarterwebcompany-co-uk/_img/web-design.png') no-repeat top center;  text-indent: -9999px;  font-size: 0;  float: left;}.webbutton:hover {  background-position: bottom center;}.ecombutton {  width: 268px;  height: 111px;  display: block;  background: url('/thesmarterwebcompany-co-uk/_img/ecom-design.png') no-repeat top center;  text-indent: -9999px;  font-size: 0;    float: left;  margin-right: 16px;  margin-bottom: 15px;}.ecombutton:hover {  background-position: bottom center;}.seobutton {  width: 268px;  height: 111px;  display: block;  background: url('/thesmarterwebcompany-co-uk/_img/seo.png') no-repeat top center;  text-indent: -9999px;  font-size: 0;      float: left;}.seobutton:hover {  background-position: bottom center;}.buttons{  width: 100%;  height: 240px;  margin-top: 30px;}/* ================================ Cookie Popup Styles ================================ */#cookieConfig {width: 350px;height: 190px;position: fixed;bottom:0;right: 3%;background: #008bbe;padding: 25px;border-top: 1px solid #8ad3ed;border-left: 1px solid #8ad3ed;border-right: 1px solid #8ad3ed;}.cookieConfigTitle { font-family: 'Helvetica', Arial, sans-serif; font-weight: bold; font-size: 24px; color: #FFF; margin-bottom: 20px; color: #FFF;}.cookieConfigMessage, .cookieConfigPrivacy{color: #FFF;margin-bottom: 10px;}#cookieConfig a{ color: #FFF; border-bottom: 1px dotted #FFF; }.cookieConfigAccept a{width: 110px;height: 34px;background: url('/_img/accept.png') no-repeat bottom center;display: block;text-indent: -9999px;float: left;margin: 20px 20px 0 50px;border: 0 !important;}.cookieConfigAccept a:hover{background-position: top;}.cookieConfigReject a{width: 110px;height: 34px;background: url('/_img/reject.png') no-repeat bottom center;display: block;text-indent: -9999px; float: left;margin: 20px 0px 0 0;border: 0 !important;}.cookieConfigReject a:hover{background-position: top;}/* ================================ New Readymade Styles ================================ */.readymadeItemButton{    width: 180px;    height: 35px;    line-height: 35px;    text-align: center;    text-decoration: none;    display: block;    font-size: 14px;    color: white !important;    top: 0;    text-shadow: 0 -1px 0 #13609b;    border: 1px solid #1284af;    cursor: pointer;        box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #ccc;        /* prefixes */        -webkit-box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #ccc;           -moz-box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #ccc;            -ms-box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #ccc;             -o-box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #ccc;        /* fallback */    background: #27b8ef;        /* webkit fallback */    background: -webkit-gradient(linear, left top, left bottom, from(#27b8ef), to(#006ba3));        /*prefixes*/    background: -webkit-linear-gradient(top, #27b8ef, #006ba3);       background: -moz-linear-gradient(top, #27b8ef, #006ba3);        background: -ms-linear-gradient(top, #27b8ef, #006ba3);         background: -o-linear-gradient(top, #27b8ef, #006ba3);        border-radius: 4px;        /* prefixes */        -webkit-border-radius: 5px;           -moz-border-radius: 5px;            -ms-border-radius: 5px;             -o-border-radius: 5px;    white-space: nowrap;    margin: 1em auto 0 auto;}#getStartedBtn{    width: 180px;    height: 35px;    line-height: 35px;    text-align: center;    text-decoration: none;    display: block;    font-size: 14px;    color: white !important;    top: 0;    text-shadow: 0 -1px 0 #9b2c61;    border: 1px solid #9b2c61;    cursor: pointer;        box-shadow: 0 1px 0 #fd72b4 inset, 0 1px 1px #a22762;        /* prefixes */        -webkit-box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #a22762;           -moz-box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #a22762;            -ms-box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #a22762;             -o-box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #a22762;        /* fallback */    background: #f2559f;        /* webkit fallback */    background: -webkit-gradient(linear, left top, left bottom, from(#f2559f), to(#cb357c));        /*prefixes*/    background: -webkit-linear-gradient(top, #f2559f, #cb357c);       background: -moz-linear-gradient(top, #f2559f, #cb357c);        background: -ms-linear-gradient(top, #f2559f, #cb357c);         background: -o-linear-gradient(top, #f2559f, #cb357c);        border-radius: 4px;        /* prefixes */        -webkit-border-radius: 5px;           -moz-border-radius: 5px;            -ms-border-radius: 5px;             -o-border-radius: 5px;    white-space: nowrap;    margin: 1em auto 0 auto;  }#getStartedBtn:hover{    box-shadow: 0 1px 0 #fd72b4 inset, 0 1px 1px #a22762;        /* prefixes */        -webkit-box-shadow: 0 1px 0 #8e2758 inset, 0 1px 1px #a22762;           -moz-box-shadow: 0 1px 0 #8e2758 inset, 0 1px 1px #a22762;            -ms-box-shadow: 0 1px 0 #8e2758 inset, 0 1px 1px #a22762;             -o-box-shadow: 0 1px 0 #8e2758 inset, 0 1px 1px #a22762;        /* fallback */    background: #086a9d;        /* webkit fallback */    background: -webkit-gradient(linear, left top, left bottom, from(#fd3e99), to(#004479));        /*prefixes*/    background: -webkit-linear-gradient(top, #fd3e99, #af135d);       background: -moz-linear-gradient(top, #fd3e99, #af135d);        background: -ms-linear-gradient(top, #fd3e99, #af135d);         background: -o-linear-gradient(top, #fd3e99, #af135d);        border-radius: 4px;        /* prefixes */        -webkit-border-radius: 5px;           -moz-border-radius: 5px;            -ms-border-radius: 5px;             -o-border-radius: 5px;}.readymadeItemButton:hover{    box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #ccc;        /* prefixes */        -webkit-box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #ccc;           -moz-box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #ccc;            -ms-box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #ccc;             -o-box-shadow: 0 1px 0 #7dbcec inset, 0 1px 1px #ccc;        /* fallback */    background: #086a9d;        /* webkit fallback */    background: -webkit-gradient(linear, left top, left bottom, from(#159dd8), to(#004479));        /*prefixes*/    background: -webkit-linear-gradient(top, #159dd8, #004479);       background: -moz-linear-gradient(top, #159dd8, #004479);        background: -ms-linear-gradient(top, #159dd8, #004479);         background: -o-linear-gradient(top, #159dd8, #004479);        border-radius: 4px;        /* prefixes */        -webkit-border-radius: 5px;           -moz-border-radius: 5px;            -ms-border-radius: 5px;             -o-border-radius: 5px;}.readymadeItem:hover{  background: #f2559f;}.readymadeItem{    width: 32.3333%;    height: 295px;    padding: 20px;    background: #fff;    border-radius: 5px;    float: left;    margin: 0 1% 0 0;    box-sizing:border-box;    -moz-box-sizing:border-box; /* Firefox */    -webkit-box-sizing:border-box; /* Safari */    -webkit-box-shadow: 0 8px 6px -6px #999;    -moz-box-shadow: 0 8px 6px -6px #999;    box-shadow: 0 8px 6px -6px #999;    margin: 0 15px 15px 0;      -webkit-transition: background 0.2s linear;  -moz-transition: background 0.2s linear;  -o-transition: background 0.2s linear;  transition: background 0.2s linear;}.signIntro{  font-size: 18px;  padding: 0 0 20px 0;  line-height: 1.5;}.getStartedForm{  background: #008bbe;  padding: 20px;  box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */  color: #fff;  border-radius: 5px;  margin: 0 0 20px 0;}.readymadeItem img{    width: 100%;    border: 1px solid #ccc;}.readymadeWrap{    width: 1000px;    margin: 0;}.readymadeItemCategory{    font-size: 16px;    padding: 20px 0 0 0;}.readymadeItemEnd{  margin: 0;}.wrapPersonal,.wrapSecure{  width: 49%;  float: left;  margin-bottom: 20px;}.tblPersonal{  margin-right: 2%;}.tblPersonal input,.tblSecure input,.tblPersonal select,.tblSecure select{  width: 250px !important;  box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */    margin: 0 !important;  height: 35px !important;}.tblPersonal,.tblSecure{  width: 100%;}.tblPersonal td,.tblSecure td{  padding: 7px 0 7px 0;}.getStartedLegal{  text-align: center;  margin: 20px 0 0 0;}.getStartedLegal a{  color: #fff !important;}.signIntro{  background: #e75198;  color: #fff;  padding: 20px;  box-sizing:border-box;  -moz-box-sizing:border-box; /* Firefox */  -webkit-box-sizing:border-box; /* Safari */    border-radius: 5px;  margin-bottom: 20px;  font-weight: normal;}.signIntro h1{  color: #fff;  text-align: center;}.signIntro p{  font-size: 16px;}.titlePersonal,.titleSecure{  width: 95%;  font-size: 24px;  padding: 0 0 20px 0;  border-bottom: 1px dashed #fff;  margin-bottom: 10px;}#findOutMore a.findout-btn {    display: block; /* Change anchor to block element */    width: 133px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/findout-btn.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }  #findOutMore a.findout-btn:hover, #login p a.login-btn:focus {      background-position: center; /* Set the position to the center */    }  #findOutMore a.findout-btn:active {      background-position: bottom; /* Set the position to the bottom */    }#GetStartedNow a.GetStartedNow {    display: block; /* Change anchor to block element */    width: 133px; height: 41px; /* Specify width and height of the image. Height is value of each individual button graphic */    background-image: url('/thesmarterwebcompany-co-uk/_img/getstarted-butt.png'); /* Add the image as a background */    background-position: top; /* Set the position to the top */    text-indent: -9999px; /* Send the rendered HTML wording off screen */  }#GetStartedNow a.GetStartedNow:hover, #login p a.login-btn:focus {      background-position: center; /* Set the position to the center */    }#GetStartedNow a.GetStartedNow:active {      background-position: bottom; /* Set the position to the bottom */    }/* ======================== NEW PAGES --- MOBILE ========================= */.mobileBanner {width: 1000px; height: 275px; padding: 40px 0 0 0; background:url("/thesmarterwebcompany-co-uk/_img/newpages/mobileBanner.png") ; text-align: center; }.mobileBanner h1 {color: #fff ; font-size: 60px; margin-bottom: 10px;}.mobileBanner h2 {color: #fff; font-size: 48px;}.singleBanner {width: 1000px; height: 275px; padding: 40px 0 0 0; background:url("/thesmarterwebcompany-co-uk/_img/newpages/single-page-banner.png") ; text-align: center; }.singleBanner h1 {color: #fff ; font-size: 60px; margin-bottom: 10px;}.singleBanner h2 {color: #fff; font-size: 48px;}.singleIntroText a{  color: #f96d9e;}.premBanner {width: 1000px; height: 275px; padding: 40px 0 0 0; background:url("/thesmarterwebcompany-co-uk/_img/newpages/prem-banner.png") ; text-align: center; }.premBanner h1 {color: #fff ; font-size: 60px; margin-bottom: 10px;}.premBanner h2 {color: #fff; font-size: 48px;}.logoBanner {  width: 800px;   height: 275px;   padding: 40px 100px 0 ;   background:url("/thesmarterwebcompany-co-uk/_img/newpages/logoSaleBanner.png") ;   text-align: center; }.logoBanner h1 {color: #fff ; font-size: 60px; margin-bottom: 10px;}.logoBanner h2 {color: #fff; font-size: 42px;}.singleIntroText a{  color: #f96d9e;}.singleIntroText {width: 870px;}.singleIntroText p {font-size: 12px; color: #fff; line-height: 24px;}.singleIntroText h1 {color: #fff; font-size: 36px;}.singleIntroText p.firstPara {font-size: 16px; line-height: 24px;}.mobileIntroText {width: 470px;}.mobileIntroText p {font-size: 12px; color: #fff; line-height: 24px;}.mobileIntroText h1 {color: #fff; font-size: 36px;}.mobileIntroText p.firstPara {font-size: 16px; line-height: 24px;}.iphoneSlider {width: 315px; height: 426px; padding: 107px 0px 0px 31px; background:url("/thesmarterwebcompany-co-uk/_img/newpages/iphone.png") ;}.mobileTestimonial {color: #fff; font-size: 16px;}.mobileTestimonial h1 {color: #fff ; font-size: 30px; margin-bottom: 5px;}.mobileTestimonial h2 {color: #9de5ff;}.mobileTestimonial p.persons {color: #ff7fbc; font-family: arial, helvetica, sans-serif; font-size: 18px;}.mobileContactForm h1 {text-align: center; color: #fff; font-size: 30px; margin-bottom: 5px;}.mobileContactForm .defaultForm .fbSortable {margin-bottom: 20px; position: relative;}.mobileContactForm .defaultForm .fbSortable .fbElementTextLeft .text {background-image: none !important; background-color: #fff !important; border-radius: 5px; border: 1px solid #999; width: 270px !important;}.mobileContactForm .defaultForm .fbSortable .fbElementTextLabelLeft, .mobileContactForm .defaultForm .fbSortable .fbElementParaLabelLeft {width: 120px; float: left; color: #fff;margin-bottom: 10px;}.mobileContactForm .fbSortable .fbElementVldMsg {position: absolute; left: 0px; top: 15px; width: 110px; float: left; color: #0c3a4c;}.mobileContactForm .defaultForm .fbSortable .fbElementTextLeft, .mobileContactForm .defaultForm .fbSortable .fbElementParaLeft {width: 280px !important; float: left;}.mobileContactForm .defaultForm .fbSortable .fbElementParaLeft textarea {height: 110px !important; max-height: 130px;}.mobileContactForm .defaultForm input.fbElementButton  {    background: url("/thesmarterwebcompany-co-uk/_img/newpages/submitbtn.png");    cursor: pointer;    display: block;    height: 41px;    margin: 0px auto;    text-indent: -9999px;    width: 134px;    background-position: top;}.mobileContactForm .defaultForm input.fbElementButton:hover {    background-position: bottom !important;}.mobileContactForm .defaultFormValidation .error {display: none;}.mobilePriceTable table tbody tr.priceRowOne {border-bottom: 1px solid #fff;}.mobilePriceTable table tbody tr td {width: 140px; height: 50px !important; }.mobilePriceTable table tbody tr {height: 60px !important; }.mobilePriceTable table tbody tr.priceRowOne td.rowOneMiddle {color: #ffb049; text-align: center; font-size: 14px; padding-bottom: 5px;}.mobilePriceTable table tbody tr.priceRowOne td.rowOneRight {color: #e74391; text-align: center; font-size: 14px; padding-bottom: 5px;}.mobilePriceTable table tbody tr td.rowTwoMiddle, .mobilePriceTable table tbody tr td.rowThreeMiddle  {color:#ffb049; font-weight: bold; text-align: center; font-size: 36px; height: 40px; padding-top: 5px padding-bottom: 5px;}.mobilePriceTable table tbody tr td.rowTwoRight, .mobilePriceTable table tbody tr td.rowThreeRight  {color: #e74391; font-weight: bold; text-align: center; font-size: 36px; height: 40px; padding-top: 5px padding-bottom: 5px;}.mobilePriceTable table tbody tr td.rowTwoLeft, .mobilePriceTable table tbody tr td.rowThreeLeft {color:#fff; font-weight: bold; text-align: center; font-size: 18px;}.mobileBottomList h1.banner-txt {color: #fff; font-size: 24px; text-align: center; }.mobileBottomList ul li {background:url("/thesmarterwebcompany-co-uk/_img/newpages/mobileTick.png") no-repeat; padding-left: 40px; height: 40px; line-height: 30px; color: #fff; font-size: 18px; vertical-align: middle; }/* =========================== END NEW PAGE MOBILE ========================== *//* ======================== NEW PAGES --- RECRUITMENT ========================= */.recruitmentBanner {width: 680px; height: 215px; padding: 100px 0 0 360px; background:url("/thesmarterwebcompany-co-uk/_img/newpages/recruitBanner.png") ;}.recruitmentBanner h1 {color: #fff ; font-size: 29px; margin-bottom: 10px; line-height: 40px;}.recruitmentLeftBox {width: 460px; height: 859px; padding: 20px; background:url("/thesmarterwebcompany-co-uk/_img/newpages/leftBoxbg.jpg");}.recruitmentLeftBox .recruitmentInnerBox {height: 560px;padding: 10px; color: #fff; line-height: 24px;}.recruitmentLeftBox .recruitmentInnerBox h1.banner-txt {font-size: 36px; color: #fff;}.recruitmentLeftBox .recruitmentInnerBox a.buyPro-btn  {    background: url("/thesmarterwebcompany-co-uk/_img/newpages/buynowbtn.png");    cursor: pointer;    display: block;    height: 41px;    margin: 0px auto;    text-indent: -9999px;    width: 134px;    background-position: top;margin-left:85px;margin-right: 25px;float: left;}.recruitmentLeftBox .recruitmentInnerBox a.buyPro-btn:hover {    background-position: bottom !important;}.recruitmentLeftBox .recruitmentInnerBox a.contactBtn  {    background: url("/thesmarterwebcompany-co-uk/_img/newpages/contactbtn.png");    cursor: pointer;    display: block;    height: 41px;    margin: 0px auto;    text-indent: -9999px;    width: 134px;    background-position: top;float: left;}.recruitmentLeftBox .recruitmentInnerBox a.contactBtn:hover {    background-position: bottom !important;}.recruitmentLeftBox .recruitmentInnerBottomBox .recruitmentInnerBottomBoxLeft {width: 230px; padding: 15px; float: left; color: #fff;}.recruitmentLeftBox .recruitmentInnerBottomBox .recruitmentInnerBottomBoxLeft h1.banner-txt {font-size: 20px; color: #ffb049; text-align: center;}.recruitmentLeftBox .recruitmentInnerBottomBox .recruitmentInnerBottomBoxRight {width: 200px; float: left; padding-top: 20px;}.recruitmentRightBox {width: 460px; height: 859px; padding: 20px; background:url("/thesmarterwebcompany-co-uk/_img/newpages/rightBoxbg.jpg");}.recruitmentRightBoxTop {height: 527px; padding: 10px; color: #fff;}.recruitmentRightBoxTop h1.banner-txt {font-size: 36px; color: #fff;}.recruitmentRightBox .recruitmentRightBoxTop ul li {background:url("/thesmarterwebcompany-co-uk/_img/newpages/recruitmentTick.png") no-repeat; padding-left: 40px; height: 40px; line-height: 30px; color: #fff; font-size: 18px; vertical-align: middle; }.recruitmentRightBox .recruitmentRightBoxBottom {padding: 20px; }.recruitmentRightBox .recruitmentRightBoxBottom h1.banner-txt {font-size: 30px; color: #fff; text-align: center;}.recruitmentRightBox .recruitmentRightBoxBottom table tbody tr.recruitmentRow {border-top: 1px solid #fff;}.recruitmentRightBox .recruitmentRightBoxBottom table {width: 100%;}.recruitmentRightBox .recruitmentRightBoxBottom table tr {height: 50px;}.recruitmentRightBox .recruitmentRightBoxBottom table tr td.leftCol {font-size: 18px; color: #fff; text-align: center;}.recruitmentRightBox .recruitmentRightBoxBottom table tr td.rightCol {font-size: 36px; color: #ffb049; font-weight: bold; text-align: center;}.recruitmentRightBox .recruitmentRightBoxBottom a.arrangeBtn  {    background: url("/thesmarterwebcompany-co-uk/_img/newpages/promoBtn.png");    cursor: pointer;    display: block;    height: 41px;    margin: 0px auto;    text-indent: -9999px;    width: 219px;    background-position: top;margin: 0px auto;}.recruitmentRightBox .recruitmentRightBoxBottom a.arrangeBtn:hover {    background-position: bottom !important;}.recruitmentGallery h1.banner-txt {font-size: 30px; color: #fff; text-align: center;}.recruitmentGallery table tbody tr td {padding: 5px 10px;}/* =========================== END RECRUITMENT PAGE ========================== *//* ================== BUSINESS EMAIL PAGE ========================== */.emailBanner {width: 1000px; height: 275px; padding: 40px 0 0 0; background:url("/thesmarterwebcompany-co-uk/_img/newpages/emailBanner.png") ; text-align: center; }.emailBanner h1 {color: #fff ; font-size: 60px; margin-bottom: 10px;}.emailBanner h2 {color: #fff; font-size: 48px;}.emailLeftBox {width: 460px; height: 629px; padding: 20px; background:url("/thesmarterwebcompany-co-uk/_img/newpages/emailBoxLeft.jpg");}.emailLeftBox .emailInnerBox {height: 444px; padding: 10px; color: #fff;}.emailLeftBox .emailInnerBox h1 {color: #fff ; font-size: 29px; margin-bottom: 10px; line-height: 40px;}.emailLeftBox .emailInnerBox ul li {background:url("/thesmarterwebcompany-co-uk/_img/newpages/recruitmentTick.png") no-repeat; padding-left: 40px; height: 40px; line-height: 30px; color: #fff; font-size: 18px; vertical-align: middle; }.emailRightBox {width: 460px; height: 629px; padding: 20px; background:url("/thesmarterwebcompany-co-uk/_img/newpages/emailBoxRight.jpg");}.emailRightBox .emailInnerBox {height: 444px; padding: 10px; color: #fff;}.emailRightBox .emailInnerBox h1 {color: #fff ; font-size: 29px; margin-bottom: 10px; line-height: 40px;}.emailRightBox .emailInnerBox ul li {background:url("/thesmarterwebcompany-co-uk/_img/newpages/recruitmentTick.png") no-repeat; padding-left: 40px; height: 40px; line-height: 30px; color: #fff; font-size: 18px; vertical-align: middle; }.rounded{  background: #07222E;  padding: 20px;  border-radius: 5px;}.emailDemoBox {color: #fff;}.emailDemoBox h1.banner-txt {color: #fff ; font-size: 29px; margin-bottom: 10px; line-height: 40px; text-align: center;}.emailDemoBox a.demoBtn {    background: url("/thesmarterwebcompany-co-uk/_img/newpages/demoBtn.png");    cursor: pointer;    display: block;    height: 41px;    margin: 0px auto;    text-indent: -9999px;    width: 219px;    background-position: top;margin: 20px auto;}.emailDemoBox a.demoBtn:hover {    background-position: bottom !important;}.emailDemoBox table tbody tr td ul li {padding: 0px 10px ;background:url("/thesmarterwebcompany-co-uk/_img/newpages/recruitmentTick.png") no-repeat; padding-left: 40px; height: 40px; line-height: 30px; color: #fff; font-size: 14px; vertical-align: middle; }.emailDemoBox table tbody tr td {vertical-align: top; padding: 0px 5px;}/* LOGO DESIGNS */.client-logos {margin-bottom: 15px;}.price-old{    text-decoration: line-through;}