/*-------------------------------------------------
Title:		Solis styles for screen media
Updated:	July 17 2010
------------------------------------------------- */





/* link styles
------------------------------------------------- */
a:link,
a:visited,
a:hover,
a:active {
	color: #b30839;
	text-decoration: underline;
	}
		
a:hover {
	text-decoration: none;
	}
	
a:active {
	}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #666;
	}

#footer a:hover {
	color: #b30839;
	text-decoration: underline;
	}
/* -------------------------------------------------
                                  end link styles */





/* typography
------------------------------------------------- */
h1 {
	color: #9c0808;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 2.4em;
	font-weight: normal;
	}

.sidebar h3 {
	border-top: .4375em solid #9c0808;
	color: #9c0808;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	text-transform: uppercase;
	padding: .3125em; /*5px*/
	}

h2 {
	font-size: 1.4em;
	line-height: 1.714;
	margin: 1.714em 0 0 0;
	}


.sidebar h4 {
	font-size: 1.2em;
	line-height: 2;
	margin-top: 2em;
	}

h4 em.title {
	font-style: normal;
	font-weight: normal;
	}
	
p {
	font-size: 1.2em;
	line-height: 2;
	margin: 2em 0;
	}
	
	.send p {
		line-height: 1.5;
		}
	
	.sidebar h3 + div.copy p:first-child {
		margin-top: 1.25em;
		}
	
	.sidebar .copy h4 + p {
		margin-top: 0;
		}
	
	h2 + p {
		margin-top: 1em;
		}



ol,
ul {
	margin: 0 0 2.4em 3.6em;
	}
	
	li ol,
	li ul {
		margin: .5em 0 .5em 2em;
		}

li {
	font-size: 1.2em;
	line-height: 1.5em;
	}

li li {
	font-size: 1em;
	}

ol li li {
	list-style: lower-alpha;
	}


.vcard {
	font-size: 1.2em;
	line-height: 2;
	margin: 2em 0;
	}

.vcard .org {
	font-weight: bold;
	}

.vcard .tel .type {
	color: #999;
	font-size: .91666em;
	text-transform: uppercase;
	}


dt {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.5;
	}
	
	dt.error {
		color: #aa0000;
		font-size: 1.1em;
		line-height: 1.63636;
		text-transform: uppercase;
		}

dd {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 .75em 0;
	}
	
	dd input,
	dd textarea {
		font-size: 1em;
		font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
		padding: .1666em;
		}

dd.note {
	color: #666;
	font-size: 1.1em;
	line-height: 1.63636;
	margin: -.81818em 0 .81818em 0;
	}
/* -------------------------------------------------
                                   end typography */





/* table styles
------------------------------------------------- */
h1 + table.data {
	margin-top: 1.5em;
	}

table.data {
	border-bottom: 1px solid #ccc;
	}

td, th {
	font-size: 1.2em;
	line-height: 1.25;
	padding: .25em 1.5em .25em .25em;
	text-align: left;
	}

thead th {
	border-bottom: 1px solid #ccc;
	}

.odd td {
	background: #f7f7f7;
	}
/* -------------------------------------------------
                                 end table styles */





/* navigation
------------------------------------------------- */
ul.nav li,
#nav li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: none;
	}

.nav li a span,
#nav li a span {
	display: none;
	}
	
.nav li.active a span,
.nav li a:hover span,
#nav li.active a span,
#nav li a:hover span {
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	}

.nav li a span.tl,
#nav li a span.tl {
	top: 0;
	left: 0;
	}

.nav li a span.tr,
#nav li a span.tr {
	top: 0;
	right: 0;
	}

.nav li a span.bl,
#nav li a span.bl {
	bottom: 0;
	left: 0;
	}

.nav li a span.br,
#nav li a span.br {
	bottom: 0;
	right: 0;
	}


#nav {
	float: right;
	display: inline;
	margin: 10px 10px .5em 0;
	}

#nav li {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1;
	margin: 0 .5em 0 0;
	text-transform: uppercase;
	}

#nav li a:link,
#nav li a:visited,
#nav li a:hover,
#nav li a:active {
	float: left;
	display: block;
	position: relative;
	padding: .5em 1em;
	background: #fff;
	color: #b30839;
	text-decoration: none;
	}
	
	#nav li a span.tl {background: #b30839 url(../img/ui/corners/sc_b30839_tl.png) no-repeat 0 0;}
	#nav li a span.tr {background: #b30839 url(../img/ui/corners/sc_b30839_tr.png) no-repeat 0 0;}
	#nav li a span.bl {background: #b30839 url(../img/ui/corners/sc_b30839_bl.png) no-repeat 0 100%;}
	#nav li a span.br {background: #b30839 url(../img/ui/corners/sc_b30839_br.png) no-repeat 100% 100%;}
		

#nav li.active a:link,	
#nav li.active a:visited,	
#nav li.active a:hover,	
#nav li.active a:link,	
#nav li a:hover {
	background: #b30839;
	color: #fff;
	}





ul.nav {
	width: 16em;
	margin: 0;
	}

ul.nav li {
	font-size: 1.2em;
	line-height: 1;
	}

ul.nav li a:link,
ul.nav li a:visited,
ul.nav li a:hover,
ul.nav li a:active {
	color: #454545;
	display: block;
	width: 11.3333em;
	padding: .5em 1em;
	text-decoration: none;
	}

