@charset "utf-8";
/* CSS Document */

@import url('color.css');
@import url('navigation.css');


html { height: 100%; }

#mc_cnt {margin:0px auto 0px auto; padding:0px 0px 0px 0; text-align:center; width:965px; background:#ffffff; border: 15px solid #000000;}
/*#mc_cnt {margin:30px auto 20px auto; padding:7px 0px 10px 0; text-align:center; width:960px; background:#d6d6d6; border: 3px solid #999999;}*/

#mc_ftrimg {width:930px; background:#FFFFFF; margin:0px auto 0px  auto; text-align:center; padding:0 10px 0 10px;}
/***************** main body **************/
body {

margin:0px auto 0px auto !important;

	padding: 0px 0px 0px 0px;

	text-align: center;
	background-color:#000000;
}

/***************** float left class - used to float divs **************/
.fl {
  float: left;
}

/***************** float right class - used to right divs **************/
.fr {
  float: right;
}

/***************** set link of image border to none **************/
a img {border: none;}

/***************** header section **************/
#header {
  margin: 0px auto 0px auto;
  padding:10px 0 10px 0;
  width: 950px;
  background: #FFFFFF url(images/nightowl-logo.gif) no-repeat;
  background-position:30px 30px;
  height: 130px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/***************** top header medwig text **************/
.medwig {
  width: 60%;
  margin: 0px;
  font-size: 11px;
  padding: 14px 0px 8px 0px;
  font-weight: bold;
  color: #444444;
  text-align: right;
}

/***************** fedex shipping text **************/
.fedex {
  width: 45%;
  margin: 0px;
  padding-top: 50px;
  font-size: 12px;
  font-weight: bold;
  color: #444444;
}

/***************** violet fedex text color **************/
.violet {
 color:#563b8c;
}

/***************** green fedex text color **************/
.green {
 color: #00c108;
}


/***************** sel font color of fedex text link **************/
.fedex a {
  color: #6b6b6b;
}

/***************** set italics to normal **************/
.fedex em {
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
}

/***************** styling for phone text at the top - phone details **************/
.phone {
  width: 30%;
  margin: 0px;
  text-align: right;
  padding-right: 175px;
  padding-top: 31px;
  font-size: 11px;
  color: #3b5c79;
  font-weight: bold;
}

/***************** set italics styling of phone text to normal  **************/
.phone em {
  font-style: normal;
  font-size: 10px;
  color: #7b7b7b;
}

/***************** top badder ad image **************/
#header img {
  vertical-align: middle;
  margin-top: -45px;
  margin-right: -175px;
  border-left: 10px solid #FFF;
}


/***************** styling main top naviagion **************/
.top-navigation {
  width: 35%;
  margin: 0px;
  text-align: right;
  font-size: 12px;
  font-weight: bold;
  list-style: none;
  padding: 8px 0px;
}

/***************** list styling of sign in, my account and cart **************/
.top-navigation li {
  display: inline;
}

/***************** link styling of sign in, my account and cart **************/
.top-navigation a:link , .top-navigation a:visited
{
	text-decoration: none;
	color: #444444;
	padding: 0px 10px 0px 6px;
	border-right: 1px solid #444444;
	font-size:12px;
}

/***************** set border to none last list of cart link to none **************/
a.last {
 border-right: none;
}

/*********** end header **************/


/*********** main horizontal navigation 
#nav {
  border-top: 1px solid #9e0707;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 29px;
}

#nav, #nav ul 
	padding: 0;
	margin: -1px 0px -1px 0px;
	list-style: none;
	line-height: 1.7;
	text-align: left;
}

#nav li a:link, #nav li a:visited {
	display: block;
	width: 13.5em;
	font-size:12px;
	color: #3a3a3a;
	text-decoration: none;
	padding: 4px 0px 5px 5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

* html #nav li a:link, #nav li a:visited {width: 12.5em; }


.subproduct {

padding-left:0px;

}

.subproducthover a:hover {

  background: #000;
  padding: 4px 0px 5px 10px;
  width: 13.5em;
  display: block;

}

#nav li ul a:hover {
  background: #faff8d;
  padding: 4px 0px 5px 10px;
  width: 13.5em;
  display: block;
}

#nav li 
	float: left;
	width: 13.5em; 
}
#nav li ul { 
	position: absolute;
	background: #fefff1;

	
	width: 14.5em;
	left: -999em;
	border: 2px solid #d6a2a2;
	border-top: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
}

/*********** end horizontal navigation **********/


/*********** main content box **************/
#content {
   width: 950px;
  margin: 0px auto;
  background:#FFFFFF;
}

