/* 
PROJECT: PROPELL WEBSITE
COMPANY: PROPELL COMPANY
VERSION: 1.0 
*/

/* LAYOUT
============================================= */
#propell {/*body tag*/
text-align: center;
background-color: #FFF;
color: #444;
line-height: 20px;
}
.center {
width: 930px;
margin: 0 auto;
text-align: left;
padding-right: 30px;
}
.center_small {
width: 600px;
margin: 0 auto;
text-align: left;
}
#top_navigation {
text-align: left;
float: right;
}
.full_page {
width: 900px;
margin-left: 30px;
margin-bottom: 30px;
}
.three_quarter {
width: 670px;
margin-left: 30px;
margin-bottom: 30px;
}
.two_thirds {
width: 560px;
margin-left: 30px;
margin-bottom: 30px;
}
.two_thirds_twocol {
width: 590px;
margin-left: 30px;
margin-bottom: 30px;
}
.one_half {
width: 420px;
margin-left: 30px;
margin-bottom: 30px;
}
.one_third {
width: 280px;
margin-left: 30px;
margin-bottom: 30px;
}
.one_quarter {
width: 200px;
margin-left: 30px;
margin-bottom: 30px;
}
.small_page {
text-align: left;
}

/* MARGINS & WHITESPACE
============================================= */
.margin_r_10 {
margin-right: 10px;
}
.margin_r_15 {
margin-right: 15px;
}
.margin_l_30 {
margin-left: 30px;
}
.margin_t_20 {
margin-top: 20px;
}
.margin_b_20 {
margin-bottom: 20px;
}
.margin_t_30 {
margin-top: 30px;
}
.margin_b_30 {
margin-bottom: 30px;
}
.padding_b_20 {
padding-bottom: 20px;
}

#propell .divider {
border-bottom: 1px dotted #CCC;
margin-bottom: 20px;
padding-bottom: 30px;
}


/* BUTTONS
============================================= */
.blue_button {
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/blue_button.png) no-repeat top center;
width: 170px;
height: 50px;
text-align: center;
line-height: 30px;
color: #FFF;
border: none;
cursor: pointer;
}

.flat_button {
/* background: url(../images/buttons/flat_left.png) no-repeat left center; */
padding-left: 20px;
display: block;
cursor: pointer;
}

.blue_button a, .blue_button input {
/* background: url(../images/buttons/blue_right.png) no-repeat right center; */
padding-right: 20px;
height: 46px;
line-height: 45px;
font-weight: bold;
text-decoration: none;
color: #FFF;
display: block;
margin: 0;
border: none;
font-size: 107%;
border: none;
cursor: pointer;
}

/* TYPOGRAPHY
============================================= */
p {
line-height: 22px;
font-family:Helvetica, Verdana, Arial, San-serif;
}
h2 {
font-size: 107%;
text-transform: uppercase;
font-weight: bold;
padding-bottom: 5px;
margin-bottom: 10px;
}
h3 {
font-size: 100%;
font-weight: bold;
color: #c19207;
text-transform: uppercase;
margin-bottom: 10px;
}

.headline {
text-transform: uppercase;
padding: 10px 20px;
background-color: #F8F7EF;
border-top: 1px dotted #EEE;
border-bottom: 1px dotted #EEE;
margin-top: 15px;
color: #666;
}
.large_header {
font-size: 156%;
margin: 0px 0px 30px 30px;
}
.larger_size {
font-size: 152%;
}
.first_letter {
background-color: #F8F7EF;
font-size: 200%;
font-family:"Lucida Grande",Tahoma,Helvetica,Verdana, Arial,sans-serif;
padding: 2px 10px;
float: left;
margin: 3px 5px 0px 0px;
}
.error_message {
padding: 15px;
padding-bottom: 0;
margin-bottom: 30px;
background-color: #ffe7e7;
border: 5px solid #ff3333;
color: #333;
}
.error_message li {
list-style-type: square;
margin-left:  20px;
margin-bottom: 15px;
font-weight: bold;
font-size: 85%;
}
#propell .success {
padding: 30px 30px 30px 110px;
margin-bottom: 30px;
background: #f1feee url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/check.png) no-repeat 30px center ;
border: 5px solid #55bc3d;
color: #333;
font-weight: bold;
}
.highlight {
background-color: #fff8d9;
padding: 5px;
font-weight: bold;
}
ol {
padding: 0px 0px 30px 30px;
}
ol li {
list-style-type: decimal;
margin-bottom: 10px;
line-height: 22px;
font-size: 92%;
color: #444;
}
.check_list {
margin-bottom: 30px;
}
.check_list li {
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/check_small.png) 0px 5px no-repeat;
padding-left: 30px;
padding-bottom: 20px;
line-height: 22px;
font-size: 92%;
color: #444;
}
.simple_list {
margin:0px 0px 30px 30px;
}
.simple_list li {
list-style-type: square;
margin-bottom: 10px;
line-height: 22px;
font-size: 92%;
color: #444;
}
.vcard {
margin-bottom: 20px;
font-weight: bold;
font-style: italic;
font-size: 92%;
}
.highlight_list a {
color: #c19207;
}


