/*
HEADER + 3 COLUMN CONTENT + FOOTER (CENTERED w/ LOCKED WIDTH LAYOUT)
made for min of 800x600 resolution
*******************************************************************************/

/* 
BASE ELEMENTS
*/

* {
	margin: 0px;
	padding: 0px;
	}
	
body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

/*Fix for ie bug with floating relative lists in DIVs */
ul, ol, dl {
    position: relative;  }

p {
	font-size: 11px;
	}
	
a img{
	border:0px;
	}
	

span.div_footer {
	height:0px;
	color:#eee;
	font-size:1px;
}

.green_bold_text {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#7ca601;
	font-weight:bold;

}

/* Framing divs for all banners and boxes */
.wrapper {
	border:1px #ddd solid;
	padding: 5px;
	background-color:#fff;
	margin-bottom: 10px;
}


/* MAJOR DIVS - BASIC STRUCTURE 
** container is parent of all but footer
********************************************************************************/

#container {
	margin: 0 auto;
	position: relative;
	text-align: center;
	width:770px;
	padding-top:10px;
	


}

#main_header {
	text-align:center;
	padding-bottom: 10px;
}

#main_header h1,h2{
	visibility:hidden;
}

#side_navigation {
	text-align:left;
	float:left;
	width:170px;

}

#full_content {
	text-align:left;
	float:left;
	width:590px;
	padding-left:10px;

}

#middle_content {
	text-align:left;
	float:left;
	width:410px;
	padding:0px 10px;
	padding-right:10px;

}



#right_side_content {
	text-align:left;
	float:left;
	width:170px;
	
}

#main_footer {
	margin: 0 auto;
	text-align:center;
	clear:both;
	width:770px;
	padding-bottom:20px;
}

/* SECONDARY DIVS - MAIN HEADER
** containers for various top header items
********************************************************************************/
#main_header_banner {
	width:770px;
	height:150px;
	background: transparent url(../assets/images/mmc_faces_banner.jpg) no-repeat;
	padding-bottom:2px;

}

#generic_header_banner {
	width:770px;
	height:150px;
	background: transparent url(../assets/images/mmc_plain_banner.jpg) no-repeat;
	padding-bottom:2px;

}


#global_navigation_bar {
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-weight: bold;
	height:30px;
	width:770px;
	background:#9f60d1 url(../assets/images/icons/nav_bar_bkg.gif) repeat-x;
}

#global_navigation_bar ul {
		position:relative;
		top:7px;
		list-style: none;
		display:inline;
}

#global_navigation_bar ul li{
		padding:0px 10px;
		list-style: none;
		display:inline;
		border-left: 1px solid #693771;
}

#global_navigation_bar ul li.first{
		border-left: 0px;
}

#global_navigation_bar a {
	color:#fff;
	text-decoration: none;
}

#global_navigation_bar a:hover {
	color:#fff;
	text-decoration: underline;
}

/* SECONDARY DIVS - SIDE NAVIGATION
** containers for various side navigation items
********************************************************************************/

.column_link{
	background-color: #eee;
}

.column_link h3{
	font-size: 12px;
	font-weight: bold;
	padding:8px 8px 4px 8px;

	
}

.column_link p{
	font-size: 11px;
	padding-left:8px;
	
}

.column_box {
	background-color: #eee;

}

.column_box h3{
	font-size: 12px;
	font-weight: bold;
	padding:4px 8px;
	margin-bottom:4px;
}

.column_box p{
	font-size: 11px;
	padding-left:8px;
	padding-top:.5em;
}

.column_box form{
	padding-left:8px;
	padding-bottom:.5em;
}

.column_box input{
	font-size: 12px;
	margin-right:4px;
}

.column_box ul{
	font-size: 11px;
	list-style: none;
	margin-left: 0;
	padding-left: 17px;
	text-indent: -17px;
	color:#333;

	
}

.column_box ul a{
	
	padding-left: 17px;
	background: transparent url(../assets/images/icons/star_bullet.gif) no-repeat;
	text-decoration:none;
	color:#333;
	
}

.column_box ul a:link{
	
	padding-left: 17px;
	background: transparent url(../assets/images/icons/star_bullet.gif) no-repeat;
	text-decoration:none;
	color:#333;
	
}

.column_box ul a:hover{
	color: #000;
	text-decoration: underline;
	background: transparent url(../assets/images/icons/star_bullet_over.gif) no-repeat;
	
}

.column_box li{
	line-height:1.2em;
	border-bottom: 1px #ccc dashed;
	padding: .5em 0px;
	
}



li.list_footer {
	border-bottom: none;
}


#shopping_bag_mini {
	color:#333;
}

