/* ----- HEADER ----- */

.center { text-align: center !important; }

h3.close {
 margin-bottom: 0px;
}

p.bullet-arrow {
 background: transparent url(../templateimages/arrow1.png) no-repeat 0px 1px;
 padding-left: 18px;
}

p.bullet-cross {
 background: transparent url(../templateimages/cross_small.png) no-repeat 0px 0px;
 padding-left: 18px;
}

p.bullet-tick {
 background: transparent url(../templateimages/tick.png) no-repeat 0px 0px;
 padding-left: 22px;
}

p.bullet-money {
 background: transparent url(../templateimages/coins.png) no-repeat 0px 0px;
 padding-left: 22px;
}

p.bullet-star {
 background: transparent url(../templateimages/star.png) no-repeat 0px 0px;
 padding-left: 22px;
}

p.bullet-more-pad {
 background: transparent url(../templateimages/add.png) no-repeat 0px 10px;
 padding-left: 22px;
 padding-top: 10px;
}

p.indent { 
 padding-left: 22px;
}

body#admin #adminWrap, body#admin #dashboard {
	background: none;
}
#case .shadowHeader, #case .shadowHeader .shadowMidLeft, #primaryNavs {
	background-color:#f8c71b;
}
.navheader {
 background: url(../templateimages/admin/header-bg.gif) repeat-x right bottom;
}
.navheaderleft {
 background: url(../templateimages/admin/header-bg-left.gif) no-repeat left bottom;
 _background: none;
}


h1 { font: normal 30px/36px Arial, sans-serif; margin: 0 0 18px 0; padding: 0; }
h2 { color: #000; font: normal 30px/36px Arial, sans-serif; margin: 36px 0 18px 0; padding: 0; }
h2.hilite { color: #005eb0; font: normal 24px/30px Arial, sans-serif; margin: 54px 0 9px 0; }
h2.sifr { color: #000; font: normal 30px/1em Arial, sans-serif; margin: 36px 0 18px 0; padding: 0; }
h2.sifr2 { color: #000; font: normal 24px/1em Arial, sans-serif; margin: 36px 0 18px 0; padding: 0; }
h2.icon { padding: 0 0 6px 50px; }
h2.icon em {
 color: #797c80;
 font-size: 20px;
 font-style: normal;
 font-weight: normal;
 line-height: 1;
}
h3 { color: #000; font: normal 18px/27px Arial, sans-serif; margin: 0 0 18px 0; padding: 0; }
h4 { color: #3e434a; font: bold 15px/20px Arial, sans-serif; margin: 27px 0 18px 0; padding: 0; }
h5 { color: #3e434a; font: bold 13px/18px Arial,sans-serif; margin: 0; padding: 0; }

#header {
	width:100%;
	font-size:12px;
	line-height:normal;
	text-align: left;
}

#header h1 {
	color: #fff;
	font: bold 24px arial, helvetica, sans-serif;
	padding: 20px 0 22px 5px;
	line-height: 26px;
	text-shadow: none
}
#header h1.image {
	color: #fff;
	font: bold 24px arial, helvetica, sans-serif;
	padding: 0 0 3px;	
}
#header h1 span, #header h1.image span {
	color: #000;
	font: bold 16px arial, helvetica, sans-serif;
	padding: 0 0 0 10px;
}
#header h1 span a, #header h1.image span a {
 background: url(../templateimages/admin/switch-client.gif) no-repeat right 2px;
 color: #000;
 padding-right: 25px;
}
#header h1 span a:hover, #header h1.image span a:hover {
 background: url(../templateimages/admin/switch-client-on.gif) no-repeat right 2px;
}
#nodd a, #nodd a {
	background: none !important;
}
#nodd a:hover, #nodd a:hover {
	background: none !important;
}
#header h1 a {
	color: #fff;
	text-decoration: none;
}
#sampleColor {
	float: left;
	width: 27px;
	height: 27px;
	background: #009754;
	margin: 3px 10px 10px 0;
}

#content ul {
 margin-left: 20px;
}

