/*

This stylesheet is divided into sections for maintainability. Either add CSS rules
to an existing section if an appropriate one exists, or create a new section.

PLEASE DO NOT BUTCHER THIS DOCUMENT!!

GENERAL STYLES
==============
Base styles     - default styles that apply to everything (eg: line height, color)
Document        - styles that alter the layout of the rendered document (eg: header, footer)
Navigation      - primary & index navigation styles
Text styles     - default paragraph, heading and list styles (NO specializations)
The toolbar     - styles for toolbar widgets
Column layouts  - column positioning
Page banner     - styles for the common banner across all pages
Form styles     - layout rules for feedback & signup forms

SPECIFIC STYLES
===============
Homepage banner - styles for the banner on the homepage
Testimonial template - testimonial banner styles (homepage)
Collapsible boxes - for boxes with 'more' links
Content boxes   - styles for boxes of content that float in sections (formerly .orangeBox)
Case study styles - styles for individual case study pages & case study lists
Modal dialog boxes - styles for generic modal dialog box & derivatives

*/

/** Base styles **/
*
{
    font-family: Tahoma, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
		line-height: 1.3em;
		color: #333;
}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a img { border: none; }

ol
{
	margin: 0 0 1ex 2em;
}
ol li
{
	margin: 0 0 1ex;
}

/** Document **/

body
{
	background: #ccc;
	font-family: tahoma, helvetica, sans-serif;
	font-size: .875em;
	line-height: 1.56em;
	text-align: center;
}

#wrapper
{
	text-align: left;
	width: 946px;
	margin: 21px auto;
}

#main
{
	background: #fff url(/Content/Images/Chrome/bg-main.gif) repeat-y;
	margin: 0 0 14px;
}
/* fixes a weird bug in IE - the background keeps flowing on unlike */
:first-child+html #main {	border-bottom: 1px solid transparent; }
* html #main { border-bottom: 1px solid transparent; }

.main-outer
{
	background: transparent url(/Content/Images/Chrome/bg-bottom.gif) no-repeat bottom left;
}

.main-inner
{
	background: transparent url(/Content/Images/Chrome/bg-top.gif) no-repeat top left;
	padding: 10px 24px 25px 25px;
}

#header
{
	margin: 0 0 18px;
	font-size: .97em;
}
#header h1
{
	float: left;
	margin: 18px 0 0;
}
#header a:hover
{
	text-decoration: underline;
}

#logo
{
	background: transparent url(/Content/Images/Chrome/aptimize.gif) no-repeat;
	display:block;
	width: 186px;
	height: 48px;
	text-indent: -9999px;
	outline: none;
}

#footer
{
	margin: 0 3px;
	color: #000;
	font-size: .95em;
	background: transparent url(/Content/Images/Chrome/footer.gif) repeat-x;
	min-height: 146px;_height: 146px;
}
#footer .wrapper
{
	background: transparent url(/Content/Images/Chrome/footer-top.gif) no-repeat;
	padding: 9px 20px;
}
#footer ul
{
	list-style: none;
	margin: 0 0 0 36px;
	width: 164px;
	float: left;
}
#footer ul li
{
	background: transparent url(/Content/Images/Chrome/divider.gif) repeat-x top;
	margin: 0;
	padding: 4px 0;
	font-size: 1.2em;
	font-weight: bold;
}
#footer ul ul
{
	float: none;
	background: none;
	margin: 4px 0 0;
	height: auto;
}
#footer ul ul li
{
	background: none;
	font-size: .75em;
	font-weight: normal;
	padding: 0 0 3px;
}

#footer a
{
	color: #222;
	text-decoration: none;
}
#footer ul li li a
{
	color: #333;
}
#footer a:hover
{
	text-decoration: underline;
}
#footer a.selected
{
	text-decoration: underline;
}
#footer .end div
{
	background: transparent url(/Content/Images/Chrome/divider.gif) repeat-x bottom ;
	width: 164px;
	margin: 0 0 0 36px;
	height: 1px;
	float: left;
}
#footer .footrow
{
	margin: 0 0 0 24px;
}
/** Navigation **/

#nav
{
	background: #bbb url(/Content/Images/Chrome/menu.gif) repeat-x;
	margin: 0 0 10px;
}
#nav li * { cursor: pointer; }

#nav .wrapper
{
	background: transparent url(/Content/Images/Chrome/menu-left.gif) no-repeat top left;
}
#nav ul
{
	background: transparent url(/Content/Images/Chrome/menu-right.gif) no-repeat top right;
	min-height: 37px; _height: 37px;
	list-style: none;
	padding: 0 8px;
}
#nav li
{
	float: left;
}
#nav li span a
{
	color: #333;
	outline: none;
	font-size: 1.15em;
	padding: 7px 16px 0;
	display: block;
	text-decoration: none;
	height: 30px;
	background: transparent url(/Content/Images/Chrome/menu-divider.gif) no-repeat top right;
	text-shadow: .7pt .7pt #ddd;
}
#nav li a span, #nav li.active a span
{
	background: none;
}
#nav li .home span
{
	display: block;
	width: 23px;
	height: 19px;
	margin: 2px 0 0;
	background: transparent url(/Content/Images/Icons/home.gif) no-repeat;
	text-indent: -9999px;
}
#nav li.active .home span
{
	background: transparent url(/Content/Images/Icons/home-active.gif) no-repeat;
}

#nav  li.active
{
	background: #464645 url(/Content/Images/Chrome/menu-active.gif) repeat-x;
}
#nav  li.active span
{
	display: block;
	background: transparent url(/Content/Images/Chrome/menu-left-active.gif) no-repeat top left;
	color: #fff;
}
#nav  li.active a
{
	background: transparent url(/Content/Images/Chrome/menu-right-active.gif) no-repeat top right;
	color: #fff;
	text-shadow: .7pt .7pt #444;
}

/* IE fixes for broken nav... */
* html #nav li { width: .1%; }
* html #nav span { height: 30px; cursor: pointer; }
* html #nav li { height: 37px; }
* html #nav li span a { height: 35px !important; }


