/* Global */
* { padding: 0; margin: 0; }
html { font-size: 12px; }
p, ul, h1, h2, h3, h4, h5, h6, ol, dl, table { padding-bottom: 15px; line-height: 1.3; font-family: arial, sans-serif; color: #5b5a5a; }
h1, h2, h3, h4, h5, h6, label { font-family: verdana, arial, sans-serif; color: #000; }
img { border: none; }
table { padding: 0 !important; margin: 0 !important; }
table * { vertical-align: top; }

/* Font Sizing - IE ems for accessibility */
* html { font-size: .75em !important; }

/* Structure */
.container { width: 818px; margin: 0 auto; }

/* Header */
.header { padding-top: 50px; }
.header * { padding-bottom: 0; margin: 0; }
.header h6 { font-size: .9em; font-style: italic; text-indent: 60px; }
.header h5 { text-align: right; font-size: 1em; margin: -23px 0 0 0; padding-bottom: 30px; font-style: italic; text-transform: uppercase; color: #1958aa; }

/* Navigation - Top */
.nav { text-align: right; position: absolute; top: 0; margin-left: 2px; width: 776px; padding: 10px 40px 10px 0; text-transform: uppercase; font-weight: bold; background: #81b2da; }
.nav li { display: inline; }

/* Content Formatting */
.breadcrumb { font-family: verdana, arial, sans-serif; background: #81b2da; color: #fff; padding: 15px 0 15px 15px; font-size: 1em; }
.content h1 { color: #1958aa; font-size: 1.4em; border-bottom: 2px solid #1958aa; padding-bottom: 3px; margin-bottom: 8px; }
.content h2 { color: #2f76bb; font-size: 1.05em; padding-bottom: 3px; }
.content ul { padding-left: 35px; }
.content ul li { padding-bottom: 5px; }

/* Home Formatting */
.howitworks { margin: 0 0 10px 10px; float: left; display: inline; width: 600px; padding: 0; border: 0; }
.logos { width: 170px; float: left; display: inline; border: 1px solid #ccc; margin-left: 6px; }
.step { float: left; display: inline; width: 251px; margin-right: 9px !important; }
.step h2 { color: #fff; background: #81b2da; font-weight: normal; font-size: 1.1em; }
.step h2 span { font-weight: bold; text-transform: uppercase; }
.step p, .step dl, .step ul { padding-left: 5px; }
.step dl dt { font-weight: bold; color: #1958aa; }
.step dl dd { padding: 0 0 10px 40px; }
#one { margin-left: 13px !important; }
#two { margin-right: 10px; }
.twotext { font-weight: bold;  color: #1958aa; }
#three { margin-left: 13px; }
#three .answer { margin-left: 2px; }
#imagebox { height: 128px; text-align: center; }
.maincol { float: left; display: inline; width: 440px; margin-left: 5px; }
.maincol h1 { font-size: 1.2em; }
.newscol { float: right; display: inline; width: 345px; margin-right: 15px; }
.newscol h1 { background: #00ae56; color: #fff; margin: 0 !important; padding: 3px 10px 10px; border-bottom: none; font-size: 1.2em; }
.newscol h6 { text-align: right; display: absolute; width: 315px; margin-top: -24px; }
.newscol .date { padding-bottom: 0; font-weight: bold; }
.step1-or { font-weight: bold; color: #1958AA; }
#add-another { display: none; }
#three div p { margin-bottom: 10px; clear: both; margin-top: 3px; margin-right: 27px; }

/* Selling List */
#three #PhoneList {
	width: 769px;
	border: 1px solid #ccc;
	border-collapse: collapse;
}
#three #PhoneList th {
	background: url("../img/bg_th.gif") repeat-x scroll center center transparent;
	color: #fff;
	text-align: left;
	padding: 5px;
	height: 14px;
}
#three #PhoneList td {
	padding: 2px 7px;
	border-bottom: 1px solid #ccc;
}

/* Footers */
.footer-main { text-align: center; padding: 11px 0; text-transform: uppercase; font-weight: bold; }
.footer-main li { display: inline; padding: 0 8px; }
.footer-secondary { width: 760px; margin: 0 auto; text-align: center; padding: 3px 0 8px; }
.footer-secondary li { display: inline; padding: 0 8px; font-weight: bold; font-size: .9em; color: #5b5a5a; }

/* .Com */
.dotcom { width: 760px; margin: 0 auto; text-align: center; }

/* Style Classes */
.question { margin-bottom: 0; padding-top: 6px; font-size: 1em !important; }
.clear { width: 100%; font-size: 1px; line-height: 0; height: 1px; clear: both; }
.problem { text-transform: uppercase; color: #2f76bb; font-size: 1em; padding-bottom: 4px; }
.prob-text { font-weight: bold; padding: 2px 0; }
.expanded { list-style-type: none; padding-bottom: 0 !important; }
.expanded ul { padding-bottom: 0 !important; }
.close { text-align: right; }
.arrows { font-weight: bold; color: #256db6; }
.newscol .arrows { text-align: right; }
.answer { font-weight: bold; }
.answer a { text-decoration: none; }
.instructions { font-style: italic; }
.stepimg { position: relative; z-index: 999; }
.even { background: #e8f6ff; border-top: 1px solid #b6d4dd; }
.checkout table { margin-bottom: 15px !important; }
.checkout table th { color: #fff; font-size: 1.1em; background: #1958aa; font-weight: normal; padding: 3px ; }
.checkout table tr td { padding: 4px 0; text-align: center; }
.error_message { font-style: italic; font-size: .99em; padding: 4px 0 1px; color: #d00; }
.totop { text-align: right; padding-bottom: 10px; }
.subheadline { color: #1958aa; font-weight: bold; font-size: 1.1em; }
.addAnother { position: absolute; padding: 5px 0 0 15px !important; }
.thankyou table { margin: 0 0 15px 20px !important; }
.thankyou table th { color: #fff; font-size: 1.1em; background: #1958aa; font-weight: normal; padding: 3px 25px; }
.thankyou table tr td { padding: 4px 0; text-align: center; }
.thankyou ol { margin: 0 20px 15px 45px; }
.thankyou .subheadline { padding-bottom: 5px; }
.thankyou dl dt { font-weight: bold; margin-left: 20px; color: #0b9029; text-align: right; width: 100px; }
.thankyou dl dd { margin: -16px 0 12px 135px; }
.thankyou img { margin-left: 100px; }
.green { color: #0b9029; font-style: italic; }
.error { font-weight: bold; color: #f00; }

/* Links */
.nav li a { color: #fff; text-decoration: none; padding: 10px 12px 12px 10px !important; }
.breadcrumb a { color: #fff !important; text-decoration: none; }
.prob-text a { color: #009237 !important; margin-left: 5px; }
.footer-main li a { text-decoration: none; }

.nav li a:visited { color: #fff; }

a:link { color: #256db6; }
a:visited { color: #256db6; }
a:hover { color: #256db6; }

.breadcrumb a:hover { text-decoration: underline !important; }
.prob-text a:hover { text-decoration: none; }
.answer a:hover { text-decoration: underline; }
.footer-main li a:hover { text-decoration: underline; }

#autocomplete {
	margin: 0 0 0 75px;
	padding: 68px 0 0 0;
}

#findyourphone {
	margin-left: 15px; position: relative; width: 765px; height: 139px; background: url('/dev/img/findyourphone_bg.png') no-repeat;
	margin-bottom: 15px;
}
#enter-phone {
	display: block;
	font-weight: bold;
	font-family: Verdana, Arial, sans-serif;
	color: #1958AA;
	font-size: 13px;
	margin-left: 1px;
}
#deprecated #autocomplete #search-input {
	position: relative;
	top: 1px;
	height: 28px;
	border: 2px solid #2F76BB;
	border-radius: 3px;
	width: 663px;
	font-size: 14px;
	font-style: italic;
	color: #888;
	padding: 0 8px;
	margin-bottom: 10px;
}

#autocomplete #search-input {
	border: 0;
	outline: 0;
	-moz-focus: 0;
	font-family: verdana, arial;
	font-size: 20px;
	color: #888888;
	font-style: italic;
	width: 530px;
}
#autocomplete #search-submit {
	width: 129px;
	height: 45px;
	position: absolute;
	left: 606px;
	top: 58px;
	border: none;
	text-indent: -9999px;
	background: url('../img/findphone_submit.png') no-repeat;
}
#autocomplete .writing {
	font-style: normal !important;
	color: #000 !important;
}
#deprecated #autocomplete #search-submit {
	width: 85px;
	height: 29px;
	background: url('../img/search_button.gif') no-repeat;
	border: 0;
	text-indent: -9999px;
	line-height: 0;
}

#autocomplete-results {
	position:absolute;
	width:250px;
	background-color:white;
	border:1px solid #888;
	margin:0;
	padding:0;
	font-size: 16px;
	z-index: 9999;
}
#autocomplete-results ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
#autocomplete-results ul li.selected span { background-color: #E8F6FF;}
#autocomplete-results ul li {
	list-style-type:none;
	display:block;
	margin:0;
	padding:2px;
	cursor:pointer;
}
#autocomplete-results ul li img {
	width: 30px;
	max-height: 30px;
	margin-right: 10px;
	float: left;
}
#autocomplete-results ul li span {
	padding: 0 5px;
	height: 30px;
	line-height: 30px;
	float: left;
	display: block;
}
#questionsAboutPhoneCallout {
	/*midpoint is 81+30, width is 240 */
	position: absolute;
	top: -80px;
	right: 0;
	background: url('../img/calloutBubble.png') no-repeat;
	width: 230px;
	z-index: 500;
	height: 86px;
	padding: 7px;
	font-family: verdana, arial;
	font-size: 10px;
	display: none;
	text-align: center;
}
#featured-phones-container {
	width: 254px;
	height: 144px;
	background: url('../img/featured-phones-container.gif') no-repeat;
}
#resend-label {
	position: relative;
	top: -12px;
	left: 19px;
}

.success {
	font-weight: bold;
	color: green;
}
.error {
	font-weight: bold;
	color: red;
}
