/*-----------------------------------------------------------------------------
General Site Wide
-----------------------------------------------------------------------------*/
* {margin: 0; }
body {  margin: 0;padding: 0; background: #141416;}
html, body {/* \*/ height:100%; }
a:hover { text-decoration: none;} 
img {display:block;}




/*-----------------------------------------------------------------------------
Forms
-----------------------------------------------------------------------------*/
input, select, .input { font-family: Verdana, Arial, Sans-serif;}
.button {font-weight: bold;}
form {  margin: 0;}



/*-----------------------------------------------------------------------------
basic formating for things used often
-----------------------------------------------------------------------------*/

/* For Easy Placement */
#hidden { overflow: hidden;}
#right_justify { float: right;text-align: right;}
.left_justify { text-align: left;}
.margin { margin: 10px;}
.padding { padding: 10px;}
.clear { font-size: 0;  line-height: 0; height: 0; padding: 0; margin: 0;clear: both;}
#indent { margin-left: 25px;}

/* text sizes */
.arrows {font-family: Arial, Helvetica;font-size:10px;font-weight:bold;}
.tiny {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.med {font-size: 11px;}
.large {  font-size: 13px;}

/* text colors */
.orange {color:#ff6600;}

/* MPA HOUSE Look at me Messaging */
.mpa-message {background-color: #fde27b;  background-image: url('/img/mpa-message.png');  background-repeat: repeat-x; padding: 5px; color: #000000;border: 1px solid #d6d6d6;text-align:left;}
.mpa-message a {color:#4c7da4;}
.warning {font-weight:bold; color:#cc0000;}


/*-----------------------------------------------------------------------------
Top MyPhotoAlbum Branded Header 
-----------------------------------------------------------------------------*/
#top_header_placement { height: 38px; text-align: left;}



.top_header a.cartlink,.top_header a.cartlink:visited,.top_header a.cartlink:link {text-decoration:none; color:#999999;}
 a.cartlink:hover,  a.cartlink:visited:hover   {text-decoration:underline; color:#ccc;}
.cartlinks {color:#666666;}
#shoppingCartQuantity{float:right;font-size:11px; padding-bottom:10px;}


.join {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;padding-bottom:5px;}








/*-----------------------------------------------------------------------------
Top Admin Nav Styles (rounded buttons with multi level drops)
-----------------------------------------------------------------------------*/
.tab_holder {text-align:left;padding-bottom:5px;}


/* main level */
ul.dropdown {font-weight: normal;}
ul.dropdown a { text-decoration:none;font-weight:normal;}


/* tabs no drop downs */
.nodrop a, .nodrop a:visited, .nodrop a:link, .nodrop a:link:visited{
	margin-top:5px;
	width:107px;
	font-size:13px;
	display:block;
	height:23px;
	padding-top:5px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:center;
	} 
	
/* tabs no drop downs, on & hover state */
.nodrop a:hover, 
.nodrop a:visited:hover, 
.nodrop.toptabon a, 
.nodrop.toptabon a:link, 
.nodrop.toptabon a:visited 
	{background-position:0px -33px;text-decoration:none;}   /* bg image position */
	
.nodrop a:hover, 
.nodrop.toptabon a:hover, 
.nodrop a:visited:hover, 
.nodrop.toptabon a:visited:hover,
.nodrop a:link:hover, 
.nodrop.toptabon a:link:hover
	{text-decoration:none;}  /* hover text color for both on and off */

/* tabs with drop downs */
li.dir.yesdrop a, li.dir.yesdrop a:visited, li.dir.yesdrop a:link {
	margin-top:5px;
	width:99px;
	font-size:13px;
	text-decoration:none;
	display:block;
	height:23px;
	padding:5px 8px 0 0;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:center;

	} 


/*  tabs with drop downs, on & hover state */
.nodrop.toptabon a, 
.nodrop.toptabon a:link, 
.nodrop.toptabon a:visited,

li.dir.yesdrop.toptabon a, 
li.dir.yesdrop.toptabon a:link, 
li.dir.yesdrop.toptabon a.dir:visited 
	{  font-weight:normal;display:block;margin-top:7px;height:21px;text-decoration:none;/* on tab, shifted down a little */
		background-position:0px -33px;}   /* bg image position */
	
	
li.dir.yesdrop a:hover {background-position:0px -33px;}	



li.dir.yesdrop a b,
li.dir.yesdrop a:visited b, 
li.dir.yesdrop a:link b, 
.nodrop.toptabon a b, 
.nodrop.toptabon a:link b, 
.nodrop.toptabon a:visited b,
.nodrop a b, 
.nodrop a:visited b, 
.nodrop a:link b, 
.nodrop a:link:visited b
{
}	







	

 /* the top shop links, brighter */
b.shop
	{
	font-weight:bold;}
a:hover b.shop
	{}
	

/* first level */
li.dir.yesdrop ul.level1 li a, 
li.dir.yesdrop ul.level1 li a:visited, 
li.dir.yesdrop ul.level1 li a:link,
li.dir.yesdrop ul.level1 li.dir {
	background-image: url(/img/spacer.gif);
	 width:157px;
	 font-size:12px;
	 height:15px;
	 padding:3px 4px;
	 font-weight:normal;
	 display:block;
	 text-align:left;
	 margin:0px;
	

} 

li.dir.yesdrop ul.level1 li a:hover, 
li.dir.yesdrop ul.level1 li a:visited:hover,
li.dir.yesdrop ul.level1 li.dir:hover{	
    height:15px;
	margin:0px;
	display:block;
   


}	



/* second level */
li.dir.yesdrop ul.level2 li a, 
li.dir.yesdrop ul.level2 li a:visited, 
li.dir.yesdrop ul.level2 li a:link {
	 width:145px;
     font-size:12px;
	 height:16px;
		
}


.dirtext {width:135px;float:left;padding-left:10px;}  /* so the arrow is all the way on the right for 2nd level dirs titles */ 
ul.dropdown span.arrows {font-size:14px;}	
	






/* Breadrumb shop links */
.shop_links a
.shop_links a,
.shop_links a:visited, 
.shop_links a:link {text-decoration:none;font-size:12px;} 

#TopShop li.dir.yesdrop ul.level1 {  margin-top:0px;margin-left: 0px;}

#TopShop li.dir.yesdrop a,
#TopShop li.dir.yesdrop a:visited, 
#TopShop li.dir.yesdrop a:link {
	width:80px;
	text-align:center;
	text-decoration:none;
	display:block;
	font-size:10px;
	height:14px;
	padding:0 0 2px 0;
	margin:0px;
	

} 

#TopShop li.dir.yesdrop ul.level1 li a, 
#TopShop li.dir.yesdrop ul.level1 li a:visited, 
#TopShop li.dir.yesdrop ul.level1 li a:link,
#TopShop li.dir.yesdrop ul.level1 li.dir {
	text-decoration:none;
    padding:3px 4px;
	background: url(/img/spacer.gif);
	width:145px;
	text-align:left;
	font-size:12px;
	 height:18px;
	


}
#TopShop .edit_button {	
	text-decoration:none;
	display:block;	
	text-align:center;
	font-size:10px;
	height:14px;
	padding:0px 8px 2px 8px;
	margin:0px;
	width:45px;
	} 	
	





/*-----------------------------------------------------------------------------
Column structure
-----------------------------------------------------------------------------*/
.mainbody { margin: 5px 0px 10px 10px;padding:0px;text-align:center;}
#large_content { float: left;  text-align: left;}
.nothing{}



/* breadcrumb links (you are here links) */
#bread_crumb { float: left; text-align: left; font-size: 11px; padding: 0px 0px 1px 3px;} /* behind the bread crumb trail links */
#bread_crumb a {text-decoration: underline;}  /* bread crumb links */
#bread_crumb a:hover { text-decoration: none;}
#bread_crumb .arrow {font-size:13px;}

/* Breadcrub and Shop Bar Style  */
.sub_nav { }
#bread_crumb a, #shop_links a{ color:#545454;}
#shop_links a:hover {text-decoration:underline}
#bread_crumb b{	color: #999;}

.shop_links {font-size:12px;}
/*-----------------------------------------------------------------------------
 Gallery Main Top Title Style
-----------------------------------------------------------------------------*/
#gallery_title { text-align: left;  padding:2px 0px 14px 10px;}

.gallery_title_top { } 
.gallery_title_top_left {}
.gallery_title_top_right { }

h1 {font-size: 24px; font-weight: normal; margin: 0px;display: inline; }
h1 a {display: inline;text-decoration: none;}
.actual_title{padding-top:10px;}



.new-top-links {font-size:12px; padding-top:10px;}
.new-top-links h1, .new-top-links h1 a {font-size:12px; font-weight:normal;display: inline; margin:0px;padding:0px;}
.new-top-links h1:hover, .new-top-links h1 a:hover {text-decoration:underline;}
.new-top-links b, .line {font-size:11px; padding:0px 4px;filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(opacity=50);filter: alpha( opacity = 50 );-moz-opacity:0.50;opacity:0.50;text-align:center;font-weight:normal;color:#666;}


.hideShow {padding:0px 5px 5px 0px}
.nothing{}


/*-----------------------------------------------------------------------------
Page Title
-----------------------------------------------------------------------------*/
#page_title { float: left;  margin: 2px 10px 5px 10px;width:930px; padding: 2px;}
#centered_title_pages { float: left; text-align: center;}


.page_title_top { float: left;text-align: center;}
.page_title_top_left {float: left;}
.page_title_top_right { float: left; text-align: right;}




/*-----------------------------------------------------------------------------
Page navatation 
-----------------------------------------------------------------------------*/
.pagination {float:left; margin:5px 10px; padding-bottom: 1px; font-size: 11px;}
.pagination ul { margin: 1px;padding: 0px;}
.pagination li { list-style-type: none; display: inline;padding-top: 1px;}
.pagination a, .pagination a:visited { padding: 1px 5px;font-size: 11px; text-decoration: none;}
.pagination a:hover, .pagination a:active {}
.pagination a.currentpage {  font-weight: bold; font-size: 11px; cursor: default;}
.pagination a.disablelink, .pagination a.disablelink:hover {  cursor: default;font-weight: normal !important;}
.pagination a.prevnext {font-weight: normal;font-size: 11px;font-style: normal;}
.pagination b {  font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px;}
.pagination .slide { margin-left: 15px;}



/*-----------------------------------------------------------------------------
Swap the layout display options
-----------------------------------------------------------------------------*/
#display_options {margin: 0px 5px 0px 0px;  float: right; text-align: right;  font-size: 10px; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
.display_text { float: left; margin-right: 5px; }
#display_options a {  text-decoration: none;margin-top: -5px;}
#display_options a:hover {text-decoration: none;}

 /* micro icons of dispay choices (semi transparent ) */
.display_icon {float: left;width: 19px;height: 15px; margin: 0px 5px 0px 0px; 
	filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(opacity=30);
	filter: alpha( opacity = 30 );
	-moz-opacity:0.30;opacity:0.30;
	text-align:center;
	z-index:-10}
.icon_on { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(opacity=80);	
	filter: alpha( opacity = 80 );
	-moz-opacity:  0.80;
	opacity:  0.80;
	z-index:-10;}







/*-----------------------------------------------------------------------------
Specific Album/Photo/Video Drop Down Menus 
-----------------------------------------------------------------------------*/
.chromestyle ul {margin: 0; text-align: right;}
.chromestyle ul li { display: inline;}
.chromestyle ul li a { margin: 0;font-weight: bold;}
.chromestyle ul li a:hover { text-decoration: underline;}

* html .dropmenudiv2 a { /*IE only hack*/width: 100%;font-weight: normal;text-decoration: none;}
.dropmenudiv2 a:hover { font-weight: normal;text-decoration: none;cursor:pointer;}
.nothing {}
.dropmenudiv2 a, .dropmenudiv a:visited{text-decoration: none;font-weight: normal; font-size:11px; display:block;padding: 4px 0px 4px 5px;}
.dropmenudiv2 {font-size:11px; display:block; font-weight: normal; text-decoration: none;  position: absolute; top: 0; visibility: hidden;z-index: 400; width: 150px; text-align: left; margin: 0; }
.nothing {}


/*-----------------------------------------------------------------------------
GRAPHICAL Edit  BUTTONS
-----------------------------------------------------------------------------*/
 /*black tiny edit buttons */
 
a.edit_button, a:link.edit_button, a:visited.edit_button, a.edit_button2, a:link.edit_button2, a:visited.edit_button2   {padding:0px 5px 0px 5px;margin:1px 0px 0px 0px;font-size:9px;font-family: Verdana,sans-serif;height:13px;text-decoration:none; font-weight:normal;display:inline-block;text-align:center;cursor:pointer; opacity: 0.99;-moz-border-radius:3px;-webkit-border-radius:3px;}
.nothing {}
a:hover.edit_button, a:hover.edit_button2, a:link:hover.edit_button, a:link:hover.edit_button2,  a:visited:hover.edit_button,  a:visited:hover.edit_button2{background-position:0 -18px;text-decoration:none;}
a.edit_button2 i, a:link.edit_button2 i, a:visited.edit_button2 i {font-size:9px; font-style: normal;} 
a.edit_button2, a:link.edit_button2, a:visited.edit_button2{padding-right:3px;}


/*-----------------------------------------------------------------------------
GALLERY DISPLAY STUFF
-----------------------------------------------------------------------------*/
 /* Details Page */
.detail_box {width: 300px;text-align: left; float: left; margin: 0px 10px;}
#code_box {padding: 5px;}
#code_box .title { font-size: 13px;font-weight: bold;}


/* Rss Display  */
.cssbutton {padding: 1px; font-family: Geneva, Arial, Helvetica, sans-serif;width: 56px;margin: 0px 3px 3px 0px;display: block;cursor: pointer;}
.buttonleft { width: 36px; font-size: 10px;float: left; text-align: center; cursor: pointer;padding-top:0px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;}
.cssbutton a {text-decoration: none;cursor: pointer;}
.buttonright {padding: 0px 1px 0px 3px; float: left; font-size: 10px; width: 16px; cursor: pointer;}

/* hotlink */
.hotlink {font-size: 11px; padding: 10px;}
.hotlink input { font-size: 11px; width: 325px; margin-left: 15px;margin-bottom: 7px;}

/* Toll tips */
#box, #box2, #box3, #box4, #box5, #box6, #box7, #box8, #box9, #box10, #box11, #box12, #box13, #box14, #box15 {position: absolute;z-index: 500;float: left;display: none; width: 139px;}
a.sample_attach, a.sample_attach:visited, div.sample_attach { display: block;width: 139px;}
.tool-title {  font-weight: bold; font-size: 11px;  margin: 0; color: #9FD4FF; padding: 8px 8px 0px;  background: url(/img/bubble.png) top left;z-index: 5000;}
.tool-text a, .tool-text a:hover {color: #9FD4FF;z-index: 5000;}
.tool-text {text-align: left; color: #EEEEEE; font-size: 11px;  padding: 0px 8px 8px ; background: url(/img/bubble.png) bottom right;z-index: 5000;}

/* comments */
#individual_comment {   margin: 5px; padding: 10px; font-size: 12px;}
.comment { margin-left: 25px;}

/*album boxes */
#album_content{ padding: 5px 10px; }

h3 { font-size: 18px;font-weight: normal; padding: 6px 0px 0px 0px; margin: 0px;display: inline; text-align: left;}
h3 a {  text-decoration: underline;}


/* buy links on view photo*/
div#nav_bg1{  width: 95px;  padding: 4px 0px 4px 0px;   font-size: 11px;text-align:center;margin: 0px 0px 2px 0px;}
div#nav_bg1 a, div#nav_bg1 a:link, div#nav_bg1 a:visited {text-decoration:none;display:block;}
div#nav_bg1 a:hover, div#nav_bg1 a:link:hover, div#nav_bg1 a:visited:hover { text-decoration:none;display:block;}
div#nav_bg1 b {display:block;}







/*-----------------------------------------------------------------------------
Product pushs
-----------------------------------------------------------------------------*/
#micro {   background: #ffffff; margin: 0px 5px; height: 92px}
#micro a, #micro a:visited { text-decoration: underline;  font-weight: normal;color:#4c7da4;background:#FFF;}
#micro a:hover {text-decoration: none;color:#4c7da4;background:#FFF;}
div#ad_box img.productPhoto { border: 1px solid #fff;display: block;margin-top: 3px;}
img.productPhoto {  border: 2px solid #000;display: block;margin: 3px 0px 0px 5px;  }
div#ad_box img.no,  div#product img.no { border: 0px solid #fff; display: block; }
#ad_box{background:#3e3e3e;padding:2px 0px;font-size:14px;color:#fff;}
#product #micro.round a, #product a.med{background:#fff; background-color:#fff; color: #4c7da4; }




/*-----------------------------------------------------------------------------
Club Boxes
-----------------------------------------------------------------------------*/
.club-left {background:url(/img/cart/club.jpg) no-repeat left #FFF; height:101px;}
.club-left .big { font-size:30px;padding-left:110px;} 
.club-left .med { font-size:17px;padding-left:125px;padding-bottom:4px;}
.club-left .reg {padding-left:120px;font-size:12px;} 
#adContainer .club-right {background:#000; color:#fff;padding:0px 10px;}
.club-right .med {font-size:14px;color:#fff;}
#adContainer .club-right .big {font-size:26px;color:#fff;}
.superscript{font-size:12px; vertical-align:top;}
.club-box a:hover {color:#000}



/*-----------------------------------------------------------------------------
Coupon/ daily deals
-----------------------------------------------------------------------------*/
.daily_deal{}



/*-----------------------------------------------------------------------------
Footer twitter & facebook
-----------------------------------------------------------------------------*/
#facebook{background:url(/img/facebook.gif); width: 65px; height:15px;}
#twitter{ background:url(/img/twitter.gif); width: 65px; height:15px;}


.right {height:18px; overflow:hidden;}


/*-----------------------------------------------------------------------------
 Micro-Thumbs Layout 
-----------------------------------------------------------------------------*/
/*  */
#microthumb {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    background-position: center center;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;

}

#micro_holder {
    width: 70px;
    float: left;
    height: 90px;
    margin-left: 12px;
	margin-right: 11px;
}

#micro_options_position {
    position: relative;
    bottom:16px;
}