/*  BASIC PRE-SETTING
====================================================*/

* { padding: 0; margin: 0; }

ul { padding-left: 0em; margin-left: 0em; list-style-type: none; }

ol { padding-left: 2em; margin-left: 0em;}


/*
dt { padding-left: 1em; margin-left: 0; padding-top: .5em; font-weight: bold; }

dd { padding-left: 2.5em; margin-left: 0; }

*/

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ol, ul, dl, fieldset, address { margin-bottom: 1em; }




/*  MAIN STRUCTURAL ELEMENTS 
====================================================*/

body { 
	font: 76%/1.6em arial,helvetica, verdana, geneva, sans-serif;
	color: #333366;
	text-align: center;
	padding-bottom: 45px;
	background: #8b857f url('../img/page_top_bg.jpg') center top repeat-x;
	}
	


#header {	
	width: 965px;
	margin-left: auto;
	margin-right: auto;
	height: 167px;
	background: #f6b531 url('../img/header_bg.jpg') 0 0 no-repeat;
	position: relative;
	}

	
	
/* Centered, 965px wide column */
#content_wrapper {
	width: 965px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #fffde3 url('../img/callout_shadow.png') 0px 0px no-repeat;
	position: relative;
	}
	
#content {
	padding: 0 15px 0;
	}

	
#left_col {
	float:left;
	width: 611px;
	position: relative;
	top: -41px;
	background-color: transparent; /* transparent */
	}
	
	
#main_info {
	padding: 22px 45px 0 31px;
	}	
	
	
	
#collection_container {
	padding: 0px 0px 0 31px;
	}	
	
	
#collection_container img {
	float: left;
	margin: 0px;
	}	
	
	
	
	
	
	
#right_col {
	float:right;
	width: 303px;
	padding: 39px 0 45px 0;
	position: relative;
	background-color: transparent; /* transparent */
	}



#buy_now_wrapper {
	background: #fccfd1 url('../img/buy_nows_bg.png') center bottom no-repeat;
	padding: 0;
	}

#buy_now_wrapper img {
	float: left;
	clear: both;
	background-color: transparent; /* transparent */
	}




#buy_now_inner {
	background: transparent url('../img/top_fade-trans.png') center top no-repeat;
	padding: 20px 15px 0px 45px;
	}

#buy_now_inner h4 {
	position: relative;
	}

#buy_now_inner ul {
	margin-bottom: 5px;
	}



	

#l_nav {
	background-image: url("../img/l_nav_bg.gif");
	background-repeat: no-repeat;
	height: 35px;
	margin-bottom: 19px;
	}
	



#l_nav p {
	font-size: .9em;
	padding-top: 12px;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	background-color: transparent; /* transparent */
	}



#footer {
	position: relative;
	width: 965px;
	text-align: center;
	background-color: #5e65af;
	/* transparent */
	background-repeat: no-repeat;
}

#footer p {
	color: #ffffff;
	background-color: transparent; /* transparent */
	line-height: 1em;
	padding: 12px 0;
	margin-bottom:0;
	}

	
	
	