ul.nav li a:hover {
	text-decoration: underline;
	}

ul.nav li.active a {
	font-weight: bold;
	text-decoration: none;
	}

/* -------------------------------------------------
                                   end navigation */





/* content
------------------------------------------------- */
.buy {
	float: left;
	width: 260px;
	border-right: 1px solid #c2c2c2;
	text-align: center;
	}
	
	.buy#superc img,
	.buy#purekick img {
		padding: 15px 0;
		}
		
	.buy#zoic {
		border: none;
		}
	
	.buy p {
		margin: 0;
		}
/* -------------------------------------------------
                                      end content */





/* begin "smarts" promo
------------------------------------------------- */
#smarts {
	}
	
	#smarts .title {
		padding: 9px 0 8px 10px;
		background: #87062b url(../img/promos/smarts/gradient_title.png) repeat-x 0 0;
		}
	
	#smarts p {
		line-height: 1.5;
		margin: 0;
		text-align: left !important;
		}
	
#info {
	position: relative;
	float: left;
	width: 60em;
	}
	
	#info .title {
		margin-top: 284px;
		}
	
	#info .blockquote {
		position: absolute;
		top: 0;
		left: 0;
		border-top: 1px solid #c2c2c2;
		border-bottom: 1px solid #fff;
		}
		
	#info .blockquote#dixon {
		background: #f5f5f5 url(../img/promos/smarts/gradient_info_dixon.png) repeat-y 100% 0;
		}

	#info .blockquote#elliott,
	#info .blockquote#backup {
		background: #d3dae0 url(../img/promos/smarts/gradient_info.png) repeat-y 100% 0;
		}
		
		#info .blockquote#dixon blockquote {
			width: 60em;
			min-height: 248px;
			padding: 35px 0 0 0;
			background: url(../img/promos/smarts/dixon_bust.png) no-repeat 100% 100%;
			}
			
			#info .blockquote#dixon blockquote img {
				padding: 0 0 0 30px;
				}

			#info .blockquote#dixon blockquote p {
				margin: 0 0 0 25px;
				padding: 10px 0 0 26px;
				background: url(../img/ui/bullets/emdash_b30839.png) no-repeat 8px 1.5em;
				}

		#info .blockquote#elliott blockquote,
		#info .blockquote#backup blockquote {
			width: 60em;
			min-height: 248px;
			padding: 35px 0 0 0;
			background: url(../img/promos/smarts/elliott_bust.png) no-repeat 0 100%;
			}
			
			#info .blockquote#elliott blockquote img,
			#info .blockquote#backup blockquote img {
				padding: 0 0 0 235px;
				}
			
			#info .blockquote#elliott blockquote p,
			#info .blockquote#backup blockquote p {
				margin: 0 0 0 235px;
				padding: 10px 0 0 26px;
				background: url(../img/ui/bullets/emdash_b30839.png) no-repeat 8px 1.5em;
				}
				
				#info .blockquote blockquote p cite {
					font-style: normal;
					}
		
		
		#info .blockquote#good {
			background: #8ab9e7 url(../img/promos/smarts/good_bg_610x284.jpg) no-repeat 100% 0;
			border-top: none;
			width: 60em;
			height: 283px;
			}
			
			#info .blockquote#good blockquote {
				background: url(../img/promos/smarts/good_superc.jpg) no-repeat -10px 0;
				position: relative;
				height: 283px;
				}
			
			#info .blockquote#good img.heading {
				position: absolute;
				top: 35px;
				left: 23.8em;
				}

			#info .blockquote#good img.list {
				position: absolute;
				top: 70px;
				left: 25.8em;
				}
				
			#info .blockquote#good p {
				position: absolute;
				top: 185px;
				left: 22.166666em;
				}
				
			#info .blockquote#good p * {color: #003f82;}
		
		
		#info .blockquote#optimal {
			width: 60em;
			height: 282px;
			background: url(../img/promos/smarts/gradient_info_fff.png) repeat-y 100% 0;
			}
			
			#info .blockquote#optimal blockquote {
				position: relative;
				width: 100%;
				height: 100%;
				background: url(../img/promos/smarts/optimal_bg.jpg) no-repeat 0 0;
				}
				
				#info .blockquote#optimal blockquote p {
					position: absolute;
					top: 200px;
					left: 180px;
					}



#knowledge {
	margin: 0 0 100px 0;
	background: url(../img/promos/smarts/gradient_info_fff.png) repeat-y 100% 0;
	}
	
	#knowledge div {
		width: 100%;
		height: 0;
		margin: 20px 0;
		padding: 10px 0 0 0;
		overflow: hidden;
		background: url(../img/promos/smarts/gradient_info_btm.png) repeat-y 100% 0;
		}


#brands {
	float: right;
	width: 30em;
	}
	
	#brands .brand {
		width: 27em;
		margin: 0 auto;
		padding: 0 0 15px 0;
		text-align: center;
		}
	
	#brands .brand#superc,
	#brands .brand#zoic {
		border-bottom: 1px solid #c2c2c2;
		}
	
	#brands .brand#purekick {
		padding: 15px 0 0 0;
		}
/* -------------------------------------------------
                               end "smarts" promo */