/*****************************************************************************
	NAME: 	 	store.cssp
	DATE:	 	07-11-2007
	AUTHOR:	 	David Aguilera
	FUNCTION: 	Stylesheet for SponsoringMedia lead store
******************************************************************************/



body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	color: #000;
	background: #ccc;
}

h1 {
	color: ;
	font-size: 1.5em;
	border-bottom: 1px solid #eaeaea;
	margin: 0 0 .8em 0;			
}

h2 {
	margin: 0;
	padding: 0;			
	font-size: 1.3em;
	color: #FE9901;
}

h3 {
	color: ;
	font-size: 1.4em;
	border-bottom: 1px solid #eaeaea;
	margin: 38px 0 0 83px;
}

p {
	line-height: 1.3;
}

hr {
	border: 1px solid #eaeaea;			
}

input:focus, form#form textarea:focus{
	border: 1px solid #F1AA03;
	background: #FFFFFF;
}

input, textarea, select {
	font: 12px Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	padding: 0 .15em;
	margin: 0 0 .2em 0;
}

input.disabled {
	color: #666;
}

#container {
	width: 779px;
	margin: 0 auto;
	background: #fff;
	text-align:left;
	border: 1px solid #000;
	background-color: ;
	
		background-image: url('/store/images/background_content.png');
		
}
	
#columnleft {
	float: left;
	width: 465px;
	padding: 0;
	background-repeat: repeat-y;
	background-position: top right;	
	
		background-image: url('/store/images/background_menu_shadow.png');
	
}

#columnleft form {
		z-index: 10;
		position: relative;
}

#columnright {	
	float: right;
	width: 310px;
	padding: 0;
	/*border: 1px solid #666;*/	
}

#content {
	padding:0;
	background: url('/store/images/background_footer_highlight.png') repeat-x bottom left;
}

#content_inner {
	margin:10px;
	padding: 10px;
	background: #fff;
	border: 1px solid #ccc;
}

/* NAVIGATION MENU */
ul#navmenu  {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 10px 0;
}

ul#navmenu li {
	margin: 0;
	padding: 20px 0 16px 0;
	width: 100%;
	background-repeat: no-repeat;
	background-position: top right;
	
		background-image: url('/store/images/background_menu.png');
		
}

ul#navmenu li a {
	text-decoration: none;
	color: #fff;
	padding: 30px 0 30px 60px;
	font-size: 16px;
	font-weight: bold;	
	background-repeat: no-repeat;
	background-position: 0;	
	
		background-image: url('/store/images/arrow_menu_down.png');
		
	
}

ul#navmenu li a:hover,
ul#navmenu li a:active,
ul#navmenu li a:focus {
	color: #FFCC00;	
	background-repeat: no-repeat;
	background-position: 0;	
	background-image: url('/store/images/arrow_menu_up.png');
}


/* HEADER */
div#header {
	background: url('/store/images/background_header.gif') no-repeat top left;
	height: 131px;
	padding: 0;
}
div#header .left {
	float: left;
	padding: 10px;
}

div#header .right {
	float: right;
	text-align: right;
	color: #666;
	padding: 10px 10px 0 10px;
}

div#header p.poweredby {
	text-align:center;
	margin:0;
	line-height:1.2em;
}

/* LEAD DESCRIPTION TABLE */
#leaddesc {
	width: 100%;
	border: 1px solid #006599;
	border-collapse: collapse;
	text-align: right;
}
#leaddesc th {
	background-color: ;
	font-weight: bold;
	color: #fff;
	padding: .3em;
	text-align: center;
	/*font-size: .9em;*/
}
#leaddesc td {
	/*background: #F9F9F9;*/
	padding: .5em 2.5em;
	/*font-size: .9em;*/
}



/* FOOTER */
div#footer {
	clear: both;
	color: #666;
	background:  url('/store/images/background_footer.gif') no-repeat bottom left;
	height: 120px;
	padding: 0 10px;
}

div#footer img {
	border: 0;
	margin: 40px 15px 0 15px;
}

div#footer a {
	color: #666;
	text-decoration: none;
}

div#footer .left {
	float: left;
	width: 280px;
	padding-top: 5px;
}

div#footer .right {
	float: right;
	text-align: center;
	padding-top: 10px;
}

/* LOGIN FORM */
div#login {
	margin: 20px 0 0 0;
	width: 230px;
}