/*  TEXT LINK STYLES 
====================================================*/

	
a:link		{ color: #0033ff; text-decoration: none; border-bottom: 0px dotted #d11397;}
a:visited	{ color: #0033ff; text-decoration: none;  border-bottom: 0px dotted #d11397;}
a:hover		{ color: #90F; text-decoration: none;  border-bottom: 0px dotted #d11397;}

#l_nav a:link		{ color: #245024; text-decoration: none; border-bottom: 0px dotted #245024;}
#l_nav a:visited	{ color: #245024; text-decoration: none;  border-bottom: 0px dotted #d11397;}
#l_nav a:hover		{ color: #999966; text-decoration: none;  border-bottom: 0px dotted #d11397;}



a.footer:link		{ color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
a.footer:visited	{ color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
a.footer:hover		{ color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }


a.h1:link		{ color: #069; text-decoration: none; border-bottom: 0px dotted #BF0101; }
a.h1:visited	{ color: #069; text-decoration: none; border-bottom: 0px dotted #BF0101; }
a.h1:hover		{ color: #633; text-decoration: none; border-bottom: 0px dotted #BF0101; }



a img, :link img, :visited img { border: 0; }   

a { outline: none; }

	
	
	
/*  UN-ORDERED LIST STYLES 
=================================================== */


ul#glance {
	margin-left: 5px;
	padding: 0 15px 0 0px;
	list-style: none;
	padding-left: 0px;
	text-indent: 0px;
	margin-bottom: 45px;
	color: #333366;
	} 

ul#glance li {
	padding-left: 15px;
	background-image: url("../img/lavender_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 6px;
	margin: 0 0 7px 0;
	line-height: 1.3em;
	}

ul#glance li ul li {
	padding-left: 15px;
	background-image: url("../img/pink_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	margin: 0 0 3px 0;
	line-height: 1em;
	}


ul#design-consideration {
	margin-left: 5px;
	padding: 0 15px 0 0px;
	list-style: none;
	padding-left: 0px;
	text-indent: 0px;
	margin-bottom: 45px;
	color: #333366;
	} 

ul#design-consideration li {
	padding-left: 15px;
	background-image: url("../img/lavender_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 6px;
	margin: 0 0 7px 0;
	line-height: 1.3em;
	}







ul#buy_now {
	margin-left: 3px;
	padding: 0 0 0 0px;
	list-style: none;
	padding-left: 0px;
	text-indent: 0px;
	} 

ul#buy_now li {
	padding-left: 8px;
	background-image: url("../img/purple_triangle_bullet.gif");
	background-repeat: no-repeat;
	background-position: 0 6px;
	margin: 0 0 0px 0;
	}



 




/* OTHER Collection Navigation Elements 
-------------------------------------------- */		

#other_nav_bar {margin-bottom: 30px;}


#other_nav_bar ul {margin: 0px auto; padding: 0; width: 303px; position: relative; background: transparent;}

#other_nav_bar ul li { height: 65px; margin: 0 0 7px 0; padding: 0; list-style: none; background: transparent;}
	
#other_nav_bar a { height: 65px; display: block; border: 0px;}	

#other_nav_bar ul li a {text-indent: -9999px; text-decoration: none;}
	
#other_nav_bar ul li#onb1 {height: 65px; width: 303px; background: url("../img/other_nav.jpg") 0px -0px no-repeat; }
#other_nav_bar ul li#onb2 {height: 65px; width: 303px; background: url("../img/other_nav.jpg") -0px -65px no-repeat; }
#other_nav_bar ul li#onb3 {height: 65px; width: 303px; background: url("../img/other_nav.jpg") -0px -130px no-repeat; }

#onb1 a:hover {height: 65px; width: 303px; background: url("../img/other_nav.jpg") 0px -195px no-repeat;}
#onb2 a:hover {height: 65px; width: 303px; background: url("../img/other_nav.jpg") -0px -260px no-repeat;}
#onb3 a:hover {height: 65px; width: 303px; background: url("../img/other_nav.jpg") -0px -325px no-repeat;}


#other_nav_bar ul li#onpage1 {height: 65px; width: 303px; background: url("../img/other_nav.jpg") -0px -325px no-repeat;}
#other_nav_bar ul li#onpage2 {height: 65px; width: 303px; background: url("../img/other_nav.jpg") -0px -390px no-repeat;}
#other_nav_bar ul li#onpage3 {height: 65px; width: 303px; background: url("../img/other_nav.jpg") -0px -390px no-repeat;}





#infopage #main_info h3 {
	border-bottom: 2px solid #C06;
	padding-top: 20px;
	color: #330;
	font-size: 1.3em;
	}	
	
#infopage #main_info strong {
	color: #330;
	}	










/*  h(n) STYLES
====================================================*/


/*  h1 STYLES   ***************************   */
	
h1	{
	text-indent: -9876px;
	position: absolute;
	top: 25px;
	left: 27px;
	width: 470px;
	height: 101px;
	background: transparent url('../img/asi_ballmania_logo_h1_bg-trans.png') left top no-repeat;
	border-bottom: 0px; 
	}
	
h1 a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}
	
/*  h2 STYLES   ***************************   */



h2	{
	text-indent: -9876px;
	position: absolute;
	top: 0px;
	left: 638px;
	width: 327px;
	height: 167px;
	background: transparent url('../img/ball_h2_bg-trans.png') left top no-repeat;
	border-bottom: 0px; 
	}
	
h2 a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}





/*  h3 STYLES   ***************************   */


/*  Home Page   ***************************   */

#main_info h3#main_headline	{
	text-indent: -9876px;
	width: 502px;
	height: 46px;
	background: transparent url('../img/index_headline2.gif') left top no-repeat;
	border-bottom: 0px; 
	line-height: 9px;
	}
	
	
#main_info h3#pricing_headline	{
	text-indent: -9876px;
	width: 509px;
	height: 21px;
	background: transparent url('../img/pricing_headline.gif') left top no-repeat;
	border-bottom: 0px; 
	line-height: 9px;
	}

	
#main_info h3#main_headline a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}


/*  Garden Party   ***************************   */