/* ICONS
============================================= */
#content h2.icon_heart_small {
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/heart_small.png) left center no-repeat;
padding:5px 0px 5px 40px;
}
#content h2.icon_star_small {
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/star_small.png) left center no-repeat;
padding:8px 0px 8px 40px;
}

/* LOGIN HEADER
============================================= */
#login_header {
width: 900px;
margin: 0 auto;
text-align: left;
padding: 30px;

}


/* TOP NAVIGATION
============================================= */
#page_header {
background: #007db4 url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/navbar_bg.png) repeat-x top left;
}
#header {
height: 70px;
}
.logo {
float: left;
position: relative;
margin-left: 30px;
overflow: hidden;
font-size: 150%;
height: 70px;
width: 190px;
text-indent: -3000px;
}
.logo span {
position: absolute;
top: 0;
left: 0;
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/propell_shops_logo.png) no-repeat top left;
overflow: hidden;
height: 70px;
width: 190px;
}
.logo em {
display: block;
font-size: 45%;
}

/* NAVIGATION
============================================= */
#navigation {
padding-top: 20px;
}
#navigation ul {
padding-left: 30px;
}
#navigation li {
float: left;
margin-right: 5px;
}
#navigation li a {
color: #39C;
background:url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/unselected_nav.png) no-repeat top center;
text-decoration: none;
font-size: 114%;
padding: 6px 0px;
width: 100px;
text-align: center;
float: left;
}
#navigation li.selected a {
color: #333;
font-weight: bold;
background:url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/selected_nav.png) no-repeat top center;
}
#navigation li.join_now {
float: right;
margin-right:0;
width: 100px;
}
#navigation li.join_now a {
color: #39C;
text-decoration: none;
font-size: 114%;
padding: 6px 0px;
width: 100px;
overflow: hidden;
text-indent: -3000px;
text-align: center;
float: right;
background: none;
}
#navigation li.join_now #login_button {
background:url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/login_signup.png) no-repeat top left;
}
#navigation li.join_now #signup_button {
background:url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/login_signup.png) no-repeat top right;
}


/* SIGNUP STRIP
============================================= */
.signup_strip {
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/grey_bar.png) no-repeat top center;
width: 889px;
height: 60px;
padding: 10px 10px 10px 1px;
margin-left: 30px;
overflow: visible;
position: relative;
}
.signup_strip h1 {
height: 55px;
margin: 2px 0px 0px 10px;
width: 465px;
overflow: hidden;
text-indent: -5000px;
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/createstore_title.png) no-repeat top left;
}
.signup_strip .signup_button {
height: 65px;
width: 245px;
display: block;
overflow: hidden;
text-indent: -3000px;
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/signup_sprite.png) no-repeat 0px 0px;
}
.signup_strip .signup_button:hover {
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/signup_sprite.png) no-repeat 0px -65px;
}
.signup_strip .prop {
height: 110px;
width: 220px;
overflow: hidden;
display: block;
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/topbar_icon.png) no-repeat top left;
position: absolute;
bottom: -15px;
right: 230px;
z-index: 5000;
}



/* SUB NAVIGATION
============================================= */
.sub_navigation {
margin-bottom: 20px;
padding-left: 5px;
}
.sub_navigation li  {
border-bottom: 1px dashed #CCC;
}
.sub_navigation li a {
padding: 10px;
display: block;
text-decoration: none;
color: #666;
}
.sub_navigation li.selected {
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/subnav_selected_dark.png) left center no-repeat;
}
.sub_navigation li.selected a {
color: #FFF;
padding: 15px 10px;
}

.sub_navigation li img {
padding:0 0 0 5px;
}

/* BILLBOARD
============================================= */
#billboard {
margin: 0px 0px 0px 30px;
padding: 0px;
width: 900px;
height: 330px;
overflow: hidden;
z-index: 1;
}
#billboard img {
padding: 20px 0px 0px 0px;
width: 900px;
height: 310px;
top: 0;
left: 0;
z-index: 1;
}
#billboard_pager {
margin: 10px 0px 30px 30px;
text-align: right;
float: left;
}
#billboard_pager a {
background-color: #EEE;
padding: 3px 12px;
color: #333;
text-decoration: none;
margin-right: 15px;
font-size: 92%;
}
#billboard_pager .activeSlide {
background-color: #333;
color: #FFF;
}
#billboard_controls {
float: right;
margin: 9px 0px 30px 30px;
color: #333;
}
#billboard_controls .billboard_pause, #billboard_controls .billboard_play {
cursor: pointer;
display: block;
height: 22px;
width: 50px;
overflow: hidden;
text-indent: -3000px;
}
#billboard_controls .billboard_pause {
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/pause.png) left center no-repeat;
}
#billboard_controls .billboard_play {
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/play.png) left center no-repeat;
}

