/* GLOBAL STYLES */

a > img {border-width:0px;}
a {color: #6b1ba5;}
a:hover {color:#91aa46;}

.center {text-align:center;}
.clear {clear:both;}
.float {float:left;}

/* MAIN CONTENT SECTION */
#main-content {clear:both; position:relative; height:354px; background: url(../images/home/home-main-c.jpg) repeat-x;}

/* SAVED DIV */
#main-content #saved {position:relative; top:0px; height:354px; background:url("/Libraries/Images/home_main_uk.sflb.ashx") no-repeat; color:#6b1ba5;}
#main-content a {color:#4d6883;}
#main-content a:hover {color:#91aa46;}

#saved h1,
#saved h2 {width:300px; text-align:center;}
#saved h1 {font-size:1em; line-height:1.2em; position:absolute; top:240px; left:310px; margin:0px;}
#saved h2 {padding-top:50px; font-size:2.25em; line-height:1.25em; margin-left:310px;}

/* UNLIMITED STORAGE DIV */
#main-content #unlimited {display:none; position:relative; top:0px; height:450px; background: url(../images/home/home-main-b.jpg) no-repeat;}
#unlimited h2 {width:340px; margin-left:280px; padding:60px 0px 10px; color:#6b1ba5; font-size:1.35em; line-height:1.35em;}
#unlimited p {width:340px; margin-left:280px; color:#4d6883; font-size:.9em; line-height:1.6em;}

/* TRUST DIV */
#main-content #trust {display:none; position:relative; top:0px; height:450px; display:none;  background: url(../images/home/home-main-c.jpg) repeat-x;}
#trust h2 {width:340px; margin-left:280px; padding:60px 0px 10px; color:#6b1ba5; font-size:1.35em; line-height:1.35em;}
#trust p {width:340px; margin-left:280px; color:#4d6883; font-size:.9em; line-height:1.6em;}

#trust .letter {position:absolute; top:60px; left:20px; width:210px;}
#trust .letter p {width:210px !important; margin-left:0px !important; margin-bottom:8px; color:#6b1ba5; font-size:.9em; font-weight:bold; line-height:1.6em;}
#trust .letter span {color:#6b1ba5; font-size:.8em;}

/* VALUE DIV */
#main-content #value {display:none; position:relative; top:0px; height:450px; display:none;  background: url(../images/home/home-main-d.jpg) no-repeat;}
#value h2 {width:340px; margin-left:280px; padding:60px 0px 10px; color:#6b1ba5; font-size:1.35em; line-height:1.35em;}
#value p {width:340px; margin-left:280px;  color:#4d6883; font-size:.9em; line-height:1.6em;}

/* MAIN CONTENT -- RIGHT BUTTONS */
#main-content #right-block {position: absolute; top:0px; left:654px; width:266px; padding-top:10px; padding-right:20px; z-index:2;}
#right-block #savedfiles {background:url(../images/home/sticker-back.png) no-repeat scroll 0 0 transparent; color:#fff; display:inline-block; float:left; font-size:13px; font-weight:bold; height:57px; line-height:16px; padding:27px 0 2px; text-align:center; width:85px;}
#right-block p {float:left; display:inline-block; width:160px; margin:0 0 0 15px; padding-top:20px; color:#6b1ba5; font-size:.94em; font-weight:bold; line-height:1.25em;}
#right-block #video {margin-top:0px; font-size:.85em; text-align:center; clear:both;}
#right-block #video img {display:block; margin:0px auto;}
#right-block a {font-size:.9em; font-weight:bold; line-height:1em; text-decoration:none;}
#right-block a:hover {color:#fff;}
#right-block p a {font-size:1em; text-decoration:underline;}
#right-block p a:hover {color:#4D6883; text-decoration:none;}

#reasons {margin:15px 0px 5px; float:left;}
#reasons li {margin:0px; list-style-type:none; font-size:1.1em;}
#reasons h3 {margin:0;}

/* FOR WHEN DIV IS ACTIVE */
#reasons a {display:inline-block; width:221px; height:26px; padding:13px 0px 15px 45px; color:#fff; background:url(../images/home-greenpurple-button-with-arrow.png) no-repeat 0 0;}
#reasons a:hover {background:url(../images/home-greenpurple-button-with-arrow.png) no-repeat 0 bottom; cursor:pointer;}
#reasons a.current {background:url(../images/home-greenpurple-button-with-arrow.png) no-repeat 0 bottom;;}

/* TEASER SECTION */
#teaser {margin-top:9px;}
#teaser #hot, #reviews, .signupform {position:relative; height:236px;}
.teaser {float:left; width:306px; margin-right:10px; border:1px solid #b3b0b6;}

/* WHAT'S HOT */
#hot h4 {width:306px; height:28px; padding-top:5px; background:url(../images/home/purple-grad.gif) repeat-x left top; color:#fff; font-size:1.2em; text-align:center; margin:0;}
#hot ul {position:relative; height:200px; margin:0px; color:#5f596b;}

#hot-nav {background-color:#fff; bottom:0; font-size:0.8em; font-weight:bold; height:20px; left:0; line-height:1.2em; padding:0 2% 1%; position:absolute; width:96%; z-index:10;}
#hot-nav a {float:left; margin-top:3px;}
#hot-nav a:hover {color:#91aa46; cursor:pointer;}
#hot-nav span {float:right;}
#hot-nav span a {text-indent:-2000px; padding:3px 11px; background:transparent url(../images/icons-arrows.gif) no-repeat;}
#hot-nav span .next {background-position:center 0;}
#hot-nav span .next:hover {background-position:center -25px;}
#hot-nav span .prev {background-position:center -51px;}
#hot-nav span .prev:hover {background-position:center -76px;}
#hot-nav span .disabled[title="Previous"],
#hot-nav span .disabled[title="Previous"]:hover {background-position:center -228px; cursor:auto;}
#hot-nav span .disabled[title="Next"],
#hot-nav span .disabled[title="Next"]:hover {background-position:center -202px; cursor:auto;}

#hot .group div {clear:both; list-style-type:none; height:88px; border-bottom:1px solid #b3b0b6; padding:0px 9px;}
#hot .group a {color:#4d6883;}
#hot .group p {float:left; margin:10px 5px; color:#4d6883; font-size:.85em; line-height:1.3em;}
#hot .group .product img {float:left;}
#hot .group .product p {display:inline-block; width:165px;}

/* REVIEWS */
#reviews h4 {width:306px; height:28px; padding-top:5px; background:url(../images/home/purple-grad.gif) repeat-x left top; color:#fff; font-size:1.2em; text-align:center; margin:0;}
#reviews #features div {position:relative; height:190px; margin:9px; color:#4d6883; float:left;}
#reviews .review-logo {position:absolute; bottom:20px; left:10px;}
#reviews a {position:absolute; bottom:10px; right:10px; font-size:.8em; font-weight:bold; line-height:1em;}
#reviews a:hover {color:#91aa46 !important;}

#reviews #features p {float:left; position:relative; width:240px; padding-top:4px; font-size:1.05em; line-height:1.6em; padding-left:30px; margin:0;}		/* REVIEW TEXT */
#reviews #features p + span {clear:both; display:inline-block; width:250px; margin-top:5px; font-size:.8em; text-align:right;}		/* ATTRIBUTE LINE */

#reviews .oq,
#reviews .cq {color:#a2abb4; font-family:georgia,sans-serif; font-size:4em; position:absolute; padding-top:2px; padding-left:2px; line-height:1em;}
#reviews .oq {left:0; top:-3px;}

/* TRY IT FREE */
.signupform {float:left; width:298px; background-color:#6b1ba5; background:url(../images/home/free-trial-grad.gif) repeat-x left top; border:1px solid #6b1ba5;}
.signupform div {margin:5px auto; border-width:0px;}
.signupform h4 {width:300px; padding:10px 0px 0px; color:#fff; font-size:1.4em; font-weight:normal; text-align:center; margin:0; line-height:1.4em;}
.signupform input[type="text"],
.signupform input[type="password"] {width:260px; margin:3px 0px; padding:4px 5px;  border:1px solid #6b1ba5; background-color:#e6e2e9; color:#5f596b;}
.signupform span {display:inline-block; width:300px; color:#fff; font-size:.75em; line-height:1em; text-align:center;}
.signupform span:first-child {font-size:1em; line-height:auto;}

/* SCROLLABLE STYLES FOR WHAT'S HOT SECTION */
.scrollable { position:relative; overflow:hidden; width:306px; height:200px; }
.scrollable .items { height:2000em; position:absolute; clear:both; width:100%; }  /* this cannot be too large */
.items ul { float:left; width:306px; }
.scrollable .active { border:2px solid #000; position:relative; cursor:default; }