/* ----- TABLES ----- */
table.tableHeader th.dash {
 background: url(../templateimages/admin/dash-table-head.gif) repeat-x top left;
 padding: 11px 6px 10px 6px;
 font-size: 12px;
 color: #42424c;
}
table.tableHeader th.dashLeft {
 background: url(../templateimages/admin/dash-head-left.gif) no-repeat top left;
 padding-left: 11px;
}
table.tableHeader th.dashRight {
 background: url(../templateimages/admin/dash-head-right.gif) no-repeat top right;
 padding-right: 11px;
}
table.tableHeader th.dashLeft span { color: #666; }
.bghighlight { background: #f1f1f1; }
h3.sidebar { color: #484e54; }
tr.highlightRow, tr.skinAltRow {
	background-color: #f9fff8;
}


/* ----- LINKS AND FORMS ----- */

a:link, a:visited, a:hover, a:active {
	color: #666;
}
a.manage {
	color: #797979;
	font-size: 11px;
}
table.tableHeader th.sectionTitle span a {
	color: #eaad12;
	text-decoration: underline;
}
.formBG h3, label.h3checkbox, .formBGCSS h3 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}
.formBG label.checkbox {
	color: #204e8e;
}


/* ----- PRIMARY NAVS ----- */

#primaryNavs {
	margin: 0 6px 0 6px;
}
#primaryNavs ul {
	margin:0;
	padding:0 15px 0 0;
	list-style:none;
}
#primaryNavs li {
	display:inline;
	margin:0;
	padding:0;
}
#primaryNavs a {
 float:left;
 background: url(../templateimages/admin/menutabs/left_both.gif) no-repeat left top;
 margin:0;
 padding:0 0 0 12px;
 text-decoration:none;
 font-size: 12px;
 display: inline;
}
#primaryNavs a span {
 float: left;
 display: block;
 background: url(../templateimages/admin/menutabs/right_both.gif) no-repeat right top;
 padding: 8px 12px 8px 0;
 font-weight: bold;
 color: #595959;
 text-shadow: none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#primaryNavs a span {float:none;}
/* End IE5-Mac hack */
#primaryNavs a:hover span {
	color:#fff;
}
#primaryNavs #current a {
	background-image:url("../templateimages/admin/menutabs/left_on.gif");
	border-width:0;
}
#primaryNavs #current a span {
 background-image: url("../templateimages/admin/menutabs/right_on.gif");
 color: #3e3e3e;
 padding-bottom: 8px;
 text-shadow: none;
}
#primaryNavs #currentSub a {
	background-image:url("../templateimages/admin/menutabs/left-sub_on.gif");
	border-width:0;
}
#primaryNavs #currentSub a span {
 background-image: url(../templateimages/admin/menutabs/right-sub_on.gif);
 color: #3e3e3e;
 padding-bottom: 8px;
 text-shadow: none;
}
#primaryNavs a:hover {
	background-position:0% -100px;
}
#primaryNavs a:hover span {
	background-position:100% -100px;
}
#primaryNavs #current a:hover, #primaryNavs #currentSub a:hover {
	background-position: top left;
}
#primaryNavs #current a:hover span, #primaryNavs #currentSub a:hover span {
	background-position: top right;
}

#secondaryNavs ul { margin-right: 5px; }
#secondaryNavs a {
 float: right;
 background: url(../templateimages/admin/menutabs/left_both_white.gif) no-repeat left top;
 margin: 0px;
 padding: 0px 0px 0px 12px;
 text-decoration: none;
}

#secondaryNavs a span {
 float: right;
 display: block;
 background: url("../templateimages/admin/menutabs/right_both_white.gif") no-repeat right top;
 padding: 8px 12px 8px 0px;
 font-weight: bold;
 color: White;
 text-shadow: none;
}

#secondaryNavs a:hover span {
 color: Black;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#secondaryNavs a span {float:none;}
/* End IE5-Mac hack */


/* ----- SUB NAVS ----- */

#subNavs {
	background: #faf8f0;
	margin: -1px -2px 0 -4px;
	_margin: 0 -2px 0 -4px;
	border-bottom: 1px solid #eae7d9;
	padding: 10px 19px 8px 19px;
	font-size: 11px;
	font-weight: bold;
	color: #8e8a79;
}

#subNavs a {
	color: #8e8a79;
	text-decoration: none;
	padding-top: 10px;
	padding-bottom: 9px;
}

#subNavs a.active, #subNavs a:hover { color: #43413a; }

