/*================================
	Showroom Logic site styles
	Patrick Bennett
	8/09
=================================*/

body {
	margin:0 auto;
	background:#f2f0f0;
	font-family:"Myriad Pro", "Trebuchet MS", Arial, sans;
}

.clear {
	clear:both;
}

a img {
	border:none;
}

#container {
	width:1066px;
	margin:25px auto;
	background:url(../images/contentBg.png) no-repeat;
}

#content {
	width:1024px;
	background:#fff;
	margin:0 auto;
	overflow:auto;
}

#header {
	width:915px;
	margin:25px auto 0 auto;
	position:relative;
}

#header #links {
	position:absolute;
	top:15px;
	z-index:500;
	right:0px;
}

#header #links a {
	color:#006699;
}

#header #links a:hover {
	color:#222;
}

hr {
	color:#f1f1f1;
	background-color:#f1f1f1;
	height:5px;
	border:none;
}

#header p {
	font-size:15px;
	color:#555;
	margin:10px;
}

#header img.topimg {
	margin:10px 0;
}

#header img.ubar {
	float:left;	
}

#header img.signup {
	float:right;
}

#form {
	width:650px;
	margin:10px 0 10px 25px;
	float:left;
}

#content h1 {
	color:#111;
	font-weight:normal;
	font-size:28px;
	margin:35px 0 0 15px;
	border-bottom:1px dotted #ccc;
}

#content h2 {
	color:#006699;
	font-weight:normal;
	font-size:20px;
	margin:35px 0 0 15px;
	border-bottom:1px dotted #ccc;
}

#form .req {
	color:#990000;
}

#form form {
	margin:10px 10px;
	font-size:15px;
}

#form form label {
	width:160px;
	display:block;
	float:left;
	margin:15px 25px 5px 0;
	text-align:right;
	color:#333;
}

#form form div {
	width:440px;
	margin:10px 0;
	clear:right;
	float:left;
}

#form form .input {
	font-size:16px;
	color:#444;
	width:350px;
}

#form form .select {
	font-size:15px;
	color:#444;
}

#form form .submit {
	font-size:16px;
	margin:25px 0 0 375px;
}

#form small {
	font-family:Arial, Helvetica, sans-serif;
	color:#555;
	font-size:11px;
}

#form #dlimit {
	padding:2px 5px;
	background:#FFFF99;
	margin-top:5px;
	color:#333;
	font-weight:normal;
}

#form #dlimit span {
	font-weight:bold;
}

#content li {
	line-height:22px;
}

#info {
	width:280px;
	float:right;
	margin:0 30px 0 0;
}

#info .box {
	border:1px solid #ccc;
	padding:10px;
	background:#f9f9f9;
	width:230px;
}

#info .box h3 {
	color:#444;
	font-size:15px;
}

#info .box p {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444;
	line-height:18px;
}

#details {
	width:915px;
	margin:25px auto 25px auto;	
}

#agreement {
	height:250px;
	overflow:scroll;
	padding:10px;
	border:1px solid #ccc;
	width:890px;
	margin:25px auto 0 auto;	
}

#agreement p, #agreement ul, #agreement li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#agreement span.u {
	text-decoration:underline;
	font-weight:bold;
}

#header p.error {
	color:red;
	font-weight:bold;
}

#details .box {
	width:303px;
	height:430px;
	float:left;
}

#details #googlebox a {
	display:block;
	width:303px;
	height:278px;
	background:url(../images/boxGoogleImg.png) no-repeat;;
}

#details #googlebox a:hover {
	background:url(../images/boxGoogleImgOver.png) no-repeat;
}

#details #twitterbox a {
	display:block;
	width:303px;
	height:278px;
	background:url(../images/boxTwitterImg.png) no-repeat;	
}

#details #twitterbox a:hover {
	background:url(../images/boxTwitterImgOver.png) no-repeat;
}

#details #facebookbox a {
	display:block;
	width:303px;
	height:278px;
	background:url(../images/boxFacebookImg.png) no-repeat;	
}

#details #facebookbox a:hover {
	background:url(../images/boxFacebookImgOver.png) no-repeat;
}

#details #twitterbox.box {
	width:309px;
}

#details .box p.info {
	padding:5px;
	background:#f7f5f5;
	border:1px solid #e8e8e8;
	color:#363636;
	width:285px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	line-height:24px;
}

#details .box p.info strong {
	color:#000000;
}

#details #twitterbox.box p.info {
	margin-left:6px;
}	

#details #facebookbox.box p.info {
	margin-left:6px;
}

#details p.desc {
	color:#333;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
}

#details .site {
	width:303px;
	float:left;
	overflow:visible;
	font-family:Arial, Helvetica, sans-serif;
}

#details .site strong {
	color:#006699;
	font-size:18px;
}

#details .site ul {
	margin:0 0 0 15px;
	padding:0;
}

#details .site li a {
	text-decoration:none;
	color:#444;
	font-size:14px;
}

#details .site li a:hover {
	color:#000;
}

.package {
	width:300px;
	float:left;
	background:#f7f7f7;
	padding:10px;
	margin:15px 0 15px 58px;
	border:1px solid #ccc;
}

.package a {
	padding:5px 10px;
	background:#33CC00;
	color:#fff;
	text-decoration:none;
	float:right;
	font-size:14px;
}

.package a:hover {
	background:#333;
}

#content .package h2 {
	margin:0;
	padding:0;
}