/*
ASA Store home page master styles for screen media
Updates
07-05-05

*/

#pageWrapper {width: 1000px!important;}


/* WRAPPER
----------------------------------------------- */
*{
font-size: 100%; /* set the fonts to a uniform size, including form fields as well as all headings etc. */
margin: 0;
padding: 0;
}


body	{ 
background: #f7f8f9; 
color:#333;
margin:0; 
padding:0; 
border-top:5px solid #336699; 
font-family: verdana, arial, helvetica, sans-serif; 
padding-bottom:20px; 
/*font-size:8.5pt;*/	
text-align: center;
}

td {/*cartlink:8.5pt;*/}	

#wrapper	{
background-color: #ffffff;
color: #333333;
margin: 10px auto;
padding: 0;
voice-family: "\"}\"";
voice-family: inherit;
width: 1000px;
width: auto\9;
border: 1px solid #dbdbdb;
}

html>#wrapper{
	width: 1000px;
	width: auto\9;
}
 
#left {
	background: #E0E9F1;
	width: 190px;
	float: left;
}

#container {
	background-color: #fff;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 1000px;
	width: auto\9;
	height: 100%;
}

html>#container	{
	width: 1000px;
	width: auto\9;
}

#content {
background-color:#FFFFFF!important;
	/*float: left;*/
	margin: 0;
	padding-bottom: 0;
}

/* IE/Win, hides from IE Mac \*/
* html #content{
	width: 577px;
}

/* End hide from IE Mac */
#content{
	width: 577px;
}

/* actual guts */
.page-content  {
	padding: 10px 0 0 0;
	margin: 0;
}

#navcontainer {
background-color:#FFFFFF!important;
	font-size: 100%;
	line-height: 90%;
	width: 190px;
	margin-right: 20px;
	padding-right: 20px; float: left;
}
/* GLOBAL HEAD LINKS
----------------------------------------------- */
#default-header {
/*background: #fff url(../images/asa_store_logo.gif) no-repeat 5px 5px;*/
height: 55px;
text-align:right;
margin: 0;
padding: 0;
}

#default-header ul{
margin: 0;
padding: 15px 10px 10px 0;
}

#default-header li {
margin: 0;
padding: 0 1px 0 0;
display: inline;
list-style-type: none;
}

#default-header a:link, #default-header a:visited, #default-header a:hover  {
margin:0;
padding: 0;
}

/* SEARCH STRIP
----------------------------------------------- */
#header-ss {
	background: #E0E9F1;
	text-align:right;
	margin: 0;
	padding: 0 5px 0 0;
	border: 1px solid #E0E9F1;
}

#header-ss dl{
	margin:0;
	padding:5px 0;
}
#header-ss dd{
	margin:0;
	padding: 0 0 0 10px;
	display: inline;
}
#header-ss dt{
	display:none;
}

#header-ss form, #header-ss input  {
margin: 0;
padding: 0;
}

#header-ss .btn-search  {
margin: 0 0 -3px 0;
padding: 0;
}

/* CONTENT
----------------------------------------------- */
#asa-home-page {
margin: 0;
padding: 0;
}
#asa-home-page .left-col {
padding: 10px 0 50px 35px;
width: 500px;
/*border-right: 1px solid #D4DDE4;*/
}

#asa-home-page .right-col {
text-align:center;
padding: 10px 10px;
margin: 0 0 0 400px;
/*border-left: 1px solid #D4DDE4;*/
}
#container h2.welcome {
background-color:#FFFFFF;
text-align:center;
/*text-indent: -9999px;
background: #505C74  url(../images/home_welcome.gif) no-repeat;
width: 766px;
height: 75px;*/
margin: 0;
padding: 0;
}


#container-wrap .container{
border: 1px solid #5EADF3;
}

#container-wrap {
margin: 0 0px 20px 20px;
padding:0; 
}

#container-wrap h2 {
width: 500px;
height: 13px;
margin: 0;
/*background: url(../images/fbox-top.gif) no-repeat center top;*/
}
#container-wrap .container {
width: 500px;
/*background: url(../images/fbox-mid.gif) repeat-y center top;*/
margin: 0;
padding: 0;
}