#shopping_bag_mini img{
	padding-right:5px;
	padding-bottom:2px;
	vertical-align:middle;
}

#shopping_bag_mini p{
	padding-bottom:8px;
}

#category_navigation {

}

#category_navigation h3 {
	background-color: #7ca601;
	color: #fff;

}

#wish_list_mini {

}

#artist_showcase_mini {

}

#mailing_list_mini {

}

#mailing_list_mini h3{
	background-color: #693771;
	color: #fff;

}

#sign_up_email {
	margin-top:5px;
	width:140px;
}



/* SECONDARY DIVS - MIDDLE CONTENT 
** containers for various content items
********************************************************************************/
.middle_banner {

	background-color: #eee;

}


#overview_banner {
	width:398px;
	height:240px;
	background-image:url(../assets/images/banners/our_collection.jpg);
}

#overview_banner p{
	position:relative;
	padding-left: 340px;
	padding-bottom:10px;
	margin-left: -95px;
	width:140px;
	text-align:right;
	
}

#overview_banner h2{
	padding-bottom: 30px;
	
}




#artist_showcase_banner {
	width:398px;
	height:260px;
	background-image:url(../assets/images/banners/artist_showcase.gif);

}

#artist_showcase_banner h3{
	color:#333;
	font-size: 13px;
	font-weight: bold;
	font-style:italic;
	position:relative;
	left: 175px;
	padding-top:25px;
	padding-bottom:40px;
	width:205px;
	text-align:left;
	
	
}



#artist_showcase_banner p{
padding-right: 15px;
padding-bottom: 10px;
	
}

#artist_showcase_banner h2{
	padding-bottom: 0px;
	
}

#showcase_image1 {
	float:left;
	
}

#showcase_image2 {
	float:left;
	margin-right: 15px;
}



/* SECONDARY DIVS - RIGHT SIDE CONTENT 
** containers for various right side content items
********************************************************************************/
.right_banner {

	background-color: #eee;

}

#perfect_present_banner {
	width:158px;
	height:522px;
	background-image:url(../assets/images/banners/perfect_preset_side.jpg);
}

#perfect_present_banner h2 {
	padding-bottom: 60px;
}

#perfect_present_banner p {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

/* FOOTER OBJECTS 
** containers for footers, credits, etc.
********************************************************************************/
#footer_banner {
	width:760px;
	height:45px;
	background: transparent url(../assets/images/banners/footer_banner.gif) no-repeat;
}

#footer_banner a {
	color: #333;
	text-decoration:none;
}

#footer_banner a:hover {
	text-decoration:underline;
}

#main_footer ul {
		list-style: none;
		display:inline;
}

#main_footer ul li{
		padding:0px 10px;
		list-style: none;
		display:inline;
		border-left: 1px solid #888;
}

#main_footer ul li.first{
		border-left: 0px;
}

#footer_banner ul {

	position:relative;
	text-align:left;
	font-size: 11px;
	top: 16px;
	left: 100px;
}

#credits {
	color: #888;
	font-size: 11px;
}



/* MISC OBJECTS - IMAGE HOLDERS, etc 
** containers for various misc. items
********************************************************************************/

.vertical_image_wrapper {
	width: 100px;
	padding: 2px;
	margin-left: 5px;
	background-color: #fff;
	border: 1px #bbb solid;
	
}


#regular_content {
	
}

#regular_content p{
	font-size:12px;
	padding: 10px;
}

#regular_content h4{

	padding-left: 10px;
	padding-top: 10px;
}

#regular_content ul{
	font-size: 11px;
	padding-left: 30px;

}

/**********
MAILING LIST
***********/

#mailing_list {
	font-size: 12px;
}

#mailing_list h3 {
	padding-left: 10px;
}

.error {
	color: red;
}

#mailing_list form {
	padding-left: 10px;
	padding-bottom: 30px;
}

.input_text {
	width:200px;
}

#privacy_policy {
	font-size: 12px;
}


#privacy_policy p{
	font-size: 90%;
	padding-bottom: 10px;
	}
	
#privacy_policy a {
	font-size: 120%;

	}
	
#privacy_policy a:hover {

	}
	
#cart_contents {
	font-size: 11px;
	
}

#cart_contents thead{
	font-weight:bold;
	background-color:#CCDDEE ;
	
}

#cart_contents td {

}

td.bag_description {

}

td.bag_subtotal {

}

.no_bottom_pad {
margin-bottom: 0px;
	padding-bottom: 0px;
}

.no_top_pad {
	margin-top: 0px;
	padding-top: 0px;
}

#validation_output {
	text-align: center;
	padding: 20px 0px;
}