/* SLIDESHOW
============================================= */
#slideshow {
width: 420px;
height: 555px;
overflow: hidden;
position: relative;
}
#slideshow .slideshow_header p {
margin-bottom: 0;
}

#slideshow_nav {
margin: 15px 0px 40px 125px;
}
#slideshow_nav a {
background-color: #EEE;
padding: 5px 15px;
color: #333;
text-decoration: none;
float: left;
margin-right: 15px;
font-size: 122%;
}
#slideshow_nav .activeSlide {
background-color: #333;
color: #FFF;
}


/* CONTENT
============================================= */
#content {
background-color: #FFF;
padding: 30px 30px 40px 0px;
}
.content {
padding: 30px 0px;
text-align: left;
}
#content h1, .content h1 {
font-size: 200%;
margin-bottom: 20px;
}
#content h2, .content h2, 
#launchpad h2 {
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/border.png) repeat-x left bottom;
}
#content h2.header_bg, .content h2.header_bg  {
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/header_bg.png) repeat-x left center;
}

#content p, .content p {
margin-bottom: 20px;
}
#content .section, .content .section {
margin-bottom: 30px;
border-bottom: 1px dotted #CCC;
}
#content .icon, .content .icon {
float: left;
margin: 0px 10px 0px 0px;
}
.features_snipits {
	float: left;
	width: 620px;
}
.features_sidebar {
	float: left;
	margin-left: 25px;
	width: 285px;
	height: 1083px;
	background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/features_sidebar.png) no-repeat;
}
.features_sidebar_content {
	margin: 20px;
}
.features_sidebar_content a {
	color:#C19207;
	text-decoration:underline;
}
.features_sidebar blockquote {
	margin:10px 0 70px 0;
}
.features_line {
	margin: 20px 0 10px 0;
}
.new_section {
padding: 30px;
margin-bottom: 40px;
margin-left: 30px;
background-color: #EEE;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.new_section .one_half {
width: 400px;
margin-left: 0px;
margin-bottom:0px;
}
#content dl, .content dl {
margin-bottom: 30px;
text-align: center;
}
#content dt, .content dt {
font-family: Georgia, Times, serif; 
font-style: italic;
color: #3ca4da;
font-size: 107%;
margin-bottom: 3px;
}

#content dt.ecoFriendly, .content dt.ecoFriendly {
display:block;
height:20px;
padding-right:12px;
background:url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/ecoFriendly_small.png) no-repeat right top;
}

#content dd, .content dd {
color: #999;
font-size: 85%;
}


/* CUSTOMER QUOTES
============================================= */
#customer_quotes {
background-color: #fcfcf9;
width: 900px;
padding: 20px;
margin-left: 30px;
margin-bottom: 40px;
}
blockquote.pquote {
padding: 10px 20px;
border-left: 3px solid #EEE;
}
blockquote h3 {
font-size: 100%;
margin-bottom: 5px;
}
#content blockquote p, blockquote p {
font-family: Georgia, Times, serif;
font-size: 92%;
color: #666;
font-style: italic;
margin-bottom: 10px;
}
blockquote span {
text-transform: uppercase;
display: block;
font-size: 77%;
color: #666;
text-align: right;
}


/* PRODUCT DETAIL
============================================= */
.product_colorswatch {
float: left;
border: 2px solid #AAA;
margin-right: 5px;
height: 20px;
width: 20px;
}

/* MODAL WIDGET
============================================= */
.large_modal h1, .small_modal h1 {
/* background:url(../images/backgrounds/modal_large/modal_header.png) top left repeat-x ; */
border-bottom: 1px solid #c5d8df;
padding: 10px;
font-size: 152%;
font-weight: bold;
color: #687d82;
}
.modal_body {
padding: 20px;
}
.modal_footer {
/* background:url(../images/backgrounds/modal_large/modal_footer.png) bottom left repeat-x ; */
border-top: 1px solid #c5d8df;
padding: 10px;
}
.page_cover {
display: none;
background-color: #000;
position: fixed;
top: 0;
left: 0;
z-index: 500;
width:100%;
height: 100%;
}