/* those rad buttons on the rhs */
#nav .how-to-buy, #nav .free-trial
{
	float: right;
	padding: 3px 3px 0 0;
}
#nav .how-to-buy a, #nav .free-trial a
{
	text-indent: -9999px;
	outline: none;
	display: block;
}
#nav .how-to-buy a
{
	width: 111px;
	height: 31px;
	background: url(/Content/Images/Buttons/how-to-buy-nav.gif);
}

#nav .free-trial a
{
	width: 103px;
	height: 31px;
	background: url(/Content/Images/Buttons/free-trial-nav.gif);
}

#sec-nav, #contact-menu
{
	float: right;
	font-size: .83em;
}
#sec-nav
{
	height: 40px;
}
#sec-nav ul
{
	list-style: none;
}
#sec-nav li
{
	float: left;
	margin: 0 0 0 23px;
}
#sec-nav a
{
	color: #666;
	text-decoration: none;
}
#contact-menu
{
	clear: right;
	list-style: none;
	width: 500px;
}
#contact-menu li
{
	float: right;
	margin: 0 0 0 16px;
	padding: 0 0 4px 18px;
}
#contact-menu a
{
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
#contact-menu span
{
	color: #f26322;
}
#contact-menu .chat
{
	background: transparent url(/Content/Images/Icons/live-chat.gif) no-repeat 0 3px;
}
#contact-menu .email
{
	background: transparent url(/Content/Images/Icons/email.gif) no-repeat 0 2px;
}
#contact-menu .phone
{
	background: transparent url(/Content/Images/Icons/phone.gif) no-repeat 0 0px;
}

/** Text styles **/

h1,h2,h3,h4,h5,h6,p
{
	margin: 0 0 .6em;
}
h1,h2,h3,h4,h5,h6
{
	color: #000;
}

h1
{
	font-size: 1.72em;
}

h2
{
	font-size: 1.4em;
}

h3
{
	font-size: 1.25em;
}

.error
{
	color: #f00;
}

.small-heading
{
	font-size: 0.9em;
	font-weight:bold;
	color:#666666;
}

.site-content *
{
	line-height: 1.5em;
}
.site-content ul
{
	list-style: none;
	margin: 0 0 0 1em;
}

.site-content ul li
{
	background: transparent url(/Content/Images/Site/bullet.gif) no-repeat 0 6px;
	padding: 0 0 0 14px;
	margin: 0 0 1em;
}
* html .site-content h3 {	clear: both; }
.site-content ul.ticked-list li
{
	padding: 0 0 0 22px;
	background: transparent url(/Content/Images/Site/tick.gif) no-repeat 0 3px;
}
.freeText li strong
{
	display: block;
}
.site-content a
{
	color: #f26322;
	text-decoration: none;
}
.site-content .subMenu a
{
	color: #333;
}
.site-content a:hover
{
	text-decoration: underline;
}
.site-content .leading *
{
	font-size: 1.25em;
	color: #555;
}

/** Homepage banner **/
#banner
{
	width: 895px;
	height: 9px;
	position: relative;
	padding: 294px 0 0;
}
/* IE6 strips padding on relatively positioned elements */
* html #banner { height: 303px; padding: 0; }

#banner h1, #banner h2
{
	margin: 0;
	text-indent: -9999px;
}
#banner a
{
	text-indent: -9999px;
	display: block;
	outline: none;
}
.banner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 294px;
	width: 874px;
	padding: 0 0 0 21px;
}
/* broken box model fix (padding + width = ieWidth) */
* html .banner { width: 895px; overflow: hidden; }

#banner .banner-arrow
{
	height: 9px;
	position: relative;
}
* html #banner .banner-arrow
{
	top: 294px;
}
#banner #banner-arrow
{
	position: absolute;
	width: 18px;
	height: 9px;
}
.banner-arrow .green
{
	background: transparent url(/Content/Images/Banner/green-arrow.gif) no-repeat;
}

.banner-arrow .orange0 { background: transparent url(/Content/Images/Banner/orange0.gif) no-repeat; }
.banner-arrow .orange1 { background: transparent url(/Content/Images/Banner/orange1.gif) no-repeat; }
.banner-arrow .orange2 { background: transparent url(/Content/Images/Banner/orange2.gif) no-repeat; }
.banner-arrow .orange3 { background: transparent url(/Content/Images/Banner/orange3.gif) no-repeat; }
.banner-arrow .orange4 { background: transparent url(/Content/Images/Banner/orange4.gif) no-repeat; }
.banner-arrow .orange5 { background: transparent url(/Content/Images/Banner/orange5.gif) no-repeat; }
.banner-arrow .yellow0 { background: transparent url(/Content/Images/Banner/yellow0.gif) no-repeat; }

/* Double your website speed */
#banner .double-speed
{
	background: transparent url(/Content/Images/Banner/double-your-website-speed.jpg) no-repeat;
}
#banner .double-speed h1 { height: 177px; }
#banner .double-speed h2 { height: 62px; }
#banner .double-speed .how-it-works 
{
	background: transparent url(/Content/Images/Banner/how-it-works-main.gif) no-repeat;
	width: 137px;
	height: 39px;
	margin: 0 7px 0 0;
	float: left;
}
#banner .double-speed .buy-it-now 
{
	background: transparent url(/Content/Images/Banner/buy-it-now-main.gif) no-repeat;
	width: 122px;
	height: 39px;
	float: left;
}

/* #1 trusted solution for speeding up sharepoint */
#banner .trusted-solution
{
	background: transparent url(/Content/Images/Banner/no1-trusted-solution.jpg) no-repeat;
}
#banner .trusted-solution h1 { height: 177px; }
#banner .trusted-solution h2 { height: 62px; }
#banner .trusted-solution .how-it-works 
{
	background: transparent url(/Content/Images/Banner/how-it-works.gif) no-repeat;
	width: 137px;
	height: 39px;
	margin: 0 7px 0 0;
	float: left;
}
#banner .trusted-solution .how-to-buy 
{
	background: transparent url(/Content/Images/Banner/how-to-buy.gif) no-repeat;
	width: 122px;
	height: 39px;
	float: left;
}

