/*----- ESSENTIALS -----*/
html { height:101%}
body { margin:0; /* make anything a hover in IE with this code >> */ behavior:url("/css/csshover.htc"); background:url(/images/bg.jpg) repeat-x top #FFF; color:#7f7f7f; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img {  border:0; /* fixes the png image problem */ behavior:url("/css/pngfix.htc") }
img.right { float:right; margin-left:5px;}
img.left { float:left; margin-right:5px;}
ul { margin-top:6px; margin-bottom:6px;}
ul li { padding:0 0 6px 0; margin:0 } 
ol li { padding:0 0 6px 0; margin:0 } 
form, input { padding:0; margin:0 }
h1, h2, h3 { padding:0; margin:0 }
h1 { /*will define according to internal design */}
h2 { /*will define according to internal design */}
h3 { /*will define according to internal design */}
a { text-decoration:none; color:#05559f;  }
a:hover { text-decoration:underline; color:#000; }
/*----- ESSENTIALS -----*/

/*----- WRAPPER -----*/
#mainWrap { background:url(/images/pagebg.jpg) no-repeat top #FFF; width:932px; padding:15px; min-height:500px; margin:7px auto; }
/*----- WRAPPER -----*/

/*----- HEADER -----*/
#hdr { width:932px; margin-bottom:2px; }
#hdr a {color:#818181; padding:5px; text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#hdr a:hover {color:#000;}
#topNav { float:right; text-align:center; width:225px; }
#topNav h1 { color:#0d58a4; font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-top:8px; }
#hdr .button-sm {  float:right; background:url(/images/btn_small-bg.jpg) no-repeat; margin:0 10px; padding:2px; width:44px; height:18px;}
#hdr .button-sm a {text-decoration:none; color:#FFF; text-transform:uppercase; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#hdr .button-sm a:hover {color:#000;}
/*----- HEADER -----*/

/*----- SPLASH -----*/
/* homepage splash */
#hpSplash {margin:0;  height:333px; }

/* internal splash */
#inSplash {margin:-26px 0 0 0; width:925px; }
/*----- SPLASH -----*/

/*----- NAVIGATION -----*/

/* OLD TOP NAV--
#navTop {float:left; width:100%; font-size:90%; line-height:normal; z-index:100; position:relative; text-transform:uppercase; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
#navTop ul{list-style-type: none;margin:0;margin-right: 10px;padding:0;}
#navTop li{display:inline;margin:0;padding:0;}
#navTop a { float:right; margin:0 0 0 3px; padding:0 0 0 5px; text-decoration:none; height:22px;}
#navTop a span { float:left; display:block; padding:2px 10px 3px 4px; font-weight:bold; color:#000; height:22px; }
#navTop a:hover, #navTop a.current { background:url(/images/nav-left.gif) 0 0 no-repeat }
#navTop a:hover span, #navTop a.current span { cursor:pointer; color:#FFF; background:url(/images/nav-right.gif) 100% 0 no-repeat}
*/

/* top navigation */
#navTop { margin:-20px 0 0 0; z-index:100; position:relative; float:left; width:100%; text-transform:uppercase; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
#navTop ul{list-style-type: none; }
#navTop li{ float:right; padding:10px;}
#navTop a {text-decoration:none; color:#000; font-weight:bold; }
#navTop a:hover { color:#db9216}

#subnav { padding:5px 6px 0px 6px; width:223px; height:208px;}
#subnav a { font-size:14px;}
#subnav a:hover { color:#FFF; font-weight:bold; text-decoration:none;}
#subnav ul { padding:5px; margin:0; list-style:none}
#subnav li { line-height:23px; padding: 0px 10px;}
#subnav li:hover {padding: 0px 25px;}

.rnsub { background:url(/images/rn-subnav-bg.jpg) no-repeat;}
.rnsub a {color:#faeac8;}
.rnsub li { border-top:solid 1px #edb132;}
.rnsub li:hover { background:url(/images/rn-subnav-li-hover.gif) no-repeat; font-weight:bold;}
.rnsub li.end { border-bottom:solid 1px #edb132;}

.rxsub { background:url(/images/rx-subnav-bg.jpg) no-repeat;}
.rxsub a {color:#e8b2d0;}
.rxsub li { border-top:solid 1px #b0619c;}
.rxsub li:hover { background:url(/images/rx-subnav-li-hover.gif) no-repeat; font-weight:bold;}
.rxsub li.end { border-bottom:solid 1px #b0619c;}

.mdsub { background:url(/images/md-subnav-bg.jpg) no-repeat;}
.mdsub a {color:#b0cdf3;}
.mdsub li { border-top:solid 1px #3c8ac7;}
.mdsub li:hover { background:url(/images/md-subnav-li-hover.gif) no-repeat; font-weight:bold;}
.mdsub li.end { border-bottom:solid 1px #3c8ac7;}

.odsub { background:url(/images/od-subnav-bg.jpg) no-repeat;}
.odsub a {color:#c4b4df;}
.odsub li { border-top:solid 1px #5227a1;}
.odsub li:hover { background:url(/images/od-subnav-li-hover.gif) no-repeat; font-weight:bold;}
.odsub li.end { border-bottom:solid 1px #5227a1;}

/*----- NAVIGATION -----*/

/*----- BODY HOMEPAGE -----*/
#hpBody { margin-top:27px; line-height:17px;}
#hpBody h1 { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:normal; margin-bottom:6px; line-height:normal;}
#hpBody h2 { color:#e7a622; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-transform:uppercase; margin-bottom:10px; line-height:normal;}
#hpBody h3 {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; text-transform:uppercase; margin-bottom:10px; line-height:normal;}
#hpleft { width:368px; padding:0 30px 0 15px;}
#hpmiddle { width:244px; padding:0 25px 0 0;}
#hpmiddle h2 {color:#e9ac31; font-size:24px; font-family:Arial, Helvetica, sans-serif; margin:0; font-weight:bold;}
#hpmiddle a.contact {color:#7f7f7f}
#hpright { width:240px;}
#hpright ul { margin:0;}
#hpright li { background:url(/images/li-bg.jpg) no-repeat 0 10px; padding:10px 0 8px 20px; border-bottom:solid 1px #e5e5e5;}
#hpright li.end {border:none;}
/*----- BODY HOMEPAGE -----*/

.button { float:left; background:url(/images/nav-right.gif) no-repeat 100% 0 ; margin:10px 0; padding:0; height:22px;}
.button span { float:left; background:url(/images/nav-left.gif) no-repeat; height:18px; padding:2px 5px;}
.button a {text-decoration:none; color:#FFF; text-transform:uppercase; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.button a:hover {color:#000;}


/* ----Begin Landing page -----*/
#landing { color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#landing h1 a {color:#FFF;}
#landing h1 a:hover {color:#FFF; text-decoration:none;}
#landing h1 { color:#FFF; font-size:18px; font-weight:normal; text-transform:uppercase;}
span.x { text-transform: none}
#landing h2 { color:#000; font-size:15px; font-weight:normal; margin-bottom:8px;}
#landing h3 { color:#FFF; font-size:15px; font-weight:normal; text-transform:uppercase;}
#paddingFifteen {padding:15px;}
#steps { width:175px; float:right;}
#landing a {color:#FFF; font-size:16px; font-weight:bold; text-decoration:none;}

#landingRN { background:url(/images/orange-bg-repeat.jpg) repeat-y; height:368px; width:226px;}
#landingRN #paddingFifteen {background:url(/images/orange-bg.jpg) no-repeat; margin:-3px 0 0 0; padding:15px;}
#landingRNbottom {background:url(/images/orange-bottom-bg.jpg) no-repeat; height:35px; width:211px; text-align:right; padding:0 15px 0 0;}
#landingRNbottom img {height:23px; width:23px; vertical-align:middle; padding:0 5px;}

#landingRX { background: url(/images/purple-bg-repeat.jpg) repeat-y; height:368px; width:226px;}
#landingRX #paddingFifteen {background:url(/images/purple-bg.jpg) no-repeat; margin:-3px 0 0 0; padding:15px;}
#landingRXbottom {background:url(/images/purple-bottom-bg.jpg) no-repeat; height:35px; width:211px; text-align:right; padding:0 15px 0 0;}
#landingRXbottom img {height:23px; width:23px; vertical-align:middle; padding:0 5px;}

#landingMD { background:url(/images/blue-bg-repeat.jpg) repeat-y; no-repeat; height:368px; width:226px;}
#landingMD #paddingFifteen {background:url(/images/blue-bg.jpg) no-repeat; margin:-3px 0 0 0; padding:15px;}
#landingMDbottom {background:url(/images/blue-bottom-bg.jpg) no-repeat; height:35px; width:211px; text-align:right; padding:0 15px 0 0;}
#landingMDbottom img {height:23px; width:23px; vertical-align:middle; padding:0 5px;}

#landingOD { background:url(/images/lavendar-bg-repeat.jpg) repeat-y; height:368px; width:226px;}
#landingOD #paddingFifteen {background:url(/images/lavendar-bg.jpg) no-repeat; margin:-3px 0 0 0; padding:15px;}
#landingODbottom {background:url(/images/lavendar-bottom-bg.jpg) no-repeat; height:35px; width:211px; text-align:right; padding:0 15px 0 0;}
#landingODbottom img {height:23px; width:23px; vertical-align:middle; padding:0 5px;}
/* ----End Landing page -----*/

/*----- BODY INTERNAL -----*/
#left { float:left; width:227px; padding:10px 6px 0 6px; xborder:solid 1px #000000;}
#leftAbt { float:left; width:227px; padding:3px 6px 0 6px; xborder:solid 1px #000000;}
#right { float:left; width:678px; xborder:solid 1px #00FF00; padding:0 0 0 10px;}
#inBody { float:left; width:451px; padding:0 15px 15px 15px; xborder:solid 1px #0000FF; }
#inBodyOneCol { float:left; width:638px; min-height:425px;  padding:0 15px 0px 15px; xborder:solid 1px #0000FF; }
#inBodyOneColAbt { float:left; width:638px; min-height:290px; padding:0 15px 0px 15px; xborder:solid 1px #0000FF; }

#callToAction { float:right; width:192px; padding:0; xborder:solid 1px #FF00FF;}
#callToAction #quotes { width:175px;}
#callToAction #quotes #sig { text-align:right;}
#callToAction #quotes a { font-family: Geneva, Arial, Helvetica, sans-serif; color:#00508e; font-weight:normal; font-size:14px; line-height: 18px; text-decoration:none;}
#callToAction #quotes #sig #title { color:#858484;}
#callToAction #quotes a:hover { text-decoration:none; color:#000;}
.flashCall { padding:7px 0 0 0;}

.inBodyBg { float:left; background:url(/images/inbody-topbg.gif) no-repeat top; margin:0px 0 0 0px; width:669px; padding:5px 5px 10px 5px;}
.inbodyBottom { float:left; background:url(/images/inbody-bottombg.gif) no-repeat 0 100%; padding:0 5px 30px 0; width:674px; margin-top:10px;}

#titleBox {clear:both; width:100%; height:110px;}
#titleBox #demo {float:right; margin:-15px -25px 0 0;}

.line {border-bottom:dotted 1px #d8d8d8; width:100%; height:5px; margin-bottom:15px;}

.triangle { background:url(/images/orange-triangle.jpg) no-repeat left; padding-left:10px;}

.screenshots { float:right; width:160px; text-align:right}

.nextStep { color:#e18b00; font-size:20px; font-weight:normal;}
.nextStep a:hover {text-decoration:none;}
.nextStep img {float:right; margin:-5px 0 0 0; position:relative;}

#itour-btns { margin-left:60px;}

#callToAction {}
#callToAction .right-hdr { color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; margin:15px 0 5px 5px;}
#callToAction .callh2 {color:#e9ac31; font-size:20px; font-family:Arial, Helvetica, sans-serif;  font-weight:bold;}
#callToAction .contact { margin:0 0 0 15px ;}
#callToAction .contact a {color:#7f7f7f}
#callToAction .button a.btn {text-decoration:none; color:#FFF; text-transform:uppercase; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:17px;}
#callToAction .button a.btn:hover {color:#000;}
.demo {float:left; margin:-15px -25px 0 0;}
.demosticker {float:right; margin:-15px -25px 0 0;}


#RNyellow {}
#RNyellow h1 { color:#e18b00; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 15px 0;}
#RNyellow h1.title { display:block; width:445px;  margin-top:24px; float:left; }
#RNyellow h2 { color:#e18b00; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:20px 0 13px 0; }
#RNyellow h3 { color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; margin:15px 0 5px 0;}
#RNyellow h4 { color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none; margin:15px 0; display:inline}
#RNyellow a {color:#e18b00; font-weight:bold;}
#RNyellow a:hover {color:#000; text-decoration:underline;}

#buttons { margin:40px 0;}
#tutorials  { }
#tutorials h2 { margin:0;}
#tutorials td { padding:5px 0;}
#tutorials td.menu { padding:5px 30px;}
#tutorials ol { margin:0 0 0 50px; padding:0 0 0 25px;}
#tutorials .button { float: none; clear:both; text-align:center; background:url(/images/nav-right.gif) no-repeat 100% 0 ; margin:10px 0 3px 0; padding:0; width:185px; height:22px;}
#tutorials .button span { background:url(/images/nav-left.gif) no-repeat; width:180px; height:22px; padding:3px 5px;}
#tutorials .button a {text-decoration:none; color:#FFF; text-transform:uppercase; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#tutorials .button a:hover {color:#ecbb2b;}

#RXpink {}
#RXpink h1 { color:#960c67; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 15px 0;}
#RXpink h1.title { display:block; width:445px;  margin-top:24px; float:left; }
#RXpink h2 { color:#960c67; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:20px 0 13px 0; }
#RXpink h3 { color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; margin:15px 0 5px 0;}
#RXpink h4 { color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none; margin:15px 0;}
#RXpink a {color:#960c67; font-weight:bold;}
#RXpinkRXpink a:hover {color:#000; text-decoration:underline;}

#MDblue {}
#MDblue h1 { color:#0d58a4; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 15px 0;}
#MDblue  h1.title { display:block; width:445px; margin-top:24px; float:left; }
#MDblue h2 { color:#0d58a4; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:20px 0 13px 0; }
#MDblue h3 { color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; margin:15px 0 5px 0;}
#MDblue h4 { color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none; margin:15px 0;}
#MDblue a {color:#0d58a4; text-decoration:none; font-weight:bold;}
#MDblue a:hover {color:#000; text-decoration:underline;}

#ODpurple {}
#ODpurple h1 { color:#390494; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0 0 15px 0;}
#ODpurple  h1.title { display:block; width:445px;  margin-top:24px; float:left; }
#ODpurple h2 { color:#390494; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:20px 0 13px 0; }
#ODpurple h3 { color:#000; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; margin:15px 0 5px 0;}
#ODpurple h4 { color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:none; margin:15px 0;}
#ODpurple a {color:#390494; font-weight:bold;}
#ODpurple a:hover {color:#000; text-decoration:underline;}
/*----- BODY INTERNAL -----*/

/*----- FOOTER -----*/
#ftr {width:920px; padding:0 5px; margin:15px 0; border-top:#e5e5e5 solid 1px; font-size:10px; font-family:Arial, Helvetica, sans-serif; float:left;}
#ftr a {color:#7f7f7f; text-decoration:none; text-transform:uppercase; font-size:9px; font-family:Arial, Helvetica, sans-serif; padding:0 5px;}
#ftr a:hover {color:#000;}

#ftr #clay { float:right; text-align:right;}
#ftr a.clay { text-transform:none; font-size:9px; padding:0; margin:0;}
#ftr a.clay:hover { text-decoration:none; color:#7f7f7f;}
/*----- FOOTER -----*/