/* LARGE MODAL
============================================= */
.large_modal_wrapper {
display: none;
/* background: url(../images/backgrounds/modal_large/modal_top.png) top center no-repeat; */
position: fixed;
top: 50%;
left: 50%;
margin-left: -350px;
z-index: 1000;
width: 700px;
padding-top: 10px;
}
.large_modal {
/* background: url(../images/backgrounds/modal_large/modal_bottom.png) bottom center no-repeat; */
padding-bottom: 10px;
}
.large_modal_inner {
/* background: url(../images/backgrounds/modal_large/modal_bg.png) top center repeat-y; */
padding:0px;
text-align: left;
}
.large_modal h1 {
margin: 0;
}
.large_modal h3 {
margin: 0px 0px 10px 0px;
font-size: 136%;
color: #000;
}
.modal_tabs {
border-bottom: 1px solid #CCC;
margin-bottom: 10px;
float: left;
width: 640px;
}
.modal_tabs li {
float: left;
margin: 0px 10px;
}
.modal_tabs li a {
float: left;
padding: 10px;
}
.modal_tabs li.selected a {
font-weight: bold;
text-decoration: none;
color: #333;
border: 1px solid #CCC;
border-bottom: 1px solid #FFF;
margin-bottom: -1px;
}



/* FORMs
============================================= */
.form {
margin-bottom: 20px;
border: 1px solid #CCC;
border-top: none;
}
.form li.one_third {
width: 280px;
}
.form ul {
padding:30px;
}
.form li {
margin-bottom: 10px;
padding: 5px;
}
#content .form_header {
padding: 10px;
color: #FFF;
font-size: 152%;
background: #033e8c url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/navbar_bg.png) 0px -40px repeat-x;
border: 1px solid #033e8c;
border-bottom: 1px solid #18aae6;
margin: 0;
}
#content .login_header {
padding: 10px;
color: #333;
font-size: 152%;
background: none;
background-color: #EEE;
border: 1px solid #CCC;
border-bottom: 1px solid #999;
margin: 0;
}
.form_header em,
.login_header em {
text-transform: none;
font-size: 55%;
font-style: italic;
}
.form label {
display: block;
font-size: 92%;
font-weight: bold;
}
.form label strong {
color: #ee931a;
}
.form .hint {
font-size: 77%;
}
.form ul input {
width:95%;
padding: 3px;
margin-bottom: 2px;
font-size: 122%;
}
.form ul select {
width:100%;
color: #444;
padding: 2px;
margin-bottom: 2px;
font-size: 122%;
}
.form .tip {
font-size: 85%;
font-style: italic;
font-weight: normal;
color: #999;
}
.form .tip strong {
font-weight: bold;
color: #333;
}
.form .terms label {
margin-left: 5px;
padding-top: 4px;
}
.form .terms input {
width: 15px;
height: 15px;
}
.submit_form, .plain_footer  {
padding: 10px;
background-color: #EEE;
}
.plain_footer input {
font-size: 144%;
}
.submit_form  input {
font-size: 122%;
width: 170px;
height: 50px;
margin-top: 5px;
overflow: hidden;
border: none;
text-indent: -3000px;
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/create_account_sprite.png) no-repeat 0px 0px;
color: #444;
cursor: pointer;
}
.submit_form  input:hover {
background: url(http://c1855082.cdn.cloudfiles.rackspacecloud.com/create_account_sprite.png) no-repeat 0px -50px;
}
.submit_form span {
margin: 0px 10px;
color: #999;
}
.submit_form  a {
color: #900;
}
.form .error input {
border: 3px solid #F00;
}
.form .error #i_agree_to_terms {
border: none;
}
.form .error label {
color:#900;
}
.form_footer  {
padding: 10px;
background-color: #EEE;
}
.form_footer input {
font-size: 152%;
color: #FFF;
padding: 5px 10px;
background-color: #044390;
}
.form #url {
width: 40%;
margin: 0px 3px;
}
.form #demographic {
width: 50%;
margin: 0px 3px;
}

/* LAUNCHPAD
============================================= */
#launchpad {
padding: 40px 0px;
background-color: #EEE;
border-top: 1px solid #f4f2f2;
}
#launchpad .one_third {
background-color: #FFF;
padding: 20px;
margin-bottom: 0;
width: 240px;
min-height: 215px;
margin-left: 30px;
}
#launchpad ul, #launchpad ol {
margin-bottom: 0;
}
#launchpad ol {
padding-bottom: 0;
}
#launchpad dl {
font-size: 85%;
}
#launchpad dt {
font-weight: bold;
color: #444;
float: left;
clear: left;
margin-right: 5px;
}
#launchpad dd {
margin-bottom: 15px;
}


/* FOOTER
============================================= */
#footer {
padding: 20px 0px;
background-color: #DDD;
border-top: #CCC;
text-align: left;
font-size: 85%;
}
#footer ul {
margin-left: 30px;
}
#footer li {
display: inline;
margin-right: 30px;
}
#footer li a {
text-decoration: none;
color: #c19207;
border-bottom: 1px dotted #c19207;
padding-bottom: 3px;
}