/* Who's using Aptimize? */
#banner .whos-using-aptimize
{
	background: transparent url(/Content/Images/Banner/whos-using-aptimize.jpg) no-repeat;
	padding: 20px 0 0 38px;
}

#banner .whos-using-aptimize h1 { height: 80px; }

#banner .cust-list
{
	width: 815px;
}
#banner .cust-list a
{
	text-indent: 0;
}
#banner .cust-list img
{
	margin-right: 16px;
}
#banner .cust-list table
{
	width: 815px;
}
#banner .cust-list td
{
	vertical-align: middle;
	text-align: center;
}

/* Aptimize is now a part of Riverbed */
#banner .aptimize-riverbed
{
	background: transparent url(/Content/Images/Banner/aptimize-is-part-of-riverbed.jpg) no-repeat;
}
#banner .aptimize-riverbed h1 { height: 177px; }
#banner .aptimize-riverbed h2 { height: 50px; }
#banner .aptimize-riverbed .read-press-release
{
	background: transparent url(/Content/Images/Banner/read-the-press-release.gif) no-repeat;
	width: 196px;
	height: 45px;
	margin: 6px 7px 0 0;
	float: left;
}

/** Testimonial template **/
#banner .testimonial
{
	background: transparent url(/Content/Images/Banner/orange-bg.jpg) no-repeat;
}
#banner .testimonial h1, #banner .testimonial h2
{
	height: auto;
	width: auto;
	text-indent: 0;
	color: #fff;
	line-height: 1.2em;
}
#banner .testimonial h1
{
	font-size: 2.4em;
	margin-bottom: 14px;
}
#banner .testimonial h2
{
	margin-bottom: 8px;
	font-size: 1.3em;
}
#banner .testimonial img
{
	float: left;
}
#banner .testimonial-body
{
	float: right;
	width: 250px;
	height:230px;
	_height:266px;
	padding: 28px 9px 0 18px;
}
#banner .testimonial-body img
{
	float: right;
	margin: 1em 12px 0 0;
}
#banner .testimonial a
{
	text-indent: 0;
	float: right;
	clear: right;
	width: 210px;
	text-align: right;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	margin: 0 22px 0 0;
	padding: 0 24px 0 0;
	font-size: 1.1em;
	background: transparent url(/Content/Images/Banner/link-arrow.gif) no-repeat right 2px;
	height: 24px;
}
/* IE6 fixes for link */
* html #banner .testimonial-body { width: 266px; }
* html #banner .testimonial a { margin-right: 11px; text-align: right; }

/* Banner nav */
#banner-buttons
{
	width: 895px;
}
#banner-buttons ul 
{
	list-style: none;
}
#banner-buttons #b2
{
	float: right;
}
#banner-buttons li
{
	float: left;
	cursor: pointer;
	padding: 2px;
}
#banner-buttons li.active
{
	background: transparent url(/Content/Images/Banner/drop-shadow.gif) no-repeat;
}
#banner-buttons li.caption
{
	color: #666;
	width: 100px;
	font-size: 1em;
	padding: 6px 0 0;
}
#banner-buttons #b2 li.caption
{
	text-align: right;
	width: 100px;
	padding-right: 8px;
}
#banner-buttons #b1 li
{
	margin: 0 6px 0 0;
}
#banner-buttons #b2 li
{
	margin: 0 0 0 4px;
}

#banner .screenshot
{
	margin: 0 42px;
}

/** The toolbar **/
#toolbar
{
	min-height: 112px;_height: 112px;
	margin: 0 0 16px;
	background: transparent url(/Content/Images/Toolbar/toolbar-bg.gif) repeat-y;
}
* html #toolbar
{
	margin-bottom: 24px;
}
#toolbar .tb
{
	float: left;
	min-height: 112px;_height: 112px;
	font-size: .82em;
}
#toolbar .box1
{
	width: 258px;_width: 278px;
	margin: 0 11px 0 21px;
}
* html #toolbar .box1 { margin-left: 11px;_margin-left: 0px; }
#toolbar .box2
{
	width: 295px;
	margin: 0 11px 0 24px;
}
#toolbar .box3
{
	width: 282px;
	margin: 0 18px 0 20px;
}
#toolbar h2
{
	color: #000;
	font-size: 1.65em;
	margin: 0 0 .5em;
}
#twitter-header a
{
	text-decoration: none;
	margin-bottom: 0px; 
	padding-left: 10px;
	_padding-left: 20px;
	padding-bottom: 5px;
}
#twitter-header a:hover
{
	text-decoration: underline;
}
#toolbar .twitter
{
	padding: 0px 10px 3px 60px;
	margin-left: -20px;
	margin-right: 4px;
	background: transparent url('/Content/Images/Toolbar/twitter_bg.gif') no-repeat;
	background-position: 0px 20px;_background-position: 10px 20px;
	min-height: 110px;_height: 110px;
}
div #twitter-body
{
	background: transparent url('/Content/Images/Toolbar/twitter_bubble_mid.gif') repeat-y;
	margin: 6px 0 6px 10px;
	min-height: 40px;_height: 40px;
	z-index: 1000;
    
} 
div #twitter-edge
{
	position: relative;
	float: left;
	margin-top: 25px;
	background: transparent url('/Content/Images/Toolbar/twitter_edge.gif') no-repeat;
	background-position: 12px 0px;
	width: 24px;
	min-height: 15px;_height: 15px;
	z-index: 3000;
	
	/* ie6, ie7 hacks for good measure */
	margin-left: -12px;_margin-left: 0px;
	margin-right: -2px;_margin-right: -5px;
	_padding-right: 0px;
}
#twitter-top
{
	background-image: url('/Content/Images/Toolbar/twitter_top.gif');
	background-repeat: no-repeat;
	background-position: -11px top;
}
#twitter-bottom
{	
	background-image: url('/Content/Images/Toolbar/twitter_bottom.gif');
	background-repeat: no-repeat;
	background-position: -11px bottom;
}
#twitter-text
{
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 6px 7px 8px 8px;
	min-height: 40px;_height: 40px;
	/* Wrap URLs - taken from perishablepress.com/press/2010/06/01/wrapping-content/ */
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
}
#twitter-text a
{
	color: #f60;
	text-decoration: none;
}
#twitter-text a:hover
{
	text-decoration: underline;
}
#toolbar .aptimize-explained
{
	cursor: pointer;
	padding: 0 0 0 139px;
	background: transparent url(/Content/Images/Toolbar/youtube-armand.jpg) no-repeat;
	min-height: 105px;_height: 105px;
}
.speed-test
{
	background: #f60 url(/Content/Images/Toolbar/test-it-bg.gif) no-repeat;
	width: 289px;
	padding: 8px 12px 8px 20px;
	margin: -4px -14px;
	height: 120px;
}
* html .speed-test
{
	position: absolute;
	width: 319px;
	margin: -8px 0 0 -14px;
	padding-bottom: 12px;
}

