/* CSS Document */

/*---------------------------------------
	General
---------------------------------------*/
html { min-height:100%; margin-bottom:1px; }
body, ul, ol, li, h1, h2, h3, p { margin:0px; padding:0px; }
body, input, td, th, textarea { font-family:Arial, Helvetica, sans-serif; }

/* Font sizes */
body { font-size:62%; }
#content { font-size:1.2em;  }
#footer, #nav { font-size:1.1em;  }

textarea { font-size:1.1em; }
a { text-decoration:none; color:#cc0000  }
a:hover { text-decoration:underline; }

ul, ul li { list-style-type:disc }
ul li { margin-left:15px; }
ol li { margin:0 0 10px 25px;  }

img { border:0px; }
td, th { vertical-align:top; text-align:left }
th { color:#333; text-align:left }
p { margin-bottom:1.3em;  }
p, dt, dd, li { line-height:1.5em }
table, ul, dl, h2, h3 { margin-bottom:1.1em; }

h1 { font-size:1.9em; color:#003366; margin-bottom:15px; }
h1 em { color:#ff0000; font-size:1.5em; display:block; font-style:normal }
h2 { font-size:1.4em; color:#003366; line-height:1.2em; margin:30px 0 10px; }
h3 { font-size:1.3em; color:#003366; margin-bottom:5px; }
h3 strong { font-size:1.4em; }


a.plain { text-decoration:none }
a.plain:hover { text-decoration:underline }

p.opening, .intro p { color:#996699; font-size:1.2em; }
p.alert { color:#f00; font-style: normal; }
p.hidden, .hidden, tr.folaigh, tr.folaigh td, tr.folaigh label, tr.folaigh input { display:none }

p.notice { background-color:#996699; font-weight:bold; color:#fff; padding:4px; width:70%; }

ul.inline, ul.inline li { margin:0; padding:0; list-style-type:none }
ul.inline li { margin-left:2px; display:inline; }
ul.inline li.first { margin-left:0; }

ul.plain, ul.plain li { margin:0; padding:0; list-style-type:none }
ul.plain li { margin-left:2px; }


p.quote { color:#666666; margin-bottom:20px; line-height:1.6em; }
p.credit { color:#003366; line-height:1.2em; font-weight:bold; }


/*---------------------------------------
	Main Layout
---------------------------------------*/

body {  background:#666 url(../images/template/bg.jpg) center top repeat-y; color:#000; text-align:center; }

#wrapper, #footer { margin:0 auto; text-align:left; width:1022px; min-width:1022px; padding-bottom:5px; }
#footer { padding-bottom:10px;   }

#wrapper { background:#666 url(../images/template/body-bg.jpg) top center repeat-y; }
#footer { background:#666 url(../images/template/footer-bg.jpg) top center no-repeat; }
#container { margin:0 auto; text-align:left; width:1000px; background:#fff; }




/* Header Section
-------------------------------------*/
#header { clear:both; height:100px; background: }


#logo { width:250px; float:left; display:inline; margin-left:20px; margin-top:14px;  }
#share-banner, #phone-banner { float:left; display:inline;background-color:#eee;   }
#share-banner { margin-top:15px; width:270px; margin-left:120px; }
#phone-banner { margin-top:35px; width:260px; margin-left:70px;  }
#share-banner p, #phone-banner p { margin-left:58px; line-height:1em; font-size:1.3em; margin-bottom:0;  }
#share-banner p { margin-left:80px; margin-top:3px; }

#phone-banner p { margin-left:30px; padding-top:3px; margin-bottom:15px; }
#share-banner p strong, #phone-banner p strong { font-size:1.3em; line-height:1.1em; display:block; }
#share-banner { background:url(../images/template/icon-videos.jpg) 0 3px no-repeat; width:270px; }
#phone-banner { background:url(../images/template/icon-arrow.gif) top left no-repeat;  width:260px; margin-left:50px;  }

#partners { width:490px; float:right; display:inline; text-align:right; margin-right:13px; background: url(../images/template/logo-borderleft.gif) bottom left no-repeat }
#partners ul.inline li { margin-right:18px; margin-left:0; }


#navigation { background:#ff0000 url(../images/template/nav-bg.jpg) bottom left repeat-x; height:30px; }
#navigation ul, #navigation li { margin:0px; padding:0px; list-style-type:none }
#navigation li { display:inline; float:left; border-right:1px solid #EB6767; }
#navigation a { display:block; float:left; line-height:30px; text-decoration:none; color:#fff; font-weight:bold; font-size:1.35em; text-align:center; padding:0 18px }
#navigation li, #navigation a {  }
#navigation li a:hover { background-image:url(../images/template/nav-bg-on.jpg) }

.business-opportunity #navigation li.business-opprtunity a, .sell-more #navigation li.sell-more a,
.sales-resources #navigation li.sales-resources a, .about-us #navigation li.about-us a,
.trainer #navigation li.trainer a, .contact-us #navigation li.contact-us a, .salesforce #navigation li.salesforce a { background-image:url(../images/template/nav-bg-on.jpg) }

/* Main Content Columns
-------------------------------------*/
#content { float:left; width:100%; padding-bottom:1px; background:#fff; padding-top:30px; }
#content, #main, #sidebar, #extra { float:left; display:inline; }
#main { width:490px; margin-left:30px; }
#sidebar { width:225px; margin-left:25px; }
#extra { width:200px; margin-right:15px; float:right; border-top:5px solid #ff0000; border-bottom:5px solid #ff0000; color:#fff; background:#c2c2c2; }

#sidebar { min-height: 440px; height: auto; }
* html #sidebar { height: 440px; }


/* Left Sidebar Section 
-------------------------------------*/

#subnav { background:#fff url(../images/template/subnav-bg.jpg) bottom left repeat-x; margin-bottom:40px; }
#subnav ul, #subnav li { margin:0; padding:0; list-style-type:none; background:none }
#subnav li a { display:block; color:#003366; border-bottom:1px solid #e5e5e5; line-height:30px; padding:0 0 0 14px; background:url(../images/template/bullet-arrow-grey.gif) left center no-repeat; font-size:1.1em; font-weight:bold; } 
#subnav li a:hover, #subnav li.active a, #subnav li a.active { color:#f00; text-decoration:none; background-image:url(../images/template/bullet-arrow-red.gif)  }





/* Right Sidebar Section 
-------------------------------------*/
#extra .section { border-bottom:2px solid #fff; padding:10px 10px 10px 13px; font-weight:bold; }
#extra .section p { margin-right:40px; margin-bottom:0;  font-size:1.25em; line-height:1em; }

#extra .section { background:url(../images/template/bullet-arrow-doublered.gif) center right no-repeat }
#extra .form { background:none; }
#extra .last { border-bottom:0; }
#extra .last p { margin-right:10px; }
#extra .section a { color:#fff }
#extra .section a:hover { color:#f00; text-decoration:none }

#extra form, #extra p  { margin:0; }
#extra .error { color:#c00; font-weight:bold; background-color:#c2c2c2; }
#extra .error em.error { font-weight:bold }
#extra input.text { width:120px; padding:2px; font-size:0.9em; margin-right:5px; }
#extra input.submit { position:relative; top:3px; padding:0; }

#extra .webinar img { border-bottom:5px solid #f00 }

#extra #download-salesbook { background:#033568 url(../images/template/download-salesbook.jpg) top center no-repeat; min-height: 190px; height: auto; border-bottom:5px solid #f00; width:200px; }
* html #extra #download-salesbook { height: 190px; }

#extra #download-salesbook form { padding-top:145px; margin-left:13px; }
#extra #download-salesbook form input.submit { position:relative; top:5px; left:-5px;  }



/* Footer Section 
-------------------------------------*/
#footer { clear:both; }
#footer, #footer a { color:#ccc; }
#footer #copyright, #footer #terms { float:left; display:inline; width:48%; padding:12px 0;}
#footer #copyright { margin-left:2%;}
#footer #terms { text-align:right; margin-right:2%;}
#footer #terms a { margin:0 3px; }
#footer #terms a:hover { color:#fff; text-decoration:none }

/*---------------------------------------
	Specific Pages
---------------------------------------*/
.homepage #sidebar { display:none }
.homepage #main { width:785px; margin:0; }
.homepage .wrapper { min-height: 400px; height: auto; }
* html .homepage .wrapper{ height: 400px; }

.homepage .wrapper {  margin:20px 25px 0 20px; background: url(../images/homepage/photo-main-small.jpg) bottom left no-repeat;  }

.homepage h1 { font-size:4em; }
.homepage #intro { font-size:1.1em; margin-bottom:40px; }

.wide #sidebar, .contact-us #sidebar { display:none; }
.wide #main, .contact-us #main  { width:740px; margin:0 0 0 20px; }


.wide-full #sidebar, .wide-full #extra { display:none; }
.wide-full #main  { width:840px; margin:0 65px 0 65px; }

.videos #subnav li a { line-height:17px; padding-top:10px; padding-bottom:10px; background-position:0 16px; }


.salesforce #extra { display:none }
.salesforce #main  { width:705px; }


/*---------------------------------------
	Specific Elements
---------------------------------------*/
#overview { margin-left:120px; padding:10px 0 45px; }
#overview .column, #overview .column1, #overview .column2 { float:left; display:inline; width:295px; margin-right:5px; }
#overview .column1 { width:280px; margin-right:20px; border-right:1px solid #eee; }
#overview .column2 { width:295px; margin-right:5px; }
#overview h2 { color:#cc0000; margin:0 0 25px; font-size:1.6em }
#overview h3 { font-size:1.4em }

#overview ul, #overview li { list-style-type:none; margin:0; }
#overview ul { margin-bottom:30px; }
#overview ul li { font-size:1.2em; margin-bottom:5px; font-weight:bold; background:url(../images/template/bullet-arrow.gif) top left no-repeat; padding-left:15px; }
#overview ul li a { color:#000 }
#overview ul li a:hover { color:#c00; text-decoration:underline }

#overview .row { clear:both; }

#quote1, #quote2, #quote3, #quote4, #quote5 { display:none }

#testimonials td { padding:15px 0 5px; border-bottom:1px solid #ccc; }



#inquiryForm table { width:440px; }
#inquiryForm table th, #inquiryForm table td { padding:0; margin:0; padding-top:15px; }
#inquiryForm table td { width:305px; }
#inquiryForm table th { width:125px; font-weight:bold; font-size:1.1em; text-align:right }
#inquiryForm table th label { padding-right:10px; display:block }
#inquiryForm table th em.error { color:#f00; text-transform: none; font-style: normal; font-size:0.9em; }

#loginForm table { width:400px; }
#loginForm table th, #loginForm table td { padding:0; margin:0; padding-top:15px; }
#loginForm table th {  font-weight:bold; font-size:1.1em; width:25%;}
#loginForm table td label { padding-right:10px; font-size:1.1em }
#loginForm table th em.error { color:#f00; text-transform: none; font-style: normal; font-size:0.9em; }

.submit { background-color:#f00; color:#fff; border:0; font-weight:bold; padding:0 13px; cursor:pointer }
.submit:hover { background-color:#c00; }
input.text, textarea { border:1px solid #7F9DB9; padding:2px; width:243px;  }
input.text:focus, textarea:focus { border:1px solid #036  }

#questionnaireForm input.long { width:150px; }
#questionnaireForm input.text { width:150px; }
#questionnaireForm select { width:150px; }
#questionnaireForm input.short { width:40px;}

#questionnaireForm th { font-weight:normal; }
#questionnaireForm th, #questionnaireForm td { padding-bottom:10px; }
#questionnaireForm table.part1 th { width:180px; text-align:right; font-weight:bold; }
#questionnaireForm table.part1 td {  }

#questionnaireForm table.part2 th { width:250px; text-align:left;}
#questionnaireForm table.part2 label { margin-right:10px; }

#questionnaireForm input#zip2 { margin-left:10px; }
#questionnaireForm textarea { width:400px; margin-bottom:10px; }
#questionnaireForm ul.inline { margin-bottom:15px; }
#questionnaireForm .error { color:#f00; text-transform: none; font-style: normal; font-size:0.9em; }

#sendtofriendForm table { width:440px; }
#sendtofriendForm table th, #sendtofriendForm table td { padding:0; margin:0; padding-top:15px; }
#sendtofriendForm table td { width:305px; }
#sendtofriendForm table th { width:125px; font-weight:bold; font-size:1.1em; text-align:right }
#sendtofriendForm table th label { padding-right:10px; display:block }
#sendtofriendForm table th em.error { color:#f00; text-transform: none; font-style: normal; font-size:0.9em; }



/*---------------------------------------
	Common Classes
---------------------------------------*/
ul.banners, ul.banners li { margin:0; padding:0; list-style-type:none; }
ul.banners li { margin:0 0 10px 18px; }

ul.sections, ul.sections li { margin:0; padding:0; list-style-type:none; }
ul.sections li.first { border-top:0; padding-top:0px; }
ul.sections li { border-top:1px dotted #666; margin:0 10px 12px 18px; clear:both; float:left; display:inline; width:228px; padding-top:10px;  }
ul.sections li .photo { margin-left:10px  }
ul.sections li .left .photo { margin-left:0; margin-right:6px; }
ul.sections li h3 { margin-bottom:5px; }
ul.sections li p { margin:2px; }
ul.sections li img { clear:both; }

table.resources { border-collapse:collapse; width:480px; }
table.resources td { padding:10px 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; }
table.resources th { font-size:1.2em; padding-bottom:10px; }
table.resources td h2 { margin:0; background:url(../images/template/bullet-arrow-grey.gif) center left no-repeat; padding-left:15px; }
table.resources td.text { width:660px; }
table.resources td.icon { width:80px; text-align:center }
table.resources p { margin-left:15px; }
table.resources h2, table.resources p { margin-right:40px; }


ul.ticks, ul.ticks li { list-style-type:none; margin:0; }
ul.ticks { margin-bottom:30px; }
ul.ticks li {margin-bottom:5px; background:url(../images/template/checkmark.gif) top left no-repeat; padding-left:20px; margin-left:5px; }
ul.ticks li a { color:#000 }
ul.ticks li a:hover { color:#c00; text-decoration:underline }



/*---------------------------------------
	Hacks
---------------------------------------*/
.clear { clear:both; height: 0; line-height: 0;  }

/* Correcting the center aligned background bug in Firefox and Safari which effect large background images */
html { margin-left: -1px; overflow-Y: scroll; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	head~body *{ margin-left: -1px;}
}.red36ptarial {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #F00;
}
.rmm-footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCC;
}
.rmm-footer-red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
}