/*********** styling for search box **************/
#search {
  
  background: url(images/search-bg00.gif) no-repeat;  
  text-align: left;
  padding-left: 10px;
  padding-top:-5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0px;
  padding-top:3px;
  
}



/*********** set textinput border to 1 pixel  **************/
#search input {
  margin: 0px;
}

/*********** set margin and padding of pharagrap  **************/
#search p {
margin: 0px;
	padding: 6px 0px;
	color:#FFFFFF;
	font-weight:bold;
}

/*********** main product container **************/
#product-container {

  padding: 0px 5px 10px 5px;

  width: 940px;

}



/*********** stylin for left content box inside main product container **************/

#left-content {

  float: right;

  width: 793px;

  margin-bottom: 6px; 
  
  padding-top:5px;

}



/*********** ad box 

#right-content {

  float: right;

  width: 190px;

  background: url(images/ad.jpg) no-repeat;

  height: 418px;

  margin-top: 6px;

  font-family: Arial, Helvetica, sans-serif;

  text-align: left;

  padding: 10px 15px;

}



 

#right-content h1.ad-top {

  margin: 0px;

  font-size: 22px;

  color: #FFF;

}





#right-content h1.ad-mid {

  margin: 0px;

  font-size: 24px;

  font-weight: normal;

  padding-top: 35px;

  color: #000;



}


styling of pharagrap inside right content box 

#right-content p {

  font-size: 11px;

  margin: 0px;

  color: #FFF;

}



styling of buy text inside ad

#right-content p.buy {

  padding-top: 10px;

  font-size: 37px;

  color: #6e0000;

}




.buy a:link{
  padding-top: 10px;
  font-size: 37px;
  text-decoration:underline;
  color: #6e0000;
}

.buy a:visited{
  padding-top: 10px;
  font-size: 37px;
  text-decoration:underline;
  color: #6e0000;
}

.buy a:hover{
  text-decoration:none;
  color: #6e0000;
}

h1.ad-top a:link{
  margin: 0px;
  font-size: 22px;
  text-decoration:none;
  color: #FFF;
}

h1.ad-top a:visited{
  margin: 0px;
  font-size: 22px;
  text-decoration:none;
  color: #FFF;
}

.freship a:link{
  font-size: 11px;
  text-decoration:none;
  color: #FFF;
}

.freship a:visited{
  text-decoration:none;
  color: #FFF;
}
**************/

.viewitem a:link , a:visited{
  font-size: 13px;
  text-decoration:underline;
}

.viewitem a:hover{
  text-decoration:none;
}

/*********** styling for left content box which holds te product details **************/

#left-content {

  border-top: 1px solid #afd170;
  
  border-bottom: 1px solid #afd170;

  margin-top: 10px;

  padding-bottom: 10px;

  background-color: #FFF;

  /** background-color: #feffe6; MTM**/

}



/*********** styling of h1 for left content **************/

#left-content h1 {

  font-size: 48px;

  font-family: Arial, Helvetica, sans-serif;

  font-weight:lighter;

  margin: 8px 0px;

}



/*********** styling of shopping text main content **************/

#left-content h1.shopping {

  font-family: "Trebuchet MS";
  font-weight: bold;
  font-size: 25px;  
  width: 32%;
  margin:15px 35px 0 0;
  color: #3d9b35;

}


.shopping a:link , .shopping a:visited{

  font-family: "Trebuchet MS";
  font-weight: bold;
  font-size: 25px;
  text-decoration:none;
  color: #3d9b35;
}

.shopping a:hover{
  text-decoration:underline;
}



.allproducts {

  font-family: "Trebuchet MS";

  font-weight: bold;

  font-size: 15px;
  
  margin-right:75px;
  
  margin-top:-17px;


}

.allproducts a:link , .allproducts a:visited {

  font-family: "Trebuchet MS";

  font-weight: bold;

  font-size: 15px;
  
  margin-right:14px;
}







/*********** styling for green circle button image  **************/

.shopping img {

  vertical-align: middle;

}



/*********** styling of FREE SHIPPING text **************/

#left-content h1.shipping {

  text-align: left;
  font-size: 25px;
  font-weight: bold;
  width: 30%;
  padding-left: 10px;
  padding-top: 13px;
  color: #3d9b35;

}



#left-content h1.shipping A {

  font-size: 11px;

  font-weight: normal;

  color: #3d9b35;

}



/*********** set italic(em) and styling of ON ORDERS to normal **************/

#left-content h1.shipping em {

  font-size: 14px;

  font-style: normal;

}



/*********** styling of BEST SELLER text **************/

#left-content h1.best {

  font-size: 32px;

  margin: 10px auto 20px auto;

  width: 306px;


}



/*********** product detail box - holds the four featured products **************/