.speed-test form .row
{
	padding-left: 50px;
}
* html .speed-test form .row, * html #toolbar .speed-test h2
{
	margin-bottom: 2px;
}
.speed-test form .text
{
	width: 215px;
	border: 0;
	padding: 4px;
	font-size: .95em;
	color: #333;
}
* html .speed-test form .text
{
	width: 223px;
	height: 2.2em;
}
.speed-test .test-it
{
	float: right;
	margin:0 11px 0 0;
}
.speed-test .row
{
	margin: 0 0 4px;
}
#toolbar .speed-test h2
{
	color: #fff;
}
#toolbar .speed-test label
{
	color: #000;
}

/** Column layouts **/
.site-content-main
{
	background: transparent url(/Content/Images/Site/sitecontent-border.gif) repeat-y -460px top;
}

.site-content-main.rightnav 
{
	background:url("/Content/Images/Site/sitecontent-border.gif") repeat-y scroll 0px top transparent;
}

.site-content .column
{
	float: left;
}
.site-content .primary
{
	width: 661px;
	padding: 0 0 0 16px;
}

.site-content.rightnav .primary {
	padding:0;
}

.site-content .secnav
{
	width: 208px;
	margin: 0 10px 0 0;
}

.site-content.rightnav .secnav
{
	margin:0 0 0 26px;
}

.secnav h3
{
	font-size: 1.6em;
	color: #666;
	margin: 0 0 4px;
}
.site-content .secnav ul
{
	margin: 0 0 1em;
}
.site-content .secnav li
{
	background: none;
	padding: 0;
	margin: 0;
}
.site-content .secnav li .toplevel
{
	background: #f3f4f3;
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	padding: 0;
	width: 206px;
	margin: 0 0 4px;
	font-weight: bold;
}
.site-content .secnav li.current .toplevel
{
	background: #f88726;
	border-left: 1px solid #dbab94;
	border-right: 1px solid #dbab94;
}
.site-content .secnav li .toplevel span
{
	display: block;
	margin: -1px;
	background: url(/Content/Images/Chrome/lhnav-top.gif) no-repeat top left;
}
:first-child+html .site-content .secnav li .toplevel span { zoom: 1; }
* html .site-content .secnav li .toplevel span { zoom: 1; }

