body{
	margin:0;
	padding:0;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
}

p{
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height:22px;
}

h1,h2,h3{
	margin-top:0;
	padding-top:0;
}

label, input{
	width:auto;
	display:block;
	float:left;
	margin-bottom:10px;
}

.input_qty{
	width:25px;
	margin-right:2px;
	text-align:center;
}

.price{
	font:bold 16px Arial, Helvetica, sans-serif;
}

img{
	border:0;
}

br{
	clear:both;
}

.input_100{
	width:100px;
	margin-bottom:10px;
}







.site_container{
	width:100%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

.top_menu_container{
	width:100%;
	overflow:hidden;
	display:block;
	height:120px;
	background-image:url(../images/bg/animal_mask_title.jpg);
	background-repeat:no-repeat;
}

.left_menu_container{
	width:190px;
	top:110px;
	left:0;
	float:left;
}

.content_container{
	width:744px; /*margin takes up 40px of left and right together*/
	top:110px;
	float:left;
	margin:20px;
}

.footer_container{
	width:100%;
	line-height:35px;
	text-align:center;
	color:#666666;
}

.page_content{
	padding:10px;
}
	








.header_title_box{
	float:left;
	margin:10px 0 0 10px;
	width:auto;
}
	.header_title{
		font:normal 20px Arial, Helvetica, sans-serif;
		color:#666666;
		padding:0;
		margin:0;
	}
	
	.header_small_title{
		font-size:12px;
		color:#CCCCCC;
	}

.page_title_box{
	width:99%;
	border-top:1px solid #CCCCCC;
	background-color:#F0F0F0;
	padding:2px;
}
	.page_title{
		font-family:Arial, Helvetica, sans-serif;
		color:#0099CC;
		margin:8px 0 8px 2px;
		background-image:url(../images/icons/right_arrow.png);
		background-position:0 2px;
		background-repeat:no-repeat;
	}

.top_login{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	float:right;
	width:auto;
	overflow:hidden;
	margin-bottom:10px;
}
	.top_login input{
		font-size:8px;
		height:10px;
		width:50px;
		margin-left:10px;
		border:1px solid #999999;
	}









.logged_in_as_title{
	font:bold 12px Georgia, "Times New Roman", Times, serif;
	color:#CCCCCC;
}









.maskList{

}
	.maskList ul{
		list-style-type:none;		
	}
	
	.maskList li{
		
	}
	
	.maskList li .cow{
		background-image:url();
		background-position:top left;
	}








.urbangreymenu{
width: 190px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Arial, Helvetica, sans-serif;
color: #0099CC;
background: #FFE1C4 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
border-bottom:2px dashed #FF9900;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: bold 12px Arial;
color: #0099CC;
background: #FFFFFF;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: #0099CC;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: #FFFFFF;
background: #FF9900;
}








#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 12px Arial;
margin:0;
margin-top:80px;
margin-left: 190px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: #0099CC;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 8px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #FFE1C4; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: #FF9900; /*Menu hover bgcolor*/
color:#FFFFFF;
}
#modernbricksmenu .bluehover a:hover{
background-color: #0099CC; /*Menu hover bgcolor*/
color:#FFFFFF;
}
#modernbricksmenu .redhover a:hover{
background-color: red; /*Menu hover bgcolor*/
color:#FFFFFF;
}
#modernbricksmenu .greenhover a:hover{
background-color: green; /*Menu hover bgcolor*/
color:#FFFFFF;
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #FF9900; /*Brown color theme*/ 
border-color: #FF9900; /*Brown color theme*/
color:#FFFFFF; 
}
#modernbricksmenu #blue a{ /*currently selected tab*/
background-color: #0099CC; /*Brown color theme*/ 
border-color: #0099CC; /*Brown color theme*/
color:#FFFFFF; 
}
#modernbricksmenu #green a{ /*currently selected tab*/
background-color: green; /*Brown color theme*/ 
border-color: green; /*Brown color theme*/
color:#FFFFFF; 
}
#modernbricksmenu #red a{ /*currently selected tab*/
background-color: red; /*Brown color theme*/ 
border-color: red; /*Brown color theme*/
color:#FFFFFF; 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #FF9900; /*Brown color theme*/ 
}
#bluemenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #0099CC; /*Brown color theme*/ 
}
#redmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: red; /*Brown color theme*/ 
}
#greenmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: green; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}








.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#000;
font-weight:bold;
font:bold 12px Arial, Helvetica, sans-serif;
padding: 2px;
width:auto;
background:url(../images/bg/blue_button.jpg) repeat-x left top;
margin-right:2px;
}

.formbutton:hover{
	background:url(../images/bg/orange_button.jpg) repeat-x left top;
}


.formbutton2{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#000;
font-weight:bold;
font:bold 12px Arial, Helvetica, sans-serif;
padding: 2px;
width:auto;
background:url(../images/bg/orange_button.jpg) repeat-x left top;
margin-right:2px;
}

.formbutton2:hover{
	background:url(../images/bg/blue_button.jpg) repeat-x left top;
}




#orderinginfo{
	width:100%;
}
	#orderinginfo ul{
		list-style:none;
		padding:0;
		margin:0;
		margin-left:20px;
	}
	#orderinginfo li{
		line-height:30px;
		margin-top:40px;
		color:#FF6600;
		font:bold 16px Arial, Helvetica, sans-serif;
	}
		#orderinginfo li p, #orderinginfo li table{
			color:#000;
			font-weight:normal;			
		}
	#orderinginfo ol li{
		line-height:15px;
		font:normal 12px Verdana, Arial, Helvetica, sans-serif;
		color:#000;
		margin:0;
		margin-top:10px;
		margin-bottom:10px;
	}