#main_info h3#garden_headline	{
	text-indent: -9876px;
	width: 206px;
	height: 17px;
	background: transparent url('../img/garden_headline.gif') left top no-repeat;
	border-bottom: 0px; 
	line-height: 9px;
	}
	
#main_info h3#garden_headline a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}

/*  Decades  ***************************   */

#main_info h3#decades_headline	{
	text-indent: -9876px;
	width: 167px;
	height: 13px;
	background: transparent url('../img/decades_headline.gif') left top no-repeat;
	border-bottom: 0px; 
	line-height: 9px;
	}
	
#main_info h3#decades_headline a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}

/*  Purr-fection  ***************************   */

#main_info h3#purrfection_headline	{
	text-indent: -9876px;
	width: 257px;
	height: 13px;
	background: transparent url('../img/purrfection_headline.gif') left top no-repeat;
	border-bottom: 0px; 
	line-height: 9px;
	}
	
#main_info h3#purrfection_headline a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}

/*  Pink Ribbon  ***************************   */

#main_info h3#pinkribbon_headline	{
	text-indent: -9876px;
	width: 196px;
	height: 13px;
	background: transparent url('../img/pinkribbon_headline.gif') left top no-repeat;
	border-bottom: 0px; 
	line-height: 9px;
	}
	
#main_info h3#pinkribbon_headline a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}

/*  Surfing   ***************************   */

#main_info h3#surfing_headline	{
	text-indent: -9876px;
	width: 168px;
	height: 13px;
	background: transparent url('../img/surfing_headline.gif') left top no-repeat;
	border-bottom: 0px; 
	line-height: 9px;
	}
	
#main_info h3#surfing_headline a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}


/*  Press   ***************************   */

#main_info h3#press_headline	{
	text-indent: -9876px;
	width: 96px;
	height: 13px;
	background: transparent url('../img/press_headline.gif') left top no-repeat;
	border-bottom: 0px; 
	line-height: 9px;
	}
	
#main_info h3#press_headline a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}





#right_col h3#spring_coll	{
	text-indent: -9876px;
	width: 303px;
	height: 9px;
	background: transparent url('../img/h3_2009_spring_collection.png') left top no-repeat;
	border-bottom: 0px; 
	margin-bottom: 11px;
	line-height: 9px;
	}
	
#right_col h3#spring_coll a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}



#right_col h3#other_coll	{
	text-indent: -9876px;
	width: 303px;
	height: 19px;
	background: transparent url('../img/h3_2009_other_collection.gif') left top no-repeat;
	border-bottom: 0px; 
	margin-bottom: 11px;
	line-height: 9px;
	}
	
#right_col h3#other_coll a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}


	
	
	







/*  h4 STYLES   ***************************   */


#pricingpage #main_info h4 {
	font-size: 1.2em;
	color: #2c4b7c;
	}

#pricingpage #main_info h4.underline {
	border-bottom: 2px solid #2c4b7c; 
	padding-top: 1em;
	}



#right_col h4#at_a_glance	{
	text-indent: -9876px;
	width: 265px;
	height: 37px;
	background: transparent url('../img/ballmania_at_a_glance.gif') left top no-repeat;
	border-bottom: 0px; 
	line-height: 9px;
	}
	
	

#right_col h4#ordering	{
	text-indent: -9876px;
	width: 164px;
	height: 19px;
	background: transparent url('../img/ordering_h4.gif') left top no-repeat;
	border-bottom: 0px; 
	line-height: 9px;
	}
	
#main_info h3#main_headline a	{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	border-bottom: 0px; 
 	}








#buy_now_inner h4 {
	font-size: 1.3em;
	margin-bottom: 3px;
	color: #5f0d8c;
	}





/*  MISCELLANEOUS STYLES
====================================================*/

hr { margin: 0px 0px 1em; height: 2px; color: #000099; border: none; } /* For Internet Explorer */
#content hr { margin: 0px 0px 1em; height: 2px; background-color: #000099; border: none;} /* For Gecko-based browsers */
#content hr { margin: 0px 0px 1em; height: 2px; background-color: #000099; border: 0px solid #000099; } /* For Opera and Gecko-based browsers */





/* self clearing rules */
.clearfix:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
.clearfix{display:block}
/* End hide from IE-mac */



.push_1_5 {margin-bottom: 1.5em}

.push_2_0 {margin-bottom: 2em}

.push_4_0 {margin-bottom: 4em}


.small {font-size: .9em;}

#gardenpage #main_info strong {color: #425471;}
#decadespage #main_info strong {color: #7d7abe;}
#purrfectionpage #main_info strong {color: #4b4b4b;}
#pinkribbonpage #main_info strong {color: #bb0262;}
#surfingpage #main_info strong {color: #425471;}