div#login iframe {
	width: 230px;
	height: 70px;
	margin:0;
	padding:0;
	background-color: transparent;
	z-index: 10;
	position: relative;
}

form#login label {
	color: #fff;
}

body.login {
	background-color: transparent;
}



/* CONTACT FORM */
div#contactform  {
	margin: 0;
	padding: 0;
	background: #F0F0F0;
}

div#contactform h3 {
	margin: 0 5px 5px 5px;
	padding:.3em .3em .2em 1em;
	background: #fff;
	border-bottom: 1px solid #ccc;
	color: #000;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.2em;
}

div#contactform p.top {
	margin: 0;
	padding:0;
	font-size: 5px;
}

div#contactform form {
	padding: 0 10px;
}

div#contactform table th {
	padding-top: .2em;
	text-align: right;
	vertical-align: top;
	/*font-size: .9em;*/
}

div#contactform label {
	margin-right: .5em;	
}	

div#contactform label.required:before {
	color: #FE9901;
	font-weight:bold;
	content: "* "; 
}

/* ORDER FORM */
#orderform {
	background:#fff;
	border: 0;	
}

#orderform fieldset {
	background:#f5f5f5;
	margin-bottom: 1em;
	border: 0;
	border-top: 1px solid #D6D6D6;
}

#orderform fieldset.confirm  {
	background:#E8FCEA;
	border: 1px solid #008000;
}

#orderform fieldset.confirm hr {
	border: 1px solid #D6D6D6;	
}

#orderform fieldset.confirm legend {			
	color: #008000;
	/*border: 1px solid #D6D6D6;*/
	/*background:#fff;*/
	/*padding: .2em .5em;*/
}

#orderform fieldset.confirm table td  {
	font-size: 1.2em;
	padding: .2em 0;
}

#orderform fieldset.confirm table th {
	font-size: 1.2em;
	padding: .2em 0;
}					

#orderform fieldset legend {			
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
	/*border: 1px solid #D6D6D6;*/
	/*background:#fff;*/
	/*padding: .2em .5em;*/
}

#orderform fieldset p {			
	font-size: 1.1em;
	line-height: 1.2;
	margin:5px 5px 10px 5px;
}						

#orderform table th {
	padding-top: .3em;
	text-align: right;
	vertical-align: top;
	/*font-size: .9em;*/
}	

#orderform table td {
	vertical-align: top;
}

#orderform fieldset.noinput table th,td {
	padding: .1em;
	vertical-align: middle;
}	

#orderform p.title {
	font-size: 1.3em;
	font-weight:bold;
	margin:0;
	padding:0;
}

#orderform p.link {
	margin:0;
	padding:0;
}

#orderform label {
	margin-right: .5em;	
	font-weight: bold;
}	

#orderform label.required:before {
	color: #ff6600;
	font-weight:bold;
	content: "* "; 
}

#orderform input, textarea, select {
	font-size: 1.1em;
}	

#orderform .note {
	/*color: #3281DB;*/
	color: #666;
	font-size:.9em;
}

#leadaddinfo {
	background:#eee;
	padding: 10px;
}

#leadaddinfo h4 {
	margin: .3em 0;
	padding: 0;			
	font-size: 1.15em;
	color: #000;
}		

#leadaddinfo table {
	width: 100%;
	background: ;
}

#leadaddinfo table th {
	text-align:center;
	color: #fff;
}

#leadaddinfo table td {
	text-align:center;
}

/* ERROR BOX */
div#warning {
	border: 1px solid #CC0000;
	background: #FFFFCC;
	color:#000000;
	font-weight: bold;
	margin:0 0 10px 0;
}

div#warning h1 {
	background: #CC0000;
	color: #fff;
	font-weight: bold;
	font-size: 1.3em;
	padding: 5px;
}


/* MISC */
.autoship {
	font-size:.95em;
	padding:0;
	margin:5px 0;
	border:1px solid #eaeaea; 
	padding:5px; 
	background: #FFEEBB;
	line-height:1.2em;
}

.highlight {
	background:#FFECB3;
	border: 1px solid #666;
}

.noshade {
	background:#fff;
}

.orange {
	color:#FE9901;
}

.shade {
	background:#eee;
}	





	
	
	
	
	
	
	
/* SELF CLEARING FLOAT */
#container:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background: #fff;
}

#content:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background: #fff;
}

#header:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background: #fff;
}

#content:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	background: #fff;
}