#product-details {

  margin: 0px 48px;

  width: 760px;

  padding-top: 0px;

}

* html #product-details {width: 740px; margin: 0px 20px; }



/*********** styling and box for the four (4) featured products **************/

.column {

  text-align: left;

  float: left;

  width: 150px;

  padding: 0px 15px 0px 15px;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  background: url(images/vline-product-red.gif) 50px 0px no-repeat;

}



/*********** clears the vertical background line separators of products **************/

.last-column {

  background: none;

}



/*********** styling for product title text **************/

#left-content .column h1 {

  font-size: 12px;

  margin: 0px;

  font-weight: bold;

  padding-top: 8px;

}



/*********** styling of products description **************/

#left-content .column p {

  font-size: 10px;

  margin: 0px;

  line-height: 1.6em;

}



/*********** set font color of product price **************/

.price {
  font-weight: bold;
}


.price a:link{
  font-weight: bold;
}

.price a:visited{
  font-weight: bold;
}


.historylink a:link ,.historylink a:visited {
  font-weight: 600;
  font-size:10px;
  color: #930505;
  text-decoration:underline;
}

.historylink a:hover {
    text-decoration:none;
}


/*********** Holds the klein history, klein product(magazine) image and testimonial boxes **************/

#company {
  
  width: 910px;

  padding: 10px 13px;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px;


 

}



/*********** styling for the Klein history box **************/

.history {

  width: 490px;

  margin: 0px 8px 0px 0px;

  text-align: left;

  padding: 10px;

  min-height: 173px;

}



/*********** styling for the klein product(magazine) image **************/

.mag {

  width: 152px;

  margin: 0px 8px;

}



/*********** styling for the testimory box **************/

.testimony {

  width: 196px;

  margin: 0px 0px 0px 8px;

  text-align: left;

  padding: 10px;

  font-size: 11px;

  line-height: 1.5em;

  height: 173px;

}



/*********** styling of headings inside history box **************/

.history h1 {

  font-size: 10px;

  font-weight: bold;

  margin: 0px;
  

}



/*********** styling of headings inside testimony box **************/

.testimony h1 {

  font-size: 12px;

  font-weight: bold;

  margin: 0px;

  padding-bottom: 10px;
  
  height:30px;

}



/*********** styling of (author name) headings inside testimony box **************/

.testimony h1 em {

  font-style: normal;

  font-weight: normal;

  font-size: 11px;

}



/*********** styling for footer box **************/

#footer {


   	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-size: 10px;
  	padding: 4px 0px 40px 20px;
  	width: 930px;
  		overflow:hidden;
  	margin: 0px auto 0px auto;
	background:#FFFFFF;
	text-align:left;

}



/*********** styling of pharagraps inside footer box **************/

#footer p {

  float: left;

  margin-right: 10px;  
  text-align:center;

}



/*********** styling of phone inside footer box **************/

#footer p.phone-footer {

  font-weight: bold;
}







/************* inside page **************/



/*********** main content box **************/

#container {

  padding: 20px 100px;

  text-align: left;

  width: 785px;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;

}



/*********** set width of form tag **************/

#container form {

  width:500px;

}



/*********** set border of input fields **************/





/*********** make text description of input text to bold **************/

#container label {

  font-weight: bold;

}



/*********** set heading font to bold inside container **************/

#container h1 {

  font-size: 11px;

  font-weight: bold;

}



/*********** set 0 margin and 0 padding to desired tag **************/

.no-margin {

  margin: 0px; padding:0px;

}



/*********** main text box container - this holds the text  **************/

.icolumn {
  padding:0 0 0 20px;
  width: 380px;

}



/*********** sets the ex. icolumn box width to 600px **************/

.wide {
  padding:0 0 0 20px;	
  width: 600px;

}



/*********** sets the ex. icolumn box width to 550px **************/

.wider {
  padding:0 0 0 20px;
  width: 550px;

}



/*********** sets the ex. icolumn box width to 400px **************/

.narrow {
  padding:0 0 0 20px;
  width: 400px;

}



/*********** sets the ex. icolumn box width to 180px **************/

.narrower {

  width: 180px;
  padding:0 0 0 20px;
  float: left;

}



/* main background image heading for pre-purchase page */

.pre-purchase {

  background: url(images/image-1.png) top right no-repeat; /* change pre-purchase image header here */

}

/* main background image heading for post-purchase page */

.post-purchase {

  background: url(images/image-2.jpg) top right no-repeat; /* change post-purchase image header here */

}

/* main background image heading for order-status page */

.order-status {

  background: url(images/image-3.jpg) top right no-repeat; /* change order status image header here */

}

/********** style for content *************/