/* ----- CLIENT NAVS ----- */
.clientNavs a span { color: #887942; }
.clientNavs a:hover span, .clientNavs li#clientNavsOn a span { color: #000; }

/* ----- DECORATIVE ----- */
div.segmentDivider span { background: #f8c71b; }

#footer p { text-align: center; }

img.title { float: right; margin-right: 10px;}

ul.padlistt20 { margin-top: 20px; }

ul.indent90 {
 margin: 0px 0px 10px 90px !important; 
}

.icon-list
.icon-list,
.icon-list ul,
.icon-list li { margin: 0; padding: 0; list-style-type: none; position: relative; }

.icon-list li ul { margin-left: 80px !important; }
.icon-list li ul li { list-style: disc; margin-bottom: 5px; }

.icon-list h2 { border-bottom: 1px solid #DDDDDD; margin-bottom: 36px; padding-bottom: 12px !important;}
.icon-list img { left: 0; position: absolute; top: 0; }
.icon-list p { font-size: 13px; line-height: auto; }

.icon-list .gt { margin-top: 27px; }
.icon-list .gr { clear: both; }
.icon-list .gc { margin-bottom: 18px; position: relative; }
.icon-list .gc a { padding: 0px; }
.icon-list .gc h3 { margin-bottom: 9px; margin-top: 0px; }
.icon-list .gc h3,
.icon-list .gc p,
.icon-list .gc ul { margin-left: 63px; }
.icon-list .gr-2 .gc,
.icon-list .gr-3 .gc,
.icon-list .gr-4 .gc { float: left; margin-right: 2%; }
.icon-list .gr-2 .gc h3,
.icon-list .gr-3 .gc h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; }
.icon-list .gr-2 .gc p,
.icon-list .gr-3 .gc p { font-size: 12px; }
.icon-list .gr-2 .gc { width: 48%; }
.icon-list .gr-3 .gc { width: 31.3%; }
.icon-list .gr-4 .gc { width: 23%; }

.icon-list .gc h3 a { color: #000000; }

h2.sifr2 {
 color: #000000;
 font: normal 24px/1em Arial, sans-serif;
 margin: 36px 0px 18px 0px;
 padding: 0px;
}

.section{ margin: 27px 0px; position: relative; }
.section h3{ line-height: 24px; font-weight: normal; margin-top: 0; }


.figure{ margin-bottom: 18px; }
.figure-a{ float: left; margin-right: 27px; }
.figure-a-breakout{ margin-left: -44px; }
.figure-a-1,.figure-c-1{ position: absolute; }
.figure-a-1{ top: 0; left: 0; }
.figure-c-1{ top: 0; right: 0; }
.figure-c{ float: right; margin-left: 27px; }

#content .copy { display: inline; float: left; width: 600px; }
#content .sub-copy { float: right; width: 280px; }
#content .sub-copy-home { float: right; width: 240px; background: White; padding-bottom: 20px;}
#sub-content { float: left; width: 222px; }

.haslayout { overflow: hidden; height: 100%; }

#pricing { text-align: center; }
#pricing p { text-align: left; }
#tryit { text-align: center; }

.features { margin: 0px 0px 0px -20px; padding: 0px; width: 600px; list-style: none; }
.features li { float: left; margin: 0px 0px 27px 10px; width: 290px; display: inline; text-align: left }
.features a { margin-bottom: 3px; display: block; }

.leader { margin-bottom: 24px; color: #7B8188; font: 18px/27px Arial,serif; }
.leader p { font: 18px/27px Arial,serif; }

#homefacts { 
 overflow: hidden;
 text-align: center;
 margin: 0px auto 20px auto; 
}

#homefacts table { margin: 0px 20px 0px 20px; }
#homefacts td { text-align: left; font-size: 13px; vertical-align: top; width: 49.9%;}

#homemain { margin: 0px 30px 0px 26px; border-top: 1px solid #E1E1E1; padding-top: 20px;}
#homemain .icon-list .gc h3 { margin-bottom: 9px; margin-top: -12px !important; }
#homemain .icon-list .gc h3 a { color: #2173AF; text-decoration: none; }
#homemain .icon-list .gc h3 a:hover { text-decoration: underline; }

.logo {
 float: right;
 margin: 10px 0px 10px 10px; 
 border: none;
}

#leftcol-inner {
 background: White;
 border: 1px solid #F4F4F4;
 padding: 4px;
 border-radius: 8px;
 -moz-border-radius: 8px; 
 -webkit-border-radius: 8px;  
}

table.shots { width: 100%; }
table.shots td { vertical-align: top; }
table.shots td.screenshot { width: 220px; }
table.shots td.spacer { width: 17px; }
table.shots td.shotcontent { width: 100%; }
table.shots h3 { margin-bottom: 4px; }

#gallery { margin: 20px 0px 10px 30px; }
#gallery h3 { margin-bottom: 0px; margin-left: 6px; }
#gallery p { margin-bottom: 30px; margin-left: 6px; }

.highlight { background: #FEFF75; }

table#doublecol { margin: 0px 10px 10px 50px; }
table#doublecol td { vertical-align: top; font-size: 12px;}

h3.aligned { margin-bottom: 0px; }
h3.aligned img { vertical-align: middle; padding-right: 10px; }

table#email-testing td {
 vertical-align: top;
}

.vbox2 {
 margin-bottom: 18px;
 padding: 0 13px 13px 13px;
 width: 189px;
 background: #fff url('http://i3.campaignmonitor.com/themes/site_themes/default/img/bg_vbox-btm.png') no-repeat left bottom;
}
.vbox2 h3 {
 margin: 0 -13px 18px -13px;
 padding: 7px 13px;
 background: #3a99eb url('http://i3.campaignmonitor.com/themes/site_themes/default/img/bg_vbox2-top.png') no-repeat 0 0;
 color: #fff;
 font: bold 13px/18px Arial;
 text-shadow: -1px -1px 0 #3293d6;
}

.smalltick { margin: 0px 0px 10px 6px !important; padding: 0; list-style: none; }
.smalltick li {
 margin-bottom: 5px;
 padding-left: 20px;
 background: url(../templateimages/tick.png) no-repeat 0 0;
}

form#subscribe {
 border: 1px solid silver;
 padding: 10px 0px;
 margin-bottom: 10px;
 background: White;
 color: Black;
 border-radius: 4px;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
}

form#subscribe input[type="text"] { width: 250px; }

form#subscribe div.text { padding-bottom: 4px; }

form#subscribe label.field {
 width: 120px;
 float: left; 
 text-align: right;
 padding-right: 10px;
 line-height: 26px;
 vertical-align: middle;
}

