@charset "utf-8";

/* Reset */
html { overflow-y:scroll; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
body { line-height:1; font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Grande",Calibri, Trebuchet, Arial, sans-serif; color:#fff; font-size:62.5%; letter-spacing:0; background:#100e0b url(../images/bg-page.jpg) no-repeat center top; }
ol, ul { font-size:1.2em; line-height:1.6em; list-style-type:none; text-shadow:0 1px 1px rgba(0, 0, 0, 0.3); }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }

/* Body Styles */
body.home { background:#000 url(../images/bg-home.jpg) no-repeat center top; }

/* Global Styles */
a:link, a:visited { color:#ef5004; text-decoration:none; overflow:hidden; cursor:pointer; outline:none; }
a:hover, a:active, a:focus { color:#ef5004; text-decoration:underline;  }
h1, h2, h3, h4, h5, h6 { font-family:Garamond,"Hoefler Text", Georgia,"Times New Roman",Times, serif; font-weight:normal; text-shadow:0 1px 1px rgba(0, 0, 0, 0.1); }
h1 { color:#999; font-size:3em; }
h2 { padding:1em 0 0.5em 0; color:#999; font-size:2.2em; font-style:italic; }
h3, h4, h5 { color:#ef5004; font-size:1.4em; }
p { font-size:1.2em; line-height:1.6em; text-align:left; text-shadow:0 1px 1px rgba(0, 0, 0, 0.1); text-indent:1.4em; }
p + p { padding-top:1.2em; }
ul p { font-size:1em; text-shadow:0 1px 1px rgba(0, 0, 0, 0.5); }

/* Main Layout */
#wrapped { width:940px; margin:0 auto; padding:0 10px; }
#content { width:940px; padding:40px 0; clear:both; }
#content img.right { margin:-40px 0 20px 20px; }
#content ul { }

/* Main Navigation */
#nav-main { float:left; margin:48px 0 0 -66px; }
#nav-main li { float:left; margin-left:66px; display: inline; }
#nav-main li a { height:12px; display:block; text-indent:-9999px;  }
#nav-main li a.nav-01 { width:45px; background:url(../images/nav-home.gif) 0 0 no-repeat; }
#nav-main li a.nav-02 { width:220px; background:url(../images/nav-search-engine.gif) 0 0 no-repeat; }
#nav-main li a.nav-03 { width:76px; background:url(../images/nav-compare.gif) 0 0 no-repeat; }
#nav-main li a.nav-04 { width:85px; background:url(../images/nav-packages.gif) 0 0 no-repeat; }
#nav-main li a.nav-05 { width:104px; background:url(../images/nav-demo-store.gif) 0 0 no-repeat; }
#nav-main li a.nav-06 { width:79px; background:url(../images/nav-contact.gif) 0 0 no-repeat; }
#nav-main li a:hover.nav-01, #nav-main li a:hover.nav-02, #nav-main li a:hover.nav-03, #nav-main li a:hover.nav-04, #nav-main li a:hover.nav-05, #nav-main li a:hover.nav-06 { background-position:0 -12px; }

/* Home Sections */
#sections-home { width:940px; margin:0 0 40px 0; }
#sections-home li { width:320px; float:left; }
#sections-home li a { margin:150px 0 10px 0; display:block; text-indent:-9999px; }
#sections-home li.left { margin-right:230px; }
#sections-home li.left a { width:320px; height:75px; background:url(../images/button-offtheshelf2.png) 0 0 no-repeat; }
#sections-home li.right a { width:320px; height:75px; background:url(../images/button-fullytailored2.png) 0 0 no-repeat; }
#sections-home li a.link-findoutmore { width:130px; height:25px; background:url(../images/button-findoutmore.png) 0 0 no-repeat; margin:10px 0 0 0; }
#sections-home li.left a.link-findoutmore { float:right; }
#sections-home li.right a.link-findoutmore { float:left; }
#sections-home li p { text-indent:0; }
#sections-home li.left p { text-align:right; }
#sections-home li.right p { text-align:left; }

/* Home Tag Sections */
#sections-tags { margin:0 auto; }
#sections-tags li { width:267px; float:left; margin-left:38px; }
#sections-tags li a { width:267px; height:147px; margin-left:20px; display:block; text-indent:-9999px; }
#sections-tags li.one a { background:url(../images/tag-easytouse.png) 0 0 no-repeat; }
#sections-tags li.two a { background:url(../images/tag-easytomanage.png) 0 0 no-repeat; }
#sections-tags li.three a { background:url(../images/tag-easytobuy.png) 0 0 no-repeat; }
#sections-tags li p  { margin:-20px 0 0 0; text-indent:0; }

/* Sections Upgrades */
#sections-upgrades { width:940px; margin-left:-18px; float:left; }
#sections-upgrades li { width:136px; margin-left:20px; float:left; }
#sections-upgrades li h2 { padding:0 0 0.2em 0; }
#sections-upgrades li h3 { padding:0 0 0.4em 0; }
#sections-upgrades li ul { margin-left:16px; list-style-type:disc; }
#sections-upgrades li ul li { margin:0; font-size:0.8em; line-height:1.6em; }

/* Header */
#headed { width:940px; height:160px; position:relative; }
#headed h2 { padding:0; }
#headed h2.logo a { width:190px; height:50px; display:block; margin-top:30px; display:block; float:left; text-indent:-9999px; }
#headed h2.tagline { width:425px; height:15px; display:block; margin-top:50px; display:block; float:right; text-indent:-9999px; }

/* Footer */
#footer-outer { height:130px; background:#3a3631; color:#fff; clear:both; }
#footer-inner { width:940px; margin:0 auto; padding:20px 10px 0 10px; }
#footer-inner a { color: #fff; text-decoration: none; }
.left-container {  }
.right-container { width:400px; padding-top:10px; float:right; }
.right-container p { padding:0; color:#7c7976; text-align:right; }

/* Home Boxes */
.feature-boxes { margin-top: 10px; }
.small-feature-box { float: left; width: 220px; min-height:155px; background: #33badd url(../images/box-background.gif) no-repeat 0 bottom; margin-right: 20px; }
.small-feature-box a { display: block; float: right; margin:10px; }
.box-header { background: url(../images/box-heading-background.gif) no-repeat; width: 220px; height: 45px; }
.box-who-we-are { float: left; width: 116px; height: 14px; background: url(../images/box-heading-who-we-are.gif) no-repeat; margin: 10px 0 0 10px; }
.box-our-products { float: left; width: 138px; height: 14px; background: url(../images/box-heading-our-products.gif) no-repeat; margin: 10px 0 0 10px; }
.box-latest-news { float: left; width: 115px; height: 14px; background: url(../images/box-heading-latest-news.gif) no-repeat; margin: 10px 0 0 10px; }
.box-enquire-now { float: left; width: 128px; height: 17px; background: url(../images/box-heading-enquire-now.gif) no-repeat; margin: 10px 0 0 10px; }

/* Headings */
h1.styled-header { width:785px; height:33px; text-indent:-9999px; margin:0 0 27px 0; padding:0; }
h2.styled-header { width:340px; height:33px; text-indent:-9999px; margin:0 0 20px 0; padding:0; }
#title-compare { background:url(../images/headers/compare-our-packages.png) 0 0 no-repeat; }
#title-dropshop { background:url(../images/headers/dropshop.png) 0 0 no-repeat; }
#title-contactus { background:url(../images/headers/contact-us-today.png) 0 0 no-repeat; }
#title-eazycommerce { background:url(../images/headers/eazycommerce.png) 0 0 no-repeat; }
#title-eazytrader { background:url(../images/headers/eazytrader.png) 0 0 no-repeat; }
#title-howwork { background:url(../images/headers/how-does-that-work.png) 0 0 no-repeat; }
#title-howmuch { background:url(../images/headers/how-much-do-they-cost.png) 0 0 no-repeat; }
#title-ourpackages { background:url(../images/headers/our-packages.png) 0 0 no-repeat; }
#title-searchengine { background:url(../images/headers/search-engine.png) 0 0 no-repeat; }
#title-upgradepacks { margin-top:20px; background:url(../images/headers/upgrade-packs.png) 0 0 no-repeat; }
#title-whatsdifference { background:url(../images/headers/whats-the-difference.png) 0 0 no-repeat; }
#title-whynot { background:url(../images/headers/why-not-get-in-touch.png) 0 0 no-repeat; }


/* Table Styling */
.styled-table { margin:10px 0 20px 0; font-size:12px; border:1px solid #888; }
.styled-table td, .styled-table th { vertical-align:top; }
.styled-table p { padding:0; }
.styled-table th { color:#ef5004; font-weight:bold; padding:14px; background:#111 url(../images/bg-overlay.png) 0 0 repeat-x; }
.styled-table td { text-align:center; }
.styled-table .wide-column { width:220px; padding:12px; font-weight:bold; text-align:left; }
.styled-table .normal-column { width:130px; font-weight:bold; }
.styled-table tr { background:#111 url(../images/bg-overlay.png) 0 0 repeat-x; }
.styled-table tr.alternate { background:#333 url(../images/bg-overlay.png) 0 0 repeat-x; }
.styled-table .yes { width:22px; height:20px; float:left; margin:7px 0 0 65px; display:block; background:url(../images/tick.png) 0 0 no-repeat; text-indent:-9999px; }

/* Split Layout */
.split-left { width:399px; margin:20px 0; padding:20px 70px 20px 0; float:left; border-right:1px solid #666;  }
.split-left ul { }
.split-left ul li { text-align:right; }
.split-left p { text-align:right; padding:0 0 1em 10px; }
.split-left p span { font-weight:bold; color:#99c44e; } 
.split-left img, .split-right img { margin-bottom:20px; }
.split-left .left { margin-left:40px; }
.split-left .right { margin-right:40px; }
.split-right { width:400px; margin:20px 0; padding:20px 0 20px 70px; float:right; }
.split-left h2 { text-align:right; }

/* Contact Split Layout */
.contact-split-left { width:399px; margin:0 0 20px 0; padding:20px 70px 20px 0; float:left; border-right:1px solid #666;  }
.contact-split-right { width:400px; margin:0 0 20px 0; padding:20px 0 20px 70px; float:right; }
.contact-split-right h2 { width:188px; height:50px; margin:0 0 10px 0; padding:0; background:url(../images/logo.gif) 0 0 no-repeat; text-indent:-9999px; } 
.contact-split-right p { text-align:left; text-indent:0; }

/* Breadcrumb */
#breadcrumb { margin-bottom:15px; }
#breadcrumb li { padding:0 2px 0 0; display:inline; font-size:11px; } 
#breadcrumb li a { font-size:11px; }
#breadcrumb .bullet { width:4px; height:7px; margin-left:1px; background:url(../images/bullet.gif) 0 0 no-repeat; display:inline-block; }

/* Forms */
.form-top { width:730px; height:10px; margin-top:20px; display:block; background:url(../images/bg-form-top.png) 0 top no-repeat; }
.form-divider { width:730px; height:40px; display:block; background:url(../images/bg-form-divider.png) 0 0 no-repeat; }
.form-bottom { width:730px; height:10px; display:block; background:url(../images/bg-form-bottom.png) 0 top no-repeat; }
.styled-form, .styled-form2 { }
.styled-form fieldset, .content-block { width:690px; padding:10px 20px 0 20px; background:#cfd5e6 url(../images/bg-form.png) 0 0 repeat-y; }
.styled-form2 fieldset { width:690px; padding:10px 10px 0 10px; }
.styled-form p, .styled-form2, .content-block p { padding:0 0 1em 0; font-size:11px; color:#111; }
.styled-form input, .styled-form2 input { width:400px; height:15px; margin:0 0 20px 0; outline:none; overflow:hidden; padding:4px; border:1px solid #999; background:#fff url("../images/input-repeater.gif") repeat-x scroll left top; }
.styled-form select, .styled-form2 select { width:410px; height:25px; margin:0 0 20px 0; padding:4px; border:1px solid #999; background:url("../images/input-repeater.gif") repeat-x scroll left top; }
.styled-form option, .styled-form2 option { height:20px; background-color:#fff; }
.styled-form textarea, .styled-form2 textarea { width:400px; margin:0 0 20px 0; padding:4px; border:1px solid #999; background:#fff url("../images/input-repeater.gif") repeat-x scroll left top; }
.styled-form label, .styled-form2 label { width:400px; display:block; margin:0 0 5px 0; font-size:12px; color:#111; font-weight:bold; text-shadow:0 1px 1px rgba(0, 0, 0, 0.1); }
#ck_1, #ck_2, #ck_3, #ck_4 { width:10px; }
.styled-form span, .styled-form2 span { margin:0 265px 0 0; float:right; font-weight:bold; }

/* Contact Form */
.message {color:#fff; display:none; width:400px; margin:0 0 10px 0; }
.message b { font-size:1.2em; color:#ef5004; }
#contact-form { padding-top:10px; text-align:right; }
#contact-form ul { width:390px; }
#contact-form li { margin-bottom:10px; }
#contact-form li.special { display:none; }
#contact-form input, #contact-form textarea { width:290px; background:#fff url(../images/input-repeater.gif) repeat-x scroll left top; border:1px solid #999999; color:#333333; }
#contact-form input { height:30px; }
#contact-form textarea { }
#contact-form label { color:#ef5004; margin-right:10px; padding-top:6px; float:left; font-weight:bold; font-size:14px; text-shadow:0 1px 1px rgba(0, 0, 0, 0.1); }
#contact-form li.submitbutton input { width:292px; }
#contact-form p { text-align:right; color:#999; }

/* Float and Clear Classes */
.left { float:left; }
.right { float:right; }
.clear-right { padding-top:40px; clear:right; float:right; }
.cleared { clear:both; height:1px; font-size:1px; overflow:hidden; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }  /* for IE/Mac */

/* Miscellaneous Classes */
.rule { width:960px; height:5px; display:block; background:url(../images/rule.gif) 0 0 no-repeat; margin:0 0 10px 0; }
.margin-left { margin-left:20px; }
.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; }
.boxout { width:570px; margin:20px 0 10px 0; padding:10px; border:4px solid #51834c; background-color:#c6dbaf; font-size:12px; }
.caption { width:300px; font-size:10px; color:#777; margin:0 0 20px 20px; padding-top:0; text-align:right; }
p.pullquote { background:url(../images/pullquote.gif) 0 0 no-repeat; font-family:Georgia, "Garamond", serif; font-size:1.6em; font-style:italic; font-weight:normal; line-height:1.5em; margin:20px 10px 0 0; min-height:30px; padding:10px 0 0 40px; }
p.pullquote-author { font-size:1em; padding-top:0; margin:5px 10px 10px 100px; text-align:left; text-indent:-1.3em; }
img.no-border { border:none; }
.strip { width:100%; height:140px; position:absolute; left:0; top:511px; z-index:-1; background:url(../images/strip.jpg) 0 0 repeat-x; }
.strip2 { width:100%; height:140px; position:absolute; left:0; top:269px; z-index:-1; background:url(../images/strip.jpg) 0 0 repeat-x; }
.strip3 { width:100%; height:140px; position:absolute; left:0; top:261px; z-index:-1; background:url(../images/strip.jpg) 0 0 repeat-x; }
.uploadify-button { margin:0 0 5px 0; }

/* Buttons */
#contact-form a.button-styler, #contact-form input.button-styler { height:30px; margin:10px 0 0 98px; padding:0; border:0; overflow:hidden; outline:none; cursor:pointer; display:block; text-indent:-9999px; }
#contact-form a:hover.button-styler, #contact-form  input:hover.button-styler { background-position:0 -30px; }
#contact-form a:active.button-styler, #contact-form  input:active.button-styler { background-position:0 -60px; }
#contact-form a.button-submit, #contact-form  input.button-submit { width:120px; background:url(../images/button-submit.jpg) 0 0 no-repeat; }