#container-wrap .topfooter {
background-color: #fff;
width: 500px;
height: 10px;
margin: 0;
padding: 0;
}

#container-wrap h3 {
height: 20px;
background: url(../images/fbox-free.gif) no-repeat 440px 0;
/*font-size: 12px;*/
margin: 5px 10px 0 10px;
padding: 0;
border: 1px solid white;
}

#container-wrap h2 span {
color: #5FADF1;
background: #fff;
font-size: 14px;
/*position: relative;*/
left: 15px;
top: 0;
margin: 0;
padding: 0 10px;
}

#container-wrap  p {
/*font-size: 12px;*/
margin: 0;
padding: 10px;
}

#homebuttons img{
margin-left:5px;
margin-bottom:5px;
border:0;
}
.homethumb{
float:left;
margin-left:10px;
margin-right:5px;
clear:left;
margin-top:5px;
}
.homethumb a {
display:block;
margin:0;
padding:2px;
border:1px solid #A9A596;
}
.homethumb a:hover {
border:1px solid #AB4A1F;
}
.homethumb a img{
border:none;
}

.item-block {
margin:10px 0px 15px 10px;
padding:5px 0px 15px 5px;
border-top: 1px solid white;
border-right: 1px solid white;
border-left: 1px solid white;
border-bottom: 1px solid #b3b3b3;			
}

.item-block img {
	padding-bottom: 20px;
}

.item-block p {
margin:0 0 0 100px;
padding:5px 10px 15px 0;
border: 1px solid white;	
}

.item-block dl {
margin:0 0 0 100px;
padding:5px 10px 15px 0;
border: 1px solid white;	
}

.item-block dt {
font-weight:bold;
margin:5px 0;
padding:0;

}

/* LEFT MENU
----------------------------------------------- */
#navcontainer p.title {
color: #fff;
background-color: #7A7F83;
font: 100% verdana;
font-weight: bold;
padding: 3px 0 3px 7px;
width: 190px\9;
}

/* RIGHT MENU
----------------------------------------------- */
#asa-home-page .right-col p {
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #D4DDE4;
}
#asa-home-page .right-col p.title {
text-align:left;
color:#7A7F83;
font-weight:bold;
margin: 10px 0 3px 0;
padding: 0;
border: none;
}
#asa-home-page .right-col ul{
text-align:left;
margin: 0 0 0 10px;
padding: 0 10px 10px 0;
}
#asa-home-page .right-col li {
margin: 0;
padding: 3px 0;
list-style-type: none;
}

/* FOOTER MENU
----------------------------------------------- */
#hp-footer {
background: #336699;
text-align:center;
margin: 0;
padding: 10px 0;
}

#hp-footer a:link, #hp-footer a:visited, #hp-footer a:hover  {
font-size:90%;
color: #ccc;
}

#hp-footer .left-col {
padding: 0 10px;
width: 600px;
}

#hp-footer .right-col {
text-align:center;
padding: 0;
margin: 0 0 0 600px;
}
#hp-footer p {
margin: 0;
padding: 0;
}
#hp-footer ul {
text-align:center;
margin: 0 auto;
padding: 0 10px 10px 0;
}

#hp-footer li {
margin: 0;
padding: 3px 10px;
display: inline;
list-style-type: none;
}

.copy {
background: #f7f8f9; 
text-align:center;
margin: 0;
padding: 10px 0;
}


/* COMMON STYLES
------------------------------------------- */
.left-col {
float: left;
text-align: left;
}

.right-col {
text-align:center;
width: auto; /* for browsers with no escapes at all */
\width: 100%; /* for IE5/Win */
w\idth: auto; /* for good browsers */
float: right;
}

.spacer{
clear: both;
float: none;
height: auto;
}

form {
margin: 0;
padding: 0;
}
hr.cleaner {
clear: both;
height: 1px;
line-height: 0;
margin: -1px 0 0 0;
padding: 0;
border: none;
visibility: hidden;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.hide {
display:none;
}