/* *************************** 
  Site - Outlook Track It
  ---------------------------
  StyleSheet Index
  $1 - Global Styles
  $2 - Website Structure Styles
  $3 - Header Styles
  $4 - Content Styles
  $5 - Footer Styles
   ***************************/

/* *************************** 
   $1 GLOBAL Styles
   ***************************/
* {
	margin: 0;
	padding: 0;
}
a {
	color:#16419e;
	text-decoration:none;
}
a:hover {
	color:#16419e;
	text-decoration:underline;
}
img {
	border:0;
}
fieldset {
	border:none;
}
li {
	list-style:none;
}
.clear {
	clear:both;
}

/* *************************** 
   $2 Website Structure Styles
   ***************************/
body {
	background:url(../images/bg_body.gif) top repeat-x;
    text-align:center;
    font-size:75%;
    font-family:Arial, Helvetica, sans-serif;
}
#container {
	width:850px;
    margin:auto;
    text-align:left;
}

/* *************************** 
   $3 Header Styles
   ***************************/
#header {
	width:850px;
    height:140px;
    background:url(../images/header.jpg) no-repeat;
}
#header h1 {
	width:260px;
    height:100px;
}
#header h1 a {
	width:260px;
    height:100px;
    text-indent:-9999px;
    outline-color: invert;
	outline-style: none;
	outline-width: medium;
	display: block;
}


/* *************************** 
   $4 Content Styles
   ***************************/
#content {
	width:850px;
}
#box1 {
	width:490px;
    float:left;
    font-family:Tahoma, Verdana, Arial, "Times New Roman";
}
#box1 h2 {
	font-size:3em;
    text-align:center;
    font-weight:normal;
    width:400px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:30px;
    margin-top:30px;
}
#box1 li {
	font-size:1.833em;
    padding:0px 0 0px 75px;
    background:url(../images/bg_tick.jpg) no-repeat 15px 0px;
    line-height:50px;
    margin:5px 0;
}
#box1 li span {
	text-decoration:underline;
}
#box1 #button1 {
	width:306px;
    height:66px;
    margin-left:auto;
    margin-right:auto;
    margin-top:60px;
}
#box1 #button1 a {
	width:306px;
    height:66px;
    display:block;
    background:url(../images/bg_button1.jpg) top no-repeat;
    font-size:2.5em;
    color:#333333;
    padding:11px 0 0 0;
    height/**/:/**/ 55px;
    text-align:center;
}
#box1 #button1 a:hover {
    background:url(../images/bg_button1.jpg) bottom no-repeat;
    color:#000000;
    text-decoration:none;
}
#box2 {
	width:360px;
    float:left;
    font-family:Tahoma, Verdana, Arial, "Times New Roman";
}
#box2 #signupbox {
	width:318px;
    height:315px;
    float:right;
    background:url(../images/bg_signupbox.png) no-repeat;
    padding-right:42px;
    width/**/:/**/ 276px;
}
#box2 #signupbox h2 {
	width:220px;
    margin-left:auto;
    margin-right:auto;
    padding:15px 0;
    text-align:center;
    font-size:1.833em;
    color:#333333;
}
#box2 #signupbox form {
	padding-top:40px;
}
#box2 #signupbox label {
	width:65px;
    float:left;
    text-align:right;
    font-weight:normal;
    color:#555555;
    margin-right:3px;
	font-size: 14px;
}
#box2 #signupbox form p input {
	width:180px;
    border:1px solid #dbdbd8;
    width/**/:/**/ 178px;
    height:20px;
    height/**/:/**/ 22px;
    vertical-align:middle;
    margin-top:-4px;
    margin-bottom:10px;
	font-size: 16px;
}
#box2 #signupbox div {
	text-align:center;
    margin-top:0px;
}
#box2 #signupbox div #button2 {
	width:202px;
    height:62px;
    background:url(../images/bg_button2.png) top no-repeat;
    border:none;
    cursor:pointer;
	margin-top:15px;
	margin-left:8px;
}
#box2 #signupbox div #button2:hover {
	background:url(../images/bg_button2.png) bottom no-repeat;
}
#box2 #didyouknow {
	width:360px;
    height:129px;
    background:url(../images/bg_didyouknow.png) no-repeat;
    margin-top:30px;
    float:left;
    padding:13px 30px 0 130px;
    width/**/:/**/ 200px;
    height/**/:/**/ 116px;
    color:#FFFFFF;
}
#box2 #didyouknow h2 {
	font-size:1.416em;
    font-weight:bold;
    margin-bottom:3px;
}
#box2 #didyouknow p {
	font-size:13px;
    font-weight:bold;
}
#box2 #didyouknow a {
	color:#FFFFFF;
}
#content.orderpage {
	text-align:center;
}
.heading {
	font-size:3em;
    font-weight:normal;
    margin-bottom:20px;
}
.heading span {
	font-weight:bold;
}
#orderform {
	width:300px;
    text-align:left;
    margin:auto;
    padding-top:10px;
}
#orderform p {
    padding:6px 0;
    float:left;
}
#orderform p label {
	width:104px;
    float:left;
    font-weight:bold;
    color:#555555;
}
#orderform p label.label_inline {
	width:auto;
    padding:0 10px;
}
#orderform p input {
	width:193px;
    border:1px solid #dbdbd8;
    width/**/:/**/ 191px;
    height:20px;
    height/**/:/**/ 18px;
    vertical-align:middle;
    margin-top:-3px;
    float:left;
}
#orderform p input#field_city {
	width:100px;
    float:left;
}
#orderform p .select_state {
    border:1px solid #dbdbd8;
    float:left;
    margin-top:-3px;
    margin-bottom:-3px;
}
#orderform p input#field_zip {
	width:45px;
}
#orderform p select#field_cardtype {
	font-size:10pt;
    float:left;
	width:193px;
    border-color:#dbdbd8;
}
#orderform p .smalltext {
	font-size:0.833em;
}
#orderform p input.field_small {
	width:30px;
}
#orderform p input.field_small2 {
	width:50px;
}
#orderform p input.field_exp {
	width:30px;
    float:left;
}
#orderform p span {
	float:left;
    padding:0 2px;
}
#orderform p input#field_cvc {
	width:45px;
    float:left;
}
#orderform div #credit_cards {
	width:202px;
    height:46px;
    background:url(../images/credit_cards.gif) top no-repeat;
    border:none;
    cursor:pointer;
    float:right;
    margin-top:20px;
}
#orderform div #button3 {
	width:202px;
    height:46px;
    background:url(../images/bg_button3.png) top no-repeat;
    border:none;
    cursor:pointer;
    float:right;
    margin-top:20px;
}
#orderform div #button3:hover {
	background:url(../images/bg_button3.png) bottom no-repeat;
}
.submit
{
	width:202px;
    height:46px;
    background:url(../images/googlecheckout.gif) top no-repeat;
    border:none;
    cursor:pointer;
    float:right;
    margin-top:20px;
}

.trial
{
	width:202px;
    height:62px;
    background:url(../images/bg_button2.png) top no-repeat;
    border:none;
    cursor:pointer;
	margin-top:-12px;
	margin-left:8px;
}
.trial:hover
{
	background:url(../images/bg_button2.png) bottom no-repeat;
}
/* *************************** 
   $5 Footer Styles
   ***************************/
#footer {
	width:100%;
    clear:both;
	text-align:center;
    padding-top:40px;
    color:#555555;
}
#footer div {
	background:#e2edf8;
    padding:5px 0;
    margin-bottom:5px;
}
.highlight {
	border:  dotted 1px red;
}