.site-content .secnav li.current .toplevel span
{
	background: url(/Content/Images/Chrome/lhnav-top-active.gif) no-repeat top left;
}
.site-content .secnav li .toplevel label
{
	display: block;
	background: url(/Content/Images/Chrome/lhnav-bottom.gif) no-repeat bottom left;
	padding: 7px 10px 8px;
}
.site-content .secnav li.current .toplevel label, .site-content .secnav li.current .toplevel a{ color: #fff; }
.site-content .secnav li label { color: #f26322; }
.site-content .secnav li a { color: #333; }


.site-content .secnav li.current .toplevel label
{
	background: url(/Content/Images/Chrome/lhnav-bottom-active.gif) no-repeat bottom left;
}

.site-content .secnav li li
{
	width: auto;
	padding-left: 12px;
	font-size: .9em;
}
.site-content .secnav li li.current  a { color: #F26322; }
.site-content .secnav li li li
{
	font-size: inherit;
	padding-left: 9px;

}
                                 
.site-content .main
{
	width: 436px;
	padding: 0 12px 0 0;
}
.site-content .alt
{
	width: 436px;
	margin: 0 0 0 8px;
}
* html .site-content .main { padding: 0; }
* html .site-content .alt { float: right; width: 444px; margin: 0; overflow: hidden; }

/** Collapsible boxes & FAQ **/
.box
{
	margin: 0 0 1em;
	clear:both;
}
.box p
{
	margin: 0 0 1.1em;
}
.box .expandable
{
	max-height:2.9em;
	overflow:hidden;
}
.box h3
{
	background: #ddd;
	font-weight: normal;
	padding: 4px 2px;
	font-size: 1.2em;
	color: #333;
	height: 24px;
	margin: 0 0 .5em;
}
.box h3 span.heading
{
	float: left;
}
.box h3 span.more
{
	float: right;
	padding: 2px 12px 0 0;
	font-size: .8em;
	text-decoration: underline;
	cursor: pointer;
}
* html .box h3 span.more
{
	display: none;
}
.box img
{
	float: left;
	margin-right: 5px;
}
.box .withImage
{
	float: right;
	width: 360px;
	margin: 0 12px 0 0;
}
.back-to-top
{
	margin: 0 0 1.5em;
	display: block;
	text-align: right;
}
.standalone-text
{
	padding: 6px 12px;
}

#content .content-box .standalone-text h3
{
	background: transparent;
	color: #333;
	font-weight: normal;
	padding: 0;
	font-size: 1.2em;
}
.faqList a
{
	color: #000;
}

/** Page banner **/
#page-banner
{
	background: transparent url(/Content/Images/Banner/banner-bg.jpg) no-repeat;
	height: 200px;
	margin: 0 0 12px;
	padding: 12px 24px;
}

#content .minimal
{
	height: 47px;
	margin: 0 0 12px;
	padding: 12px 24px;
}
#content .minimal, #content .freeText h3, #content .content-box h3, .reseller-apply-now
{
	background: transparent url(/Content/Images/Banner/banner-bg-thin.jpg) no-repeat;
}
#content .minimal h1
{
	margin: 0;
}

#content .casestudy-banner
{
	padding: 0;
	height: 224px;
	background: transparent url(/Content/Images/CaseStudy/casestudy-bg.jpg) no-repeat 0 0 !important;
}

#page-banner h1, #page-banner p
{
	color: #fff;
}

#page-banner h1
{
	font-size: 2.5em;
}

#page-banner p
{
	color: #fff;
}

/** Form styles **/
form .row
{
	position: relative;
	margin: 0 0 .75em;
}

textarea
{
	border: 1px solid #ccc;
	padding: 7px 3px;
	font-size: 1em;
}

#speedtest label
{
	position: absolute;
	left: 0;
	top: 3px;
	font-weight: bold;
}
#speedtest form .row
{
	position: relative;
	padding: 0 0 0 100px;
}
* html #speedtest label
{
	margin-left: -50px;
}
.styled-form textarea
{
	height:160px;
	width:580px;
}

.styled-form label
{
	display: block;
	margin: 0 0 4px;
	font-size: 1.3em;
}
.styled-form h3
{
	font-size: 1.2em;
	color: #f26322;
	margin: 1em 0 0;
}
.styled-form h3.question
{
	margin: 1em 0;
}
.styled-form .group
{
	margin: 0 0 1em;
}
.styled-form input.text, .styled-form .row select
{
	border:1px solid #CCCCCC;
	font-size:1.1em;
	padding:3px;
	width: 280px;
}
* html .styled-form input.text, * html .styled-form .row select
{
	height: 2.2em;
}
.styled-form .row select
{
	padding: 3px;
}
.styled-form .row div, .styled-form .check div
{
	float: left;
	width: 300px;
}
.styled-form .row label
{
}
.styled-form .yessage
{
	color: #000;
	font-weight: normal;
	padding-left: 1ex;
}
.styled-form .yessage *
{
	float: none;
	display: inline;
}
.styled-form .row .long, .styled-form .row .long .text
{
	width: 580px;
}
.styled-form .row .short, .styled-form .row .short .text
{
	width: 300px;
}

.field-validation-error
{
	color: #f00;
	display: block;
}

.styled-form .buttons
{
	width: 580px;
	text-align: right;
}

* html .styled-form .buttons
{
	width: 588px;
	padding: 0 16px 0 0;
}

.styled-form .buttons input
{
	margin-right: -14px; /* drop-shadow compensation */
}
.styled-form .check div
{
	width: 250px;
}
.styled-form .check input
{
	margin: 1ex .5ex 0 4px;
}
.styled-form .check div *
{
	float: left;
}
.manditory
{
	color: #f00;
}
.styled-form .manditory
{
	font-size: .8em;
}

/** Modal dialog boxes **/

#dialog-wrapper
{
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1500;
	text-align: center;
}

.dialog
{
	text-align: left;
	width: 473px;
	height: 302px;
	margin: 140px auto 0;
	background: transparent url(/Content/Images/Dialog/dialog-bg.gif) no-repeat;
}
.dialog-header, .dialog-content
{
	padding: 0 14px;
}
.dialog-header
{
	height: 25px;
	font-size: 1.1em;
	color: #444;
	padding: 3px 0 0 14px;
}
.dialog-header .title
{
	float: left;
}
.dialog-header .close
{
	float: right;
	width: 18px;
	height: 18px;
	margin: 0 7px 0 0;
	cursor: pointer;
}

/** Content boxes **/

.content-box, .casestudy
{
	background: #ebebeb;
	margin: 0 0 1em;
	color: #333;
}
#content .freeText h3, #content .content-box h3, .reseller-apply-now
{
	background-position: center right;
	padding: 2px 12px;
	color: #fff;
	font-weight: bold;
	margin: 0 0 .3em;
	font-size: 1.45em;
}

.casestudy
{
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
	padding:9px 11px;
}

.casestudy img
{
	float: left;
}

.casestudy div
{
	float: right;
	width: 290px;
}

/** Case study styles **/
.casestudy-hero 
{
	padding: 91px 0 0 32px;
	position: relative;
	width: 646px;
	height: 133px;
	float: left;
	margin: 0 8px 0 0;
}
* html .casestudy-hero
{
	width: 678px;
}
.casestudy-banner
{
	background-position: 218px !important;
}
.casestudy-banner .title
{
	position: absolute;
	top: 19px;
	left: 32px;
	z-index: 2;
}

.casestudy-banner .background
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.casestudy-hero span 
{
	font-weight:bold;
	display: block;
	font-size: 1.25em;
	color: #000;
	width: 330px;
	margin: 0 0 1em;
	position: relative;
	z-index: 2;
}

.casestudy-banner span.blurb
{
	color: #fff;
}

.casestudy-banner .casestudy-list
{
	float: left;
	width: 200px;
}
.site-content .casestudy-list
{
	margin: 0 0 1em;
}

.casestudy-list img
{
	float:left;
	margin:0 10px 0 0;
}
.casestudy-list p
{
	float: left;
	width: 148px;
	margin: 4px 0 0;
}
.casestudy-list span
{
	color: #464645;
	display: block;
}
.casestudy-list span.heading
{
	color: #f06622;
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	height: 50px;
}
.casestudy-list a 
{
	text-decoration:none !important;
	outline: none;
}
.main-inner ul.casestudy-list li
{
	background: transparent url(/Content/Images/CaseStudy/casestudy-li-bg.gif) no-repeat;
	margin: 0 0 8px;
	width: 208px;
	padding: 0;
}

ul.casestudy-list li *
{
	cursor: pointer;
}

.casestudy-quote
{
	float: left;
	width: 250px;
	margin: 0 20px 10px 0;
}
.quote-alt
{
	float: right;
	margin: 0 0 10px 20px;
}
.casestudy-quote div.quote-body
{
	background: #dedede url(/Content/Images/CaseStudy/quote-bg.gif) no-repeat bottom left;
	padding: 5px 20px 20px 10px;
}
.casestudy-quote .quote-body p
{
	line-height: 1.8em;
	text-align: center;
}
.casestudy-quote .quote-author
{
	padding: 0 0 0 46px;
	text-align: left;
	font-size: .8em;
}
.casestudy-quote .quote-author strong
{
	font-size: 1.25em;
}
.case
{
	text-decoration: none;
}
.customer-logo 
{
	margin: 12px 12px 20px;
}
.casestudylisting
{
	margin-bottom: 1em;
}

/** casestudy-summary - the r/h column case study summary **/

.casestudy-summary
{
	border: 1px solid #ccc;
	background: #efefef;
	padding: 8px 8px 4px;
}

.casestudy-summary dt, .casestudy-summary dd
{
	display: inline;
}

.casestudy-summary dt
{
	clear: both;
	font-weight: bold;
	padding-right: .5ex;
}

dt.casestudy-image
{
	display: block;
	text-align: center;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff;
	padding: 10px 0;
	margin: 0 0 10px;
}
.casestudy-summary .opts
{
	display: block;
}
.casestudy-summary .divider
{
	display: block;
	margin: 0;
	padding: 0;
	height: 1ex;
}
.casestudy-summary .email
{
	display: block;
	text-indent: -9999px;
	width: 93px;
	height: 35px;
	outline: none;
	background: url(/Content/Images/Buttons/email.gif);
	margin: 0 0 10px -4px; /* drop-shadow compensation */
}

/** Buzz page **/
.they-use-aptimize
{
	text-align: center;
	font-size: 1.45em;
}

/** How it works **/
ul.how-it-works
{
	list-style: none;
}
ul.how-it-works li
{
	float: left;
	width: 190px;
	height: 130px;
	font-size: 1.2em;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	border-left: 1px dashed #fff;
}
ul.how-it-works li.first
{
	border: none;
	padding: 0;
	margin: 0;
}
ul.how-it-works span
{
	float: left;
	width: 34px;
	height: 46px;
	padding: 4px 0 0 16px;
	background: #f40;
	color: #fff;
	font-weight: bold;
	font-size: 2.0em;
	margin: 0 20px 15px 0;
}
* html ul.how-it-works span { width: 50px; height: 50px; }
ul.how-it-works p
{
	clear: both;
}
.awesomebox
{
	background: transparent;
}
#content .awesomebox h3
{
	margin-top: 1em;
	color: #000;
	font-weight: normal;
	background: #ddd;
	font-size: 1.15em;
}

/** Benefits **/
ul.benefits
{
	list-style: none;
	padding: 12px 0 0;
}
ul.benefits li
{
	color: #fff;
	float: left;
	width: 170px;
	height: 80px;
	font-size: 1.3em;
	padding: 0 10px 0 0;
}
* html ul.benefits li { height: 90px; }

ul.benefits .plus
{
	padding-left: 45px;
	background: transparent url(/Upload/bannericons/plus.gif) no-repeat left center;
}
* html ul.benefits .plus { width: 215px; }
ul.benefits .last
{
	width: 140px;
}
* html ul.benefits .last { width: 200px; }
ul.benefits .equals
{
	padding-left: 55px;
	padding-right: 0;
	background: transparent url(/Upload/bannericons/equals.gif) no-repeat left center;
	font-size: 1.6em;
}
* html ul.benefits .equals { width: 225px; }

ul.benefits .equals span
{
	display: block;
	color: #fff;
	font-size: 1.7em;
	font-weight: bold;
	margin-top: -8px;
}

/** Buzz page **/
.quote
{
	margin-bottom: 2em;
}
.quote .text
{
	background: #dedede url(/Content/Images/CaseStudy/quote-bg.gif) no-repeat bottom left;
	padding: 20px 20px 45px;
}

.quote img
{
	float: right;
}
.quote span
{
	display: block;
	padding: 0 0 0 60px;
}
.quote .person
{
	font-weight: bold;
}
.quote .position
{
	color: #666;
	font-style: italic;
}

/** FAQ's **/
.faq-heading
{
	background: #ddd;
	font-weight: normal;
	padding: 4px 2px;
	font-size: 1.2em;
	color: #333;
	height: 24px;
	margin: 0 0 .5em;
}
.team
{
	margin: 2em 0 0;
}
.team h3, .member
{
	border-bottom: 1px dashed #ccc;
}
.member
{
	padding-bottom: 1.5ex;
	margin-bottom: 1.5ex;
}
.member img
{
	float: left;
}
.member p
{
	float: right;
	width: 114px;
}
.member p span { display: block; }

/** How to buy **/
.buy-methods
{
	margin: 0 0 1em;
	font-size: 1.3em;
	background: transparent url(/Content/Images/Site/buynow-bg.gif) repeat-y;
}
.buy-method
{
	width: 287px;
	float: left;
	margin-left: 15px;
}
.buy-methods .hero
{
	margin-left: 0;
}
.buy-method h2
{
	text-align:center;
	background: #216089;
	color: #fff;
	margin: 0;
	padding: 8px 0;
}
.buy-methods .hero h2
{
	background: #ff6d06;
}
.buy-method div
{
	padding: 1em;
}
.buy-method p
{
	margin: 0;
}
.buy-methods a
{
	display: block;
	width: 225px;
	height: 40px;
	padding: 8px 0 0;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 14px 30px;
	outline: none;
}
.buy-methods .buy-method a
{
	background: transparent url(/Content/Images/Buttons/blue-button.gif);
}
.buy-methods .hero a
{
	background: transparent url(/Content/Images/Buttons/orange-button.gif);
}

/** Blog **/
.post
{
	padding: 0 0 0 85px;
	position: relative;
	margin: 0 0 2.5em;
}
.post h2
{
	font-size: 2.2em;
}
.post h2 a
{
	text-decoration: none;
	color: #000;
}
.post ol
{
	margin: 0 0 1.5em 2em;
}
.post-date
{
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(/Content/Images/Blog/blog-date.gif) no-repeat;
	width: 75px;
	height: 59px;
}
* html .post-date
{
	margin-left: -85px;
}
.post-date span
{
	text-align: center;
	display: block;
	width: 75px;
	height: 22px;
	font-size: 1.2em;
	font-weight: bold;
	padding: 4px 0 0;
}
.post-date .post-day
{
	color: #e46f36;
}
.post-date .post-month
{
	color: #fff;
}
.rsslinks
{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 4px 8px;
	background: #dedede;
	height: 24px;
	margin: 0 0 1em;
}
.rsslinks a
{
	height: 24px;
	float: left;
}
.rsslinks .rss
{
	background: transparent url(/Content/Images/Blog/rss-icon.gif) no-repeat;
	padding: 2px 0 0 28px;
}
.rsslinks .email
{
	background: transparent url(/Content/Images/Blog/email-icon.gif) no-repeat;
	padding: 2px 0 0 28px;
	margin: 0 0 0 16px;
}
.site-content .subMenu
{
	border-top: 1px solid #ccc;
	margin: 0 0 1em;
}
.site-content .subMenu li
{
	margin: 0;
	padding: 0;
	background: none;
}
.site-content .subMenu a
{
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 0;
	background: none;
	padding: 6px 0 6px 24px;
	margin: 0;
	text-decoration: none;
}
.site-content .subMenu a:hover
{
	background: #efefef;
}
.site-content .subMenu a.current
{
	background: #dedede url(/Content/Images/Blog/selected.gif) no-repeat 2px 6px;
}
* html .site-content .subMenu *
{
	zoom: 1;
}

/** Twitter link **/
#twitter
{
	float: right;
	position: absolute;
	right: 0;
	top: 200px;
	width: 32px;
	height: 134px;
	position:fixed;
	text-indent: -9999px;
	display: block;
	outline: none;
	background: transparent url(/Content/Images/Buttons/follow-us.gif) no-repeat;
}
#twitter a
{
	float:right;
	width: 32px;
	height: 134px;
	cursor:pointer;
	outline: none !important;
}

/** Support **/
.support
{
	margin-bottom: 2em;
}
.support-image
{
	display: block;
	width: 135px;
	height: 100px;
	float: left;
}
.support-image img
{
	border: 2px solid #ccc;
}
.support .support-body
{
	float: left;
	width: 400px;
}
.support-links
{
	clear: both;
	background: #dedede;
	padding: 4px;
}
.support .support-links a
{
	padding-left: 18px;
	line-height: 20px;
	background: url(/Content/Images/Site/play.gif) no-repeat 2px 2px;
}

.support-body a
{
	color: #000;
}	

.support-links .pager-prev { float: left; }
.support-links .pager-next { float: right; }
.videoview
{
	margin: 0 0 20px;
	text-align: center;
}

/** Website speed test **/
* html .speedmodule h2
{
	padding-bottom: .5em;
}
form.wstest .row
{
	height: 4.5em;
}
form.wstest input.text, form.wstest .buttons
{
	width: 320px;
}
* html form.wstest .buttons { width: 382px; }

form.wstest .buttons, form.wstest .error
{
	padding: 0 0 0 60px;
	font-weight: bold;
	color: #ff4;
	font-size: 1.2em;
}
form.wstest input.text
{
	font-size: 1.5em;
	height: 1.5em;
}
* html form.wstest input.text
{
	height: 2em;
}
* html form.wstest .buttons input
{
	margin: 0;
	position: relative;
	right: -5px;
}

.speedmodule
{
	background: transparent url(/Content/Images/Site/website-test-bg.jpg) no-repeat;
	padding: 8px 24px;
	margin: -4px;
	height: 255px;
}
* html .speedmodule
{
	position: absolute;
	padding: 8px 40px 24px 24px;
} 
.speedmodule h2
{
	color: #fff;
	font-size: 1.8em;
}
* html .speedmodule h2
{
	margin-bottom: 2px;
}
.speedmodule label, .speedmodule .text
{
	float: left;
}
.speedmodule label
{
	color: #000;
	width: 60px;
}

/** Am I optimized checker (borrows form formatting from .speedmodule) **/
* html .mybrowsermodule h2
{
	padding-bottom: .5em;
}
.mybrowsermodule
{
	background: transparent url(/Content/Images/Site/my-browser-bg.jpg) no-repeat;
	padding: 8px 24px;
	margin: -4px;
	height: 184;
}
* html .mybrowsermodule
{
	position: absolute;
	padding: 8px 40px 24px 24px;
} 
.mybrowsermodule h2
{
	color: #fff;
	font-size: 1.8em;
}
* html .mybrowsermodule h2
{
	margin-bottom: 2px;
}
.mybrowsermodule label, .mybrowsermodule .text
{
	float: left;
}
.mybrowsermodule label
{
	color: #000;
	width: 60px;
}
.mybrowserstats
{
	padding: 20px 0 0 16px;
}

/** pay invoice **/

table.confirm-order h4 
{
	margin:2px;
}

table.confirm-order tr td
{
	padding:4px;
	border-top: solid 1px #ddd;
}

table.confirm-order tr.total td
{
	padding-top:10px;
	text-align:right;
	background-color:#eee;
}

form.confirm-order .GoPayPal
{
	background-color:#fbfbfb;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	margin-top:10px;
	padding:10px;
	width:590px;
}
form.confirm-order p 
{
	padding-top:5px;
}

form.confirm-order .GoPayPal input
{
	float:right;
}


/** periodicals */
.periodical-list
{
	border: 1px solid #ccc;
	padding: 8px 14px;
	color: #000;
}
.periodical-list h2
{
	border-bottom: 1px solid #ccc;
}
.periodical-list ul
{
	margin:0;
	font-size: .9em;
}

.site-content .periodical-list li
{
	padding:0 0 6px;
	margin:0 0 9px;
	background-image:none;
	border-bottom: 1px dotted #ccc;
}
.periodical-list li.last
{
	border-bottom: none;
	margin: 0;
}

.periodical-list li h3
{
	margin: 0;
	font-size: 1.1em;
}

/** About Us (keeping .box in front for oldschool style before we revamp) **/
.box .profile
{
	float: left;
	width: 311px;
	font-size: .9em;
}
.box .profile-alt
{
	margin-left: 33px;
}
* html .box .profile-alt
{
	width: 310px;
}
.box .profile h4
{
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	height: 97px;
	position: relative;
	text-indent: -9999px;
	background: transparent no-repeat 0 2px;
}
.box .profile h4 span
{
	position: absolute;
	top: 67px;
	left: 0;
	font-weight: normal;
	text-indent: 0;
}
.box .ed-robinson h4 { background-image: url(/Upload/Images/profile-headings/edrob.gif); }
.box .derek-watson h4 { background-image: url(/Upload/Images/profile-headings/dewat.gif); }

.box-oldschool img
{
	float: left;
	margin-right: 5px;
}

/** Media center styles **/
.dl-list
{
	padding: 4px 8px 0;
	font-size: .9em;
}
.site-content .dl-list dl
{
	float: left;
	width: 230px;
	margin: 0 0 1em;
}
.dl-list dl.alt
{
	margin-left: 20px;
	width: 170px;
}

.site-content .dl-list-full dl
{
	width: 400px;
}

.dl-list dt, .dl-list dd
{
	float: left;
	padding-bottom: 8px;
}
.dl-list dt
{
	width: 90px;
	clear: left;
}
.dl-list dl.alt dt
{
	width: 60px;
}
.dl-list dd
{
	font-weight: bold;
	width: 140px;
}

.dl-list-full dd
{
	width: 280px;
}
.dl-list dl.alt dd
{
	width: 110px;
}

.site-content .resource-list, .site-content .video-list
{
	margin: 0 0 1em;
}
.site-content .resource-list li
{
	padding-left: 40px;
	min-height: 42px;_height: 42px;
	background: transparent no-repeat 0 5px;
	margin: 0 0 2px;
}
.resource-list li.pdf { background-image: url(/Upload/icons/pdf.gif); }
.resource-list li.zip { background-image: url(/Upload/icons/zip.gif); }
.resource-list a
{
	color: #000000;
	text-decoration: none;
}
.resource-list span
{
	display: block;
	font-size: .8em;
}
.site-content .video-list
{
	padding-top: 4px;
}
.site-content .video-list li
{
	padding: 0;
	margin: 0 0 1em;
	background: none;
}
.site-content .video-list img
{
	border: 2px solid #ccc;
	float: left;
}
.site-content .video-list div
{
	float: left;
	margin: 0 0 0 9px;
	width: 290px;
}
.site-content .video-list p
{
	font-size: .85em;
	line-height: 1.2em;
}
.site-content .video-list h4, .site-content .video-list p
{
	margin: 0 0 3px;
}
.site-content .video-list a
{
	font-weight: bold;
}
.media-enquiries
{
	background: transparent url(/Content/Images/Banner/media-enquiries.jpg) no-repeat;
	width: 419px;
	height: 79px;
	padding: 7px 0 0 17px;
	position: relative;
	margin: 0 0 17px;
}
.media-enquiries h2
{
	margin: 0;
	color: #ee6322;
}
.media-enquiries p
{
	font-weight: bold;
	width: 240px;
	color: #000;
}
.media-enquiries a
{
	position: absolute;
	top: 50px;
	left: 294px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 122px;
	height: 23px;
}

/** Reseller styles **/
.reseller-banner
{
	font-size: .8em;
	background: transparent url(/Content/Images/Banner/reseller-bg.jpg) no-repeat;
	position: relative;
	padding: 20px 17px 0;
	margin: 0 0 13px;
	height: 66px;
}
.reseller-sharepoint /* reseller hero */
{
	background-image: url(/Content/Images/Banner/reseller-hero-bg.jpg);
	padding: 8px 17px 0;
	height: 164px;
}
* html .reseller-sharepoint
{
	height: 172px;
}
.reseller-banner h2
{
	font-size: 1.5em;
}
.reseller-banner h2 em
{
	color: #878787;
	display: block;
	font-size: 1.15em;
	font-style: normal;
	line-height: 1.2em;
}
.reseller-sharepoint h2 em
{
	color: #f26322;
}
.reseller-banner p
{
	width: 250px;
}
p.more, div.more
{
	display: none;
}
a.more
{
	padding-right: 8px;
	margin: .25em 8px 0 0;
	background: transparent url(/Content/Images/Site/more.gif) no-repeat right center;
	float: right;
}
:first-child+html a.more { margin-top: -1em; }
* html a.more { margin-top: -1em; }
.reseller-banner .logo
{
	position: absolute;
	top: 10px;
	left: 285px;
	width: 140px;
	text-align: center;
	padding: 48px 0 0;
	background: transparent no-repeat top center;
}
.reseller-banner .logo a
{
	color: #888;
	font-weight: bold;
}
.reseller-sharepoint .logo
{
	text-indent: -9999px;
	background-image: url(/Content/Images/Icons/sharepoint-2010.gif);
	height: 45px;
	top: 40px;
	padding: 0;
}
.reseller-windows .logo
{
	background-image: url(/Content/Images/Icons/windows.gif);
}
.reseller-linux .logo
{
	background-image: url(/Content/Images/Icons/linux.gif);
}
.reseller-apply-now
{
	position: absolute;
	left: 0;
	top: 125px;
	width: 403px;
	height: 31px;
	padding: 2px 15px 0 18px;
	font-size: 1.4em;
	line-height:1.8em;
}
* html .reseller-apply-now
{
	width: 436px;
}
.reseller-apply-now a
{
	position: absolute;
	width: 128px;
	height: 27px;
	top: 2px;
	right: 15px;
	padding: 3px 0 0;
	text-align: center;
	color: #fff;
	background: transparent url(/Content/Images/Buttons/reseller-apply-now.gif) no-repeat;
	font-size: .9em;
}

.contact-support
{
	background: transparent url(/Content/Images/banner/contact-us.jpg) no-repeat;
	width:208px;
	height:86px;
}	

.contact-support a {
	color:#FFFFFF;
	font-weight:bold;
	height:23px;
	left:64px;
	position:relative;
	text-align:center;
	top:50px;
	width:122px;
}