/* Style sheet for Def Cod website
Created and maintained by Chris OBrien Design (www.chrisobriendesign.com)
last edit: 5-19-08 */




html
{background: white; padding: 0px; margin: 0px;  font: 1em helvetica, sans-serif; color: black; }

body img
{margin: 0px auto;}

#container
{width: 800px; margin: 0px auto;}

#headercontainer
{ height: 255px;   background: white;   }
#header
{   width: 800px; margin: 0 auto; background: white  ; }

#logo
{float: left; }
.bold
{font-weight: bold;}

/* ===================== Navigation Menu========================== */

#menu
{list-style-type: none; margin: 0px; padding: 0px;   width: 180px; height: 120px; margin-top: 30px; float: left;  background:url(../images/menu_bg_white.jpg)  }


#menu li a
{height: 30px; width: 180px;  display: block; text-indent: -9999px; list-style-type: none; border: none;}

#menu li a:visited
{border: none; }

#athome a
{background:url(../images/athome.jpg)  }

#home a
{background:url(../images/home.jpg)  }

#home a:hover
{background:url(../images/athome.jpg) }

#store a
{background:url(../images/store.jpg)  }

#atstore a
{background:url(../images/atstore.jpg)  }

#store a:hover
{background:url(../images/atstore.jpg)  }


#news a
{background:url(../images/news.jpg)  }

#news a:hover
{background:url(../images/atnews.jpg)  }

#atnews a
{background:url(../images/atnews.jpg)  }


#contact a
{background:url(../images/contact.jpg)  }

#contact a:hover
{background:url(../images/atcontact.jpg)  }

#atcontact
{background:url(../images/atcontact.jpg)  }

#music
{height: 55px; width: 180px; float: right; margin-right: 50px;   }

/* ===================== End Navigation Menu========================== */


/* ===================== Home Page Body========================== */


#main
{width: 800px;  margin-top: 10px;   }

#text_left
{float: left; width: 400px; padding: 25px;  }

#shop
{height: 75px; width: 380px; text-indent: -999px; background: url(../images/shop_online.jpg); }

#shop a
{height: 75px; width: 380px; display: block; background: url(../images/shop_online.jpg); }

#shop a:hover
{background: url(../images/shop_online_glow.jpg); }

#slideshow
{height: 450px; width: 300px; float: right; padding: 25px;    }

h1
{font: 1.2em helvetica, sans-serif; color: black; font-weight: bold; }

/* ===================== End Home Page Body========================== */


/* ===================== Contact Page========================== */

#contact_main
{width: 600px; float: left; margin-top: 25px; margin-bottom: 25px;   }

#wholesale
{width: 180px; float: right;  padding: 10px;  background: #cccccc; margin-top: 25px; font: .75em arial;  margin-bottom: 10px; }

#contact_img
{margin-left: 150px;}

.small_gray_text
{font: .75em arial; color: #cccccc;}

#thanks_main
{text-align: center; font: 1em arial; height: 100px; margin-top: 50px; } 

/* ===================== Footer========================== */

#footer
{font: .75em arial, sans-serif; color: #666666; margin-top: 50px; border-top: 1px solid #666666; clear: both;  }

#footer_menu
{list-style-type: none;   float: left; margin-left: 0px;   }
#footer_menu li
{display: inline; padding: 0 10px; }
#footer_menu li a
{text-decoration: none; color: #666666; font-weight: bold;  }

#footer_menu li a:hover
{text-decoration: none; color: black; font-weight: bold;  }
.footer_li_last
{margin-right: 50px; }


#footer a
{text-decoration: none; font-weight: bold; color: #666666;  }

#footer a:hover
{color: black; }



/* ===================== End Footer========================== */



/* ===================== Store ========================== */


.shirt_thumb
{float: left; border: none; }

.shirt table
{float: left; }

.shirt_thumb img
{float: left; border: 0px; padding-right: 5px; }

.shirt
{width: 200px;  height: 125px;  float: left;  margin: 0px 0px 40px 50px;   }


.cod_shirt
{  float: left;  width: 350px; margin-bottom: 50px;    }




select
{font: .6em arial;}


.cart_button
{height: 34px; width: 50px;display: block;   background: url(../images/add_cart.jpg); text-indent:-9999px; }

.cart_button:hover
{background: url(../images/add_cart_glow.jpg); }

.cart_button:active
{background: url(../images/add_cart_down.jpg); }


#store_nav
{width: 200px; float: left; background: #cccccc; margin-right: 50px; padding-top: 25px;  } 

#store_nav ul
{list-style-type: none;}

#store_nav ul ul
{margin-left: 0px; }





#store_main
{width: 800px;  margin-top: 10px;    }

#mens li, #womens li, #cod_squad li
{color: #999999;   }

#mens li
{margin-left:0px; text-indent: 0px; }

.store_link a
{color: black; text-decoration: none;}

.cod_link a
{font-weight: bold; color: black; text-decoration: none;  }


.terms a
{font: .75em arial; margin-left: 35px; color: black; text-decoration: none;  }

.terms_text
{font: .75em arial; color: black;}


#checkout
{width: 600px; margin: 50px  auto; text-align: center; }


.special_order_text
{font: 12px arial; color: #666666;}

/* ===================== End Store ========================== */




/* ===================== news ========================== */

#news_main

{ font: 1em arial;  margin-bottom: 50px;  width: 600px; float: left;   }

#twitter
{float: right;  width: 150px; background: #cccccc; padding: 15px;  margin-bottom: 50px;   }

#twitter ul
{list-style-type: none;    }

#twitter ul li
{text-indent: 0px; margin-left: -30px; }


/* ===================== lightbox default ========================== */
#stimuli_lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#stimuli_lightbox a img{ border: none; }

#stimuli_outerImageContainer{
	position: relative;
	background-color: #666;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#stimuli_imageContainer{
	padding: 10px;
}

#stimuli_loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	background: transparent center url(../images/loading.gif) no-repeat;
}
#stimuli_hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#stimuli_imageContainer>#stimuli_hoverNav{ left: 0;}
#stimuli_hoverNav a{ outline: none;}

#stimuli_prevLink, #stimuli_nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}
#stimuli_prevLink { left: 0; float: left;}
#stimuli_nextLink { right: 0; float: right;}
#stimuli_prevLink:hover, #stimuli_prevLink:visited:hover { background: url(../images/prev.gif) left 55% no-repeat; }
#stimuli_nextLink:hover, #stimuli_nextLink:visited:hover { background: url(../images/next.gif) right 55% no-repeat; }


#stimuli_imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #666;
	margin: 0 auto;
	line-height: 1.4em;
}

#stimuli_imageData { 
padding:0 10px; 
color: #FFF;
}
#stimuli_imageData #stimuli_imageDetails{ width: 70%; float: left; text-align: left; }	
#stimuli_imageData #stimuli_caption{ font-weight: bold;}
#stimuli_imageData #stimuli_numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}			
#stimuli_imageData #stimuli_bottomNavClose{ width: 66px; float: right;  padding-bottom: 1.0em;}
#stimuli_imageData #stimuli_bottomNavClose{ background: url(../images/closelabel.gif) right 55% no-repeat; padding-top: 1.0em; margin-bottom: 1.0em;}	
		
#stimuli_overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #FFF;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}