@import url('reset.css');
body { background:#d0d3d5; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:11px; }
.wrapper { width:1000px; text-align:left; margin:0 auto; }
.clear { clear:both; display:block; }
.float-right { float:right; }
.float-left { float:left; }

.header { background:url(../sideart/header.jpg) top left no-repeat; height:93px; margin:10px 0 5px 0; clear:both; }
.header h1 a { float:left; background:url(../sideart/logo.jpg) top left no-repeat; width:177px; height:75px; text-indent:-1000em; margin:8px 14px 0 20px; }
.header .topnav { margin:1px 0 0 0; }
.header .topnav li { float:left; background:url(../sideart/topnav-li.jpg) top right no-repeat; font-size:12px; font-weight:bold; height:57px; line-height:57px; padding:0 1px 0 0; }
.header .topnav li a { color:#fff; text-decoration:none; text-transform:uppercase; display:block; height:57px; padding:0 6px 0 7px; }
.header .topnav li.active a, .header .topnav li a:hover { background:#0F0F0F url(../sideart/topnav-selected.jpg) top center no-repeat; }
/*.header .topnav li a:hover { text-decoration:underline; }*/
.header .subnav { float:left; font-size:12px; margin:7px 0 0 0; }
.header .subnav li { float:left; padding:0; border-right:1px solid #fff; }
.header .subnav li a { padding:5px 10px; color:#fff; text-decoration:none; float:left; display:block; }
/*.header .subnav li a:hover { text-decoration:underline; }*/
.header .subnav li.active a { padding:5px 10px; font-weight:bold; background: url(../sideart/subnav-selected.jpg) top center no-repeat; }

.leftnav { width:210px; float:left; background:url(../sideart/left-sidebar-repeat.jpg) top left repeat-y; margin:6px 0 0 0; }
.leftnav .inner { background:url(../sideart/left-sidebar-top.png) 0 0 no-repeat; padding:0 20px 0 0; float:left; }
.leftnav .t1 { background:url(../sideart/leftnav-bottom.jpg) 7px 100% no-repeat; padding:22px 0 21px 24px; float:left; width:188px; }
.leftnav ul li { font-size:12px; font-weight:bold; background:url(../sideart/leftnav-li.jpg) top left repeat-x #EFEFEF; border-top:1px solid #e9eae9; border-bottom:1px solid #555; border-right:1px solid #828282; line-height:15px; width:168px; }
.leftnav ul li a { color:#000; text-decoration:none; padding:9px 9px 9px 15px; display:block; }
/*.leftnav ul li a:hover { text-decoration:underline; }*/
.leftnav ul ul { display:none; }
.leftnav ul li.active a { background: url(../sideart/left-sidebar-arrow.jpg) left center no-repeat; }
.leftnav ul li:hover { background:#6E9BF6 url(../sideart/leftnav-li-active.jpg) top left repeat-x; }
.leftnav ul li:hover a { color:#fff; }
.leftnav ul li.active ul { padding:0; display:block; }
.leftnav ul li.active ul li { background:transparent; border:0; color:#fff; margin:3px 8px 8px 30px; list-style:outside circle; }
.leftnav ul li.active ul li a { background:transparent !important; padding:0; display:block; }

.content { background:url(../sideart/center-top.jpg) top left no-repeat; float:left; width:789px; padding:16px 0 0px 0; line-height:15px; }
.content .inner { background:url(../sideart/center-repeat.jpg) top left repeat-y; padding:5px 43px; float:left; width:703px; }
.content .bottom { display:block; background:url(../sideart/center-bottom.jpg) bottom left no-repeat; height:21px;  float:left; width:789px;}
.content-wide { background: url(../sideart/wide-top.jpg) top left no-repeat; width:998px;}
.content-wide .inner { background:url(../sideart/wide-middle.jpg) top left repeat-y; padding:5px 28px; width:942px; }
.content-wide .bottom { display:block; background:url(../sideart/wide-top.jpg) bottom left no-repeat; height:21px; width:998px;  }
.content h1, .content h2, .content h3, .content h4, .content h5 { margin:10px 0; }
.content h1 { font-size:1.6em; color:#707070; }
.content h2 { font-size:1.4em; color:#707070; }
.content h3 { font-size:1.3em; color:#707070; }
.content h4 { font-size:1.2em; color:#707070; }
.content h5 { font-size:1.1em; color:#707070; }
.content p { margin:15px 0 20px 0; }
.content pre { background:#f9f9f9; border:1px solid #f0f0f0; padding:5px 10px; }
.content blockquote { display: block; background: url(../sideart/quote-start.png) 0 5px no-repeat; padding: 0px 20px 0 38px; margin: 20px 0; line-height: 150%; width: auto; color: #666; border: 0; }
.content blockquote p { padding: 0 38px 0 0; margin-top: 0; background: url(../sideart/quote-end.png) 100% 100% no-repeat; }
.content blockquote.simple { display: block; background: none; padding: 0px 20px 0 38px; margin: 20px 0; line-height: 150%; width: auto; border: 0; color:#000 }
.content blockquote.simple p { padding: 0 38px 0 0; margin-top: 0; background: none }
.content ul { margin:0 0 0 10px; padding:0 0 0 15px; list-style:disc; }
.content ol { margin:0 0 0 10px; padding:0 0 0 15px; list-style:decimal; }
.content ul li, .content ol li { margin:2px 0; }
.content ul ul, .content ol ol, .content ol ul, .content ul ol { list-style:lower-alpha; }
.content hr { border:0; border-top:1px solid #aaa; height:4px; margin:10px 0; clear:both; }

form { font : 12px Arial, sans-serif; margin : 0 0; padding :0; line-height:15px; }
fieldset { padding : 5px 20px; margin : 0 0 10px 0; background : #fff; border : 5px solid #ececec; }
* html fieldset { position : relative; margin : 10px 0 30px 0; padding : 20px 0; }
* html legend { position : absolute; top : -1.2em; left : 0; }
fieldset legend { font : normal 1.5em Helvetica, sans-serif; padding : 10px 5px; text-transform : uppercase; background : #fff; }
form label {padding : 0 10px 0 0; margin : 6px 0 0; text-align : right; font-weight:bold; cursor:pointer; }
form dfn { margin : 0 10px; }
form input, form textarea { width : auto; margin : 5px 0 0 0; }
form input#reset { margin-left : 0; }
form input[type="text"], form select, form textarea { border:1px solid #9da6c2; font-family:Arial; padding:3px 2px; }
form input[type="button"], form input[type="submit"], form input[type="reset"] { cursor:pointer; }
form input[type="text"]:focus, form select:focus, form textarea:focus { border:1px solid #d5c78f; }
textarea { overflow : auto; }
form small {  font-size : 88%; }
form .required { font-weight : bold; }
form br { clear : left; }

.three-col { clear:both; }
.three-col .col, .three-col li { width:30%; padding:0 1.3%; float:left; }
.three-col li { width:28%; padding:0 5% 0 0; }
.two-col li, .two-col div { width:42%; float:left; padding:0 8% 0 0; }
.two-col-pad li, .two-col div { width:40%; float:left; padding:0 10% 0 0; }

a { color:#4066B1; }
a:hover { color:#000; }
.align-center { text-align:center; }
img.align-center { text-align:center; display:block; margin:0 auto; }
img.align-right { margin:0 0 8px 8px; float:right; }
img.align-left { margin:0 8px 8px 0px; float:left; }
.large { font-size:1.2em; }
.medium { font-size:13px; }
.small { font-size:.8em; }
.underline { text-decoration:underline; }
.lightblue { color:#2F99CE; }
.maroon { color:#983132; }

.bottombar { background:url(../sideart/bottom-bar-full.jpg) top left no-repeat; height:71px; clear:both; width:996px; font-size:11px; }
.bottombar ul { width:986px; float:left; padding:7px 0 0 18px; }
.bottombar ul li { float:left; height:56px; background:url(../sideart/bottombar-separator.gif) 100% 53% no-repeat; padding:0 1px 0 0; width:120px; }
.bottombar ul li a { color:#626363; text-decoration:none; height:56px; line-height:56px; display:block; }
.bottombar ul li a:hover, .bottombar ul li.active a { text-decoration:underline; color:#000; }
.bottombar ul li.register { width:157px; }
.bottombar ul li.register a { background: url(../sideart/bottombar-login.jpg) bottom right no-repeat; margin:0 12px 0 0; }
.bottombar ul li.print { width:152px; padding:0 4px 0 8px;  }
.bottombar ul li.print a { background: url(../sideart/header_print.jpg) bottom right no-repeat; margin:0 6px 0 0; }
.bottombar ul li.viewdemo { width:163px; padding:0 4px 0 0px; }
.bottombar ul li.viewdemo a { background:url(../sideart/bottombar-viewdemo.jpg) bottom right no-repeat; }

.bottombar ul li.contactus { margin:0 0 0 14px; width:160px; }
.bottombar ul li.contactus a { background:url(../sideart/bottombar-contactus.jpg) 85% 100% no-repeat; }
.bottombar ul li.support { width:118px; padding:0 8px 0 0; }
.bottombar ul li.support a { background:url(../sideart/bottombar-support.jpg) top right no-repeat; margin:0 0 0 15px; }
.bottombar ul li.ourblog { width:137px; padding:0 10px 0 0; }
.bottombar ul li.ourblog a { background: url(../sideart/bottombar-ourblog.jpg) center right no-repeat; margin:0 0 0 15px; }
.bottombar ul li.managecampaigns { width:212px; padding:0 10px 0 0; }
.bottombar ul li.managecampaigns a { background: url(../sideart/bottombar-manage.jpg) center right no-repeat; margin:0 0 0 0px; }
.bottombar ul li.voice { width:230px; padding:0 10px 0 0; }
.bottombar ul li.voice a { background: url(../sideart/bottombar-voice.jpg) center right no-repeat; margin:0 0 0 10px; }
.bottombar ul li.signage { width:176px; padding:0 10px 0 0; }
.bottombar ul li.signage a { background: url(../sideart/bottombar-signage.jpg) center right no-repeat; margin:0 0 0 10px; }
.bottombar ul li.mobilecoupons { width:140px; padding:0 10px 0 0; }
.bottombar ul li.mobilecoupons a { background: url(../sideart/bottombar-mobilecoupons.jpg) center right no-repeat; margin:0 0 0 10px; }
.bottombar ul li.askexpert { width:155px; padding:0 10px 0 0; }
.bottombar ul li.askexpert a { background: url(../sideart/bottombar-askexpert.jpg) center right no-repeat; margin:0 0 0 10px; }
.bottombar ul li.follow {  width:160px; }
.bottombar ul li.follow span.follow-icons { margin:12px 0 0 0; display:block; width:auto;}
.bottombar ul li.follow span.follow-icons a { margin:0 8px 0 0; float:left; width:auto !important;}
.bottombar ul li.follow { padding:0 0 0 14px; }
.bottombar ul li span.follow-link {color:#626363; text-decoration:none; height:56px; line-height:56px; display:block;width:auto; float:left; margin:0 8px 0 0; }

.footer { margin:8px 0 10px 0; text-align:center; font-size:10px; }
.footer ul { text-align:center; }
.footer ul li { color:#6F7980; display:inline; border-right:1px solid #6F7980; padding:0 6px 0 5px; }
.footer ul li a { color:#6F7980; text-decoration:none; }
.footer ul li a:hover, .footer ul li.active a { text-decoration:underline; }

/* Home Page Specific Styles */
/*.home-center { background:url(../sideart/homepage-center.jpg) top left no-repeat; height:297px; margin:4px 0 0 0; }*/
.home-center h2 { text-indent:-1000em; }
.home-center h2 a { display:block; height:297px; }
.bottomboxes { clear:both; width:1000px; float:left; line-height:17px; color:#717A80; font-size:1.1em; }
.bottomboxes .box { background:url(../sideart/bottombox-bg.jpg) center top no-repeat; height:209px; float:left; width:219px; padding:16px 13px 10px 13px; }
.bottomboxes .first { background-position:-4px 0; width:218px; padding-left:19px; }
.bottomboxes .last { background-position:100% 0; padding-right:19px; width:222px; }
.bottomboxes .box h3 { color:#707070; font-style:italic; font-size:16px; letter-spacing:-.03em; font-weight:bold; margin:0 0 7px 0; }