@charset "UTF-8";

/* Get Started Styles */

#start-wrap { position: relative; margin: 0 auto; width: 100%; height: auto; background: url(images/site/background-start.png) top left no-repeat; }

#log-wrap { position: relative; margin: 0 auto; padding-left: 670px; }

.start-login { padding-bottom: 22px; float: left; height: auto; font-size: 18px; }

.cart-gfx { float: right; position: relative; margin: 0 auto; }

.start-login a:link, .start-login a:visited { background: #2fd8fa; color: #fff; text-decoration: none; padding: 2px; font-size: 14px; }

.start-login a:hover, .start-login a:active { background: #3082ac; text-decoration: underline; }

.start-box { width: 926px; font-size: 24px; padding-top: 5px; padding-left: 81px; clear: both; }

.start-box p { padding-top: 9px; padding-left: 5px; }

.start-box table, tr, td { border: none; background: #ecf9ff; color: #000; font-size: 12px; padding: 3px; }

.start-steps { float: left; width: 230px; position: relative; margin: 0 auto; }

.start-form { width: 585px; float: left; padding-left: 40px; margin: 0 auto; }

.form-tiny { font-size: 20px; font-weight: bold; color: #2c80ae; text-align: center}

.form-tinier { font-size: 18px; font-weight: bold; color: #07a5fb; }

.form-url { font-size: 10px; color: #000; margin: -20px 0px 15px 190px; clear: both; }

.form-error { font-size: 12px; color: #FF0000; font-weight: bold; }

.form-error-big { font-size: 18px; color: #FF0000; font-weight: bold; }

.start-box label { float: left; text-align: left; display: block; width: 175px; }

.start-box input { float: left; margin: 1px 0 20px 10px; width: 275px; }

.start-box textarea { float: left; margin: 1px 0 20px 10px; width: 275px; }

.start-box select { float: left; margin: 1px 0 20px 10px; width: 48%; }

.start-box .storeset select { float: left; margin: 1px 0 20px 10px; width: 45px; }

.start-form button {
	clear: both;
	/*margin-left: 186px;*/
	/*width: 125px;*/
	padding: 3px;
	margin-right: 20px;
	height: 31px;
	background: #07a5fb;
	text-align: center;
	line-height: 31px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	border: none;
}

.start-form button:hover, .start-form button:active { background: #2c80ae; color: #fff; text-decoration: underline; }

.cart-table button {
	clear: both;
	/*margin-left: 186px;*/
	/*width: 125px;*/
	padding: 3px;
	margin-right: 20px;
	margin-top: 6px;
	height: 31px;
	background: #07a5fb;
	text-align: center;
	line-height: 31px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	border: none;
}

.cart-table button:hover, .cart-table button:active { background: #2c80ae; color: #fff; text-decoration: underline; }

.start-form a:link, .start-form a:visited { text-decoration: underline; color:#07a5fb; }

.start-form a:hover, .start-form a:active { text-decoration: underline; color:#2c80ae; }

.album-link a:link, .album-link a:vistied { height: 100%; text-decoration: none; display: block; color: #07a5fb; }

.album-link a:hover, .album-link a:active { background: #ecf9ff; text-decoration: none; }

.legal-form { width: 100%; position: relative; }

.legal-info {
	margin-top: 20px;
	padding: 10px;
	width: 75%;
	height: 400px;
	overflow: auto;
	font-size: 14px; 
	margin-right: auto;
	margin-left: auto;
	color: #000;
	background: #fffff5;
}

.legal-form button {
	clear: both;
	margin-top: 20px;
	margin-left: 150px;
	/*width: 125px;*/
	padding: 3px;
	height: 31px;
	background: #07a5fb;
	text-align: center;
	line-height: 31px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	border: none;
}

.legal-form button:hover, .legal-form button:active { background: #2c80ae; color: #fff; text-decoration: underline;  }

.start-steps button {
	clear: both;
	/*margin-left: 186px;
	width: 125px;*/
	padding: 3px;
	height: 31px;
	background: #07a5fb;
	text-align: center;
	line-height: 31px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	border: none;
}

.start-steps button:hover, .start-steps button:active { background: #2c80ae; color: #fff; text-decoration: underline;  }

.radio { clear: both; margin: 0px; width: 100%; }

.radio2 { clear: both; margin: 0px; width: 100%; }

.radio label { margin: 0px; font-size: 18px; float: left; width: 36px; }

.radio2 label { margin: 0px; font-size: 18px; float: left; width: 450px; }

.radio input { float: left; margin: 0px; width: 40px; padding-top: 5px; border: none; background: none; }

.radio2 input { float: left; margin: 0px; width: 40px; padding-top: 5px; border: none; background: none; }

.small-box { padding-top: 10px; }

.small-box input { margin-right: 230px; float: right; width: 45px; padding-top: 5px; }

.small-box strong { margin: 0px 0px 0px 42px; font-size: 18px; color: #2c80ae; }

.form-text { display: block; text-align: left; font-size: 18px; width: 175px; }

/*.steps-fade {
	filter: alpha(opacity=35);
	-moz-opacity: 0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;
}*/

.steps-active { background-color: #ecf9ff; padding: 3px 0px 3px 3px; }

.start-steps p { font-size: 14px; padding-top: 3px; padding-bottom: 4px; }

/* Login Styles */

#login-wrap { position: relative; margin: 0 auto; width: 100%; height: auto; background: url(images/site/background-login.png) top left no-repeat; }

.login-box { width: 856px; font-size: 24px; padding-top: 5px; padding-left: 81px; clear: both; position: relative; }

.login-box p { padding-top: 9px; padding-left: 5px; }

.login-box a:link, .login-box a:visited { color: #3082ac; text-decoration: underline; }

.login-box a:hover, .login-box a:active { color: #fff; text-decoration: underline; }

.login-head { width: 100%; padding: 8px; font-weight: bold; background: #2c80ae; color: #fffff5; }

#cust-login { width: 410px; float: left; padding: 20px 0px 5px 5px; position: relative; }

#cust-login-self { width: 410px; float: left; padding: 20px 0px 5px 5px; position: relative; }

#client-login { width: 410px; float: right; padding: 20px 0px 5px 5px; position: relative; }

.login-box fieldset { padding-top: 15px; }

.login-box label { float: left; text-align: left; display: block; width: 145px; font-size: 18px; text-align: right; }

.login-box input, textarea, select { float: left; margin: 1px 0 20px 10px; width: 200px; }

.login-box button {
	clear: both;
	margin-left: 156px;
	/*width: 125px;*/
	padding: 3px;
	height: 31px;
	background: #07a5fb;
	text-align: center;
	line-height: 31px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	border: none;
}

.login-box button:hover, .login-box button:active { background: #2c80ae; color: #fff; text-decoration: underline;  }

/* Store Setup Styles */

.info-table table { width: 99%; }

.info-table tr { background: #3082ac; border: none; color: #fff; }

.info-table th { padding: 5px; }

.info-table input { width: 80%; margin: 1px 0 10px 10px; float: none; font-size: 12px; }

.info-table .pricechange input { width: 60%; margin: 1px 0 10px 10px; float: none; font-size: 12px; }

.info-table .deletetrack input { width: 16px; height: 16px; background: none; border: none; margin: 1px 0 10px 10px; float: none; font-size: 12px; }

.info-table select { width: 80%; margin: 1px 0 10px 10px; float: none; font-size: 12px; }

.info-table-radio input { background: none; border: none; }

.info-table button { width: 90%; }

.cart-table table { width: 80%; }

.cart-table tr { background: #3082ac; border: none; color: #fff; }

.cart-table th { padding: 3px; }

.cart-table input, select { margin: 1px 0 10px 10px; float: none; font-size: 12px; }

.error { color: #FF0000; font-weight: bold; }

.file { margin-left: 86px; }

/* Contact Form */

.contact-table table { width: 99%; background:none; }

.contact-table td { background:none; }

.contact-table tr { background: none; border: none; }

.contact-table th { padding: 5px; }

.contact-table input, textarea { margin: 1px 0 10px 10px; float: none; font-size: 12px; }

.contact-table select { margin: 1px 0 10px 10px; float: none; font-size: 12px; }

.contact-table-radio input { background: none; border: none; }