form#subscribe label.error { float: none; color: red; padding-left: .5em; vertical-align: middle; }
form#subscribe p { clear: both; }
form#subscribe .submit { margin-left: 12em; }

#footer {
 margin: 10px 0px 0px 0px;
 padding: 0px;
}

#sample-templates {
 margin: 0px 0px 0px 82px;
}

#column1-50 { 
 width: 49%;
 float: left;
}

#column2-50 { 
 width: 49%;
 float: right; 
}

/* Monthly Price Plan Table */
table.monthly_price_plans { margin-bottom: 20px; width: 100%; }

table.monthly_price_plans td {
 border: 1px solid #E2E2E2;
 border-bottom: none;
 font-size: 14px;
 font-weight: bold;
 color: #466EAB;
 text-align: center;
 padding: 10px 15px;
 border-right: none;
 border-left: none;
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#F0F0F0));
}
table.monthly_price_plans td { padding: 0px 5px; font-size: 14px; background: #FFFFFF;}

table.monthly_price_plans tr.monthly_table_monthly_cost td { font-size: 19px; padding: 10px 5px; }
table.monthly_table tr.monthly_table_send_limit td { border-bottom: 1px solid #E2E2E2; }

table.monthly_price_plans tr th {
 border: 1px solid #CFCFCF;
 background: #E1E1E1;
 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#E1E1E1));
 font-size: 12px;
 text-align: center;
 color: #6F757E;
 text-transform: uppercase;
 vertical-align: middle;
 text-shadow: 0 1px 0 #FFFFF;
}

table.monthly_price_plans tr th {
 font-size: 14px;
 padding: 8px 10px;
 text-transform: capitalize;
}

table.monthly_price_plans tr{ border: 1px solid #E2E1E1; }

#subscribe-monthly-indent {
 margin: 20px 0px 0px 63px; 
}

#subscribe-monthly-indent h3, #subscribe-monthly-indent p {
 margin-left: 0px;
}

#template-gallery {
 height: 650px;
 width: 95%;
 outline: none;
}