#content-box {

  margin: 0px auto;

  width: 765px;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;

  padding-bottom: 20px;

}



.list {

  float: left;

  margin: 0px 0px 0px 0px;

  padding-left: 15px;

  width: 220px;

  padding-right: 20px;

  padding-top: 4px;

}



.clear-float {

 float: none;

 width: 600px;

}



.last {

  padding-right: 0px;

}



br.clear {

  clear:both;

}



.middle {

  padding: 0px 14px;

}



/***************** end style for content ************/

/******* ticker *******/
#ticker {
  font-family: "Trebuchet MS", Arial, Verdana;
  list-style: none;
  text-align: left;
  margin-left:-39px;
  margin-top:-40px;
  width:180px;  
  position:relative;
}

#ticker li {
position: absolute;
overflow:hidden
}

* html #ticker {margin-left:0px; }


cite
	{
	font-size: 12px;
	color:#2d2d37;
}

cite a:visited , a:link
	{
	font-size: 12px;
	text-decoration:underline;
}

/***
.glossary {
  border:1px solid #f5d300; 
  font-size:14px; 
  background:#fcf2b2; 
  display:block; 
  width:950px;
  margin:0 auto; 
  padding:3px 0;  
}

.glossary a:link ,.glossary a:visited{
  color:#00569f;
  font-size:18px;
}

.glossary a:hover {
  text-decoration:none;
  color:#00569f;
}

* html .glossary {margin-top:30px; }

***/

.searchbox{
   height:31px; 
   width:300px;
   float:left;
   padding:8px 5px 2px 0px;
 color:#387418 !important;font-weight:bold;
}

.mcafeestyle {width:135px; float:right; height:33px; background:url(images/bg-mcimg.gif) repeat-x;margin:0px 10px 0 0; padding:2px 0 0 0; text-align:center;*margin-top:5px;margin-top:1px;}
* HTML .searchbox
{
	padding: 12px 5px 0px 0px;
	height:31px;
}

/***
ul#kppnumlist
{
margin-left: -20px;
margin-top: 20px;
white-space: nowrap;
}

* html ul#kppnumlist {margin-top:25px; }

#kppnumlist li
{
display: inline;
list-style-type: none;
}

#kppnumlist a { padding: 3px 6px; }

#kppnumlist a:link, #kppnumlist a:visited
{
color: #044274;
background-color: #FFF;
text-decoration: none;
border:1px solid #80AECA;
font-weight:bold;
font-size:11px;
}

#kppnumlist a:hover
{
background-color: #cfe3ef;
text-decoration: none;
}

***/

#left-content h1.indexbestseller A{
  text-decoration:underline;
  font-size:14px;
}

#left-content h1.indexbestseller a:hover {
  text-decoration:none;
}

#signtext {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;
  
  height:10px;
  
  padding-top:10px;

}

.top-details a:link ,.top-details a:visited {
  font-size:11px;
  text-decoration:underline;
}

.logo {
	float:left;
	width:440px;
	height:40px;
	margin:30px 0 0 150px;
	position:absolute;
	left: 3px;
	top: 0px;
	display:block;
}

.popupwidth {
  width:700px;
}


.times {
  width:450px; 
  height:15px; 
  float:left; 
  text-align:right; 
  font-size:12px;
  padding-top:10px;
  padding-bottom:5px;
}

.timez {
  width:400px; 
  height:15px; 
  float:left; 
  text-align:left; 
  margin-left:5px; 
  font-size:12px;
  padding-top:10px;
  padding-bottom:5px;
}


.nomar-sidenavbar {
	border-top: none;
	width: 120px;
	padding: 0px 10px;
	margin-top:0px;
	padding-bottom: 10px;
}



.bountyhuntersubcategory {
  border-bottom:none;
}


.dbox {
  width:91px; 
  float:left; 
  margin-left:10px;
}

.historyexpand {
  margin-bottom:5px; 
  margin-top:-10px; 
  height:170px;
}

#indexhistorylist  LI {
  list-style:none;
}

.bottomcaption {
  width:790px; 
  padding:22px 0px; 
  height:20px;
  font-size:26px; 
  font-family:Arial, Helvetica, sans-serif; 
  text-align:center;
}
#index_module {
	float: left;
	width: 612px;
	padding: 0px 50px 5px 50px;
}
#index_module_returns {
	float: right;
	display: block;
	width: 285px;
	height: 96px;
	background: url(images/index_module/60_day_guarantee.png) no-repeat scroll 0px 0px;
}
#index_module_shipping {
	float: left;
	display: block;
	width: 206px;
	height: 96px;
	background: url(images/index_module/free_shipping.png) no-repeat scroll 0px 0px;
}