﻿/* Styles for common elements */

.newHeader2 {height:123px;	padding-left:5px; padding-right:5px;}
.newHeaderTop2 {height:77px; background:#790000 url(https://zengu.s3.amazonaws.com/karatedepot/header/headerBG.jpg) no-repeat;}
.newHeaderTop2 .logo {float:left; width:229px; padding-left:7px}
.newHeaderTop2 .middleHead {float:left; width:694px;}
.newHeaderTop2 .middleHead .shipping {float:left; width:380px; margin:48px 0 0 20px; line-height:15px;}
.newHeaderTop2 .middleHead .shipping .shipline {color:#ffb84c; font-size:16px; font-weight:bold; text-transform:uppercase;}
.newHeaderTop2 .middleHead .shipping .tagline {  color: #FFEFD6;font-family: tahoma;font-size: 11px;font-weight: bold;text-shadow: 1px 1px 1px #000000;text-transform: uppercase;left: 142px; position: absolute; top: 49px;}
.newHeaderTop2 .middleHead .checkout {float:right; text-align:right; margin:3px 7px 0 0;}
.newHeaderTop2 .middleHead .checkout a {color:white; text-decoration:none; font-size:11px; margin-left:10px;}
.newHeaderTop2 .middleHead .checkout a:hover {text-decoration:underline;}
.newHeaderTop2 .middleHead .checkout div a {margin:0px;}
.newHeaderTop2 .middleHead .checkout .search {margin-top:10px;}
.newHeaderTop2 .middleHead .checkout .search .left {background:url(../../../images/header2/searchLeft.gif) no-repeat top right; width:3px; height:24px; border:0; }
.newHeaderTop2 .middleHead .checkout .search .button { width:37px; height:24px; border:0; padding:0; margin:0; *margin-top:1px;}
.newHeaderTop2 .middleHead .checkout .search input {padding:0 0 0 6px; margin:0; height:22px; line-height:21px; width:157px; border-width:1px 0; border-style:solid; border-color:#2f0100;}
.newMenu2 {border-top:1px solid #ffffff;}
.newHeader2 .header2Head {height:20px; font-size:11px; line-height:19px; overflow:hidden}
.newHeader2 .header2Head a {color:#660000; font-size:11px;}
.newHeader2 .welcome {float:left;}
.newHeader2 .welcome a { text-decoration:underline;}
.newHeader2 .links {float:right; text-align:right;}
.newHeader2 .links div {float:right;}
.newHeader2 .links li div {float:left; text-align:left;}
.newHeader2 .links a {margin-left:8px;}
.newHeader2 .links a:hover {text-decoration:underline;}
.newHeader2 .links li {float:left; list-style:none; height:20px; line-height:20px;font-size:11px; margin-right:12px;}
.newHeader2 .links li a {display:block; margin:0;}
.newHeader2 .links li ul {float:none; padding:0; position:absolute; z-index:9999; display:hidden; left:-3000px; margin:-1px 0 0 0;}
.newHeader2 .links li ul li.contactRollOver {float:none; position:relative; left:-135px; clear:both; padding:0; width:227px; height:207px; background:url(../../../images/header/contactUsRollOverBG.png) no-repeat; font-family:arial; font-size:11px; line-height:15px;}
 
.top_menu2 { clear:both; border-bottom:0px solid #b3000c; width:100%; background:#62170b; height:25px; overflow:hidden;}
.top_menu2 ul {float:left; list-style:none; padding:0px 0 0px 0; margin:0;}
.top_menu2 li { float:left; padding:0 0px; background:#62170b; margin-left:0px; text-align:center; text-transform:uppercase;}
.top_menu2 li a { font-family:'Trebuchet MS', Helvetica, sans-serif; color:white; font-size:11px; font-weight:bold; padding:0px; text-decoration:none; display:block;  }
.top_menu2 li.w_d_down a {padding:0px; letter-spacing:1px; line-height:25px; _margin-top:4px}

.top_menu2 li ul { float:none; padding:0;  background:#fff; position:absolute; z-index:9999; display:hidden; left:-3000px; margin-top:-1px; margin-left:0px;}
.top_menu2 li ul li { float:none; clear:both; padding:0 0 0 17px; margin-left:0px; text-align:left; background:#7a1c0d; border-top:1px solid #6e190c; }
.top_menu2 li ul li:hover { padding:0 0 0 17px; text-decoration:none; background:#510f05;}
.top_menu2 li ul li a { /*float:left;*/ display:block; width:190px; height:23px; text-transform:uppercase; font-weight:bold; background:#98a9c9;}
.top_menu2 li ul li a:hover { background:#510f05; text-decoration:none; letter-spacing:1px; padding-left:0px; }

.top_menu2 li.w_d_down_hover a {background:#7a1c0d url() no-repeat right; /*height:16px;*/ padding:0px; letter-spacing:1px; line-height:25px; text-decoration:none;}
.top_menu2 li.w_d_down_hover li a{ background:#7a1c0d;}

.top_menu2 li.w_d_down a.one { width:88px;}
.top_menu2 li.w_d_down a.two { width:125px;}
.top_menu2 li.w_d_down a.three { width:85px;}
.top_menu2 li.w_d_down a.four { width:121px;}
.top_menu2 li.w_d_down a.five { width:90px;}
.top_menu2 li.w_d_down a.six { width:146px;}
.top_menu2 li.w_d_down a.seven { width:60px;}
.top_menu2 li.w_d_down a.eight { width:90px;}
.top_menu2 li.w_d_down a.nine { width:216px; text-indent:52px;}

.top_menu2 li.w_d_down_hover a.one {width:88px;}
.top_menu2 li.w_d_down_hover a.two {width:125px;}
.top_menu2 li.w_d_down_hover a.three {width:85px;}
.top_menu2 li.w_d_down_hover a.four {width:121px;}
.top_menu2 li.w_d_down_hover a.five {width:90px;}
.top_menu2 li.w_d_down_hover a.six {width:146px;}
.top_menu2 li.w_d_down_hover a.seven {width:60px;}
.top_menu2 li.w_d_down_hover a.eight { width:90px;}
.top_menu2 li.w_d_down_hover a.nine { width:216px; text-indent:36px;}

.top_menu2 li.Mspacer {width:1px; height:26px; background:white; z-index:3; position:relative;}


