/*
Template Name: NGHĨA HẢI
Template URI: http://www.nghiahai.vn/
Description: Sản phẩm của DTI
Version: 2.7.2
Author: huynhsitien
Author URI: http://www.duythonggroup.com/
Logo filename: logo.gif
Template Type: type_0
*/


/* Global */
body{background-color:#4FC9FF; font: 14px/18px Arial, Tahoma, Verdana, Helvetica, sans-serif;color:#000;margin:0;padding:0;}
a img{border:0;}
#F_SEARCH {	position:absolute;	z-index:101;}
.fontsmall {font: 12px/18px Arial; text-decoration:none;text-align: justify;}
#menu_top ul{}
#menu_top li .thover {background:url(images/hover_center.jpg) no-repeat center;}
#menu_top li .thover a:hover{background:url(images/hover_menu.jpg) no-repeat;}

/* Dynamic Lead*/
#dlOverlay{position:relative;z-index:150;margin:0;padding:14px 0 0 0;display:none;}
#dlOverlay span.close{float:right;background:url(images/close.gif) no-repeat left top;margin:-11px 0 0 0;display:block;height:11px;overflow:hidden;cursor:pointer;font-size:1px;width:48px;}
#dlOverlay div.caption{background:#fff;margin:0;padding:0;height:100px;overflow:hidden;clear:both;}
#dlOverlay div.caption h6.rubric{margin:10px 0 0 10px;width:410px;padding:0;font-weight:bold;font-size:11px;text-transform:uppercase;height:14px;overflow:hidden;}
#dlOverlay div.caption h6.rubric a,
#dlOverlay div.caption h6.rubric a:visited,
#dlOverlay div.caption h6.rubric a:hover,
#dlOverlay div.caption h6.rubric a:active{color:#c00;display:block;}
#dlOverlay div.caption h1{margin:-2px 0 0 10px;padding:0;font-weight:bold;font-size:18px;letter-spacing:-1px;overflow:hidden;max-height:80px;}
#dlOverlay div.caption h1 a,#main .dlBox .content .imageDeck .overlay div.caption h1 a:link,
#dlOverlay div.caption h1 a:hover,
#dlOverlay div.caption h1 a:active,
#dlOverlay div.caption h1 a:visited{color:#000;width:380px;display:block;border:none;}
#dlOverlay div.caption p.deck{margin:0px 0 0 10px;padding:0;font-size:13px;width:370px;height:18px;overflow:hidden;}
#dlOverlay div.caption p.deck a,
#dlOverlay div.caption p.deck a:hover,
#dlOverlay div.caption p.deck a:active,
#dlOverlay div.caption p.deck a:visited{color:#000;display:block;}
#dlOverlay div.caption p.source{font-size:10px;margin:0px 0 0 10px;padding:0;text-align:right;width:96%;height:13px;}
#dlOverlay div.caption p.source a,
#dlOverlay div.caption p.source a:link,
#dlOverlay div.caption p.source a:visited,
#dlOverlay div.caption p.source a:hover{color:#000;display:block;}
#dynamicLead{}
#dynamicLead ol.subNav{list-style-type:none;margin:0 2px 0 0;padding:0;font-size:11px;overflow:hidden;display:inline;float:right;height:15px;overflow:hidden;}
#dynamicLead ol.subNav li{float:left;background:url(images/numsep.png) no-repeat 16px top;padding:0;width:18px;overflow:hidden;}
#dynamicLead ol.subNav li a{padding:0 0 0 11px;background-image:url(images/dl_number_sprite.gif);background-repeat:no-repeat;overflow:hidden;font-size:13px;text-align:center;}
#dynamicLead ol.subNav li a.slide_1{background-position:center 0;}
#dynamicLead ol.subNav li a.slide_2{background-position:center -15px;}
#dynamicLead ol.subNav li a.slide_3{background-position:center -30px;}
#dynamicLead ol.subNav li a.slide_4{background-position:center -45px;}
#dynamicLead ol.subNav li a.slide_5{background-position:center -60px;}
#dynamicLead ol.subNav li a.slide_6{background-position:center -75px;}
#dynamicLead ol.mainNav{list-style-type:none;margin:0;padding:0;font-size:11px;overflow:hidden;display:inline;float:right;height:15px;}
#dynamicLead ol.mainNav li{float:left;margin:0;}
#dynamicLead ol.mainNav li a.ctrl{font-size:13px;}
#dynamicLead ol.mainNav li a.back{background:url(images/dl_button_sprite_.gif) no-repeat left 0;padding:0 0 0 53px;}
#dynamicLead ol.mainNav li a.pause{background:url(images/dl_button_sprite_.gif) no-repeat left -15px;padding:0 0 0 53px;}
#dynamicLead ol.mainNav li a.play{background:url(images/dl_button_sprite_.gif) no-repeat left -30px;padding:0 0 0 53px;}
#dynamicLead ol.mainNav li a.next{background:url(images/dl_button_sprite_.gif) no-repeat left -45px;padding:0 0 0 51px;}
.dlPreview{background:url(images/dlPreview_bkg.png) no-repeat left top;width:118px;height:138px;margin:0;padding:0;position:absolute;z-index:200;padding:0;overflow:hidden;}
.dlPreview .slideContent{height:130px;overflow:hidden;}
.dlPreview .slideContent .mainArtLink{overflow:hidden;height:58px;margin:7px 10px 0 10px;padding:0;display:block;}
.dlPreview .slideContent .mainArtLink img{margin:3px 0 0 0;padding:0;}
.dlPreview .slideContent h6.rubric{margin:10px 0 0 10px;width:410px;padding:0;font-weight:bold;font-size:11px;text-transform:uppercase;height:14px;overflow:hidden;display:none;}
.dlPreview .slideContent h1.title{margin:0 10px;padding:0;font-size:10px;color:#b61900;height:11px;overflow:hidden;}
.dlPreview .slideContent h1.title a,
.dlPreview .slideContent h1.title a:hover,
.dlPreview .slideContent h1.title a:visited,
.dlPreview .slideContent h1.title a:link{color:#900;}
.dlPreview .slideContent p.deck{display:none;}
.dlPreview .slideContent p.deckShort{display:block;margin:0 10px 2px 10px;padding:0;font-size:10px;overflow:hidden;line-height:11px;height:34px;}
.dlPreview .slideContent p.source{text-align:right;margin:0 10px;padding:0;font-size:10px;overflow:hidden;line-height:11px;display:none;}
.dlPreview .slideContent p.date{margin:0 3px;padding:0;font-size:9px;height:39px;overflow:hidden;width:100px;color:#999;text-align:right;}
#dynamicLead .lightBox{float:right;margin:0;overflow:hidden;background:url(images/numsep.png) no-repeat 58px top;width:60px;border:none;padding:0;height:15px;overflow:hidden;}
#dynamicLead .lightBox a{margin:0;background:url(images/dl_button_sprite_.gif) no-repeat left -60px;padding:0 0 0 57px;font-size:13px;border:none;text-decoration:none;}
#dynamicLead .lightBox a.selected{background:url(images/dl_button_sprite_.gif) no-repeat left -75px;padding:0 0 0 57px;font-size:13px;}
.dlRoundCornersLft {clear:both;/*margin-bottom:6px;*/height:300px;}
.dlRoundCornersLft a{text-decoration:none;}
.dlRoundCornersLft a:hover{text-decoration:none;}
.dlRoundCornersLft .top{background-image:url(images/sprite_sheet.gif);background-position:left -24px;background-repeat:no-repeat;height:6px;padding-left:6px;overflow:hidden;}
.dlRoundCornersLft .top div{border-top:1px solid #999;line-height:9px;}
.dlRoundCornersLft .content{padding:0;height:272px;border:0;overflow:hidden;}
.dlRoundCornersLft .content .imageDeck{height:270px;width:390px;margin:0 0 6px 6px;border:1px solid #fff;overflow:hidden;background:#000;position:relative;}
.dlRoundCornersLft .content .imageDeck a.mainArt{display:none;height:272px;}
.dlRoundCornersLft .bot{/*url(images/dl_lc_bot_bkg.gif) no-repeat top left*/height:28px;/*padding-left:77px;*/}
.dlRoundCornersLft .bot div{/*background:url(images/dl_lc_bot_bkg2.gif) no-repeat 0 0;*/height:17px;margin:0;padding:0;height:26px;}
.dlRoundCornersLft .bot div .footer{border:none;position:relative;z-index:90;margin:0;padding:0;overflow:hidden;top:6px;left:-5px;}
.dlLightBox{width:356px;height:300px;background:url(images/lightbox_bkg2.png) no-repeat left top;padding:0;position:absolute;z-index:2000;cursor:pointer;}
.dlLightBox ul{list-style-type:none;overflow:hidden;margin:11px 0 0 0;padding:0 0 0 11px;float:left;clear:both;}
.dlLightBox ul li{float:left;width:108px;height:128px;overflow:hidden;margin:0 6px 0 0;padding:0;background:#fff url(images/lbsep.gif) repeat-y right top;}
.dlLightBox ul li.last{background:none;margin:0;width:100px;}
.dlLightBox ul li .imageDeck{width:100px;overflow:hidden;height:58px;margin:0 4px 0 0;padding:0;}
.dlLightBox ul li h6.title{width:100px;margin:0 3px;padding:0;font-size:11px;color:#b61900;height:13px;overflow:hidden;}
.dlLightBox ul li p{margin:0 3px;padding:0;font-size:11px;height:40px;overflow:hidden;width:100px;}
.dlLightBox ul li p.date{margin:2px 3px 0 3px;padding:0;font-size:9px;height:20px;overflow:hidden;width:94px;color:#999;text-align:right;}
/**/
#dynamicLead ol.mainNav li a.back{background:url(images/tt-back.gif) no-repeat;padding:0 0 0 24px;}
#dynamicLead ol.mainNav li a.pause{background:url(images/tt-pause.gif) no-repeat;padding:0 0 0 24px;}
#dynamicLead ol.mainNav li a.play{background:url(images/tt-next.gif) no-repeat;padding:0 0 0 24px;}
#dynamicLead ol.mainNav li a.next{background:url(images/tt-next.gif) no-repeat;padding:0 0 0 24px;}
#dynamicLead .footer .comments{background:url(images/comment.gif) no-repeat;padding-left:15px;margin-left:10px;color:#034E8F;font-size:10px;}
/*End of Dynamic Lead*/


.head{position:relative;padding-top:15px;}
.head .content{padding:0;}
.headLeft{position:relative;width:405px;overflow:hidden;}


/* the styling */
#nav {float:left;width:740px; height:auto;position:relative;}
#nav .select, #nav .current {margin:0; padding:0; list-style:none; display:block;}
#nav ul {float:left;width:122px;}
#nav li {display:inline; margin:0; padding:0;height:47px;}
#nav .select a,
#nav .current a {color:#ff2200;display:block; height:47px;width:122px; float:left; background:url("images/hover_center.jpg") no-repeat left center;text-decoration:none; font-size:12px; line-height:20px; white-space:nowrap; font-weight:normal; }
#nav .current a:hover{color:#ff2200;display:block; height:47px;width:122px; float:left; background:url("images/hover_menu.jpg") no-repeat center;text-decoration:none; font-size:12px; line-height:20px; white-space:nowrap; font-weight:normal;}
* html #nav .select a, * html #nav .current a {width:1px;}
#nav .select div, 
#nav .current div{width:122px; height:100%; display:block; padding:12px 0px 0 0px; color:#000; font-weight:normal;}
#nav .select a:hover, 
#nav .select li:hover a{width:122px; background:url("images/hover_menu.jpg") no-repeat;cursor:pointer;}
#nav .select a:hover b, 
#nav .select li:hover a b {color:#fff;}
#nav .sub {display:none;}

/* the styling */
#nav2 {float:left;width:auto; height:30px;position:relative;}
#nav2 .select {padding-left:10px;margin:0; padding:0;}
#nav2 ul {float:left;width:160px;padding-left:10px;}
#nav2 li {float:left;display:inline; margin:0; padding:0;height:22px;}
#nav2 .select a{color:#ff2200;display:block; height:22px;width:160px; float:left;text-decoration:none; font-size:12px; line-height:20px; white-space:nowrap; font-weight:normal; }
* html #nav2 .select a, * html #nav2 .current a {width:1px;}
#nav2 .select a b{font-family:Tahoma;width:160px; height:100%; display:block; padding:0px 0px 0px 20px; color:#fff; font-weight:bold;}
#nav2 .select a:hover, 
#nav2 .select li:hover a{width:160px;}
#nav2 .select a:hover b, 
#nav2 .select li:hover a b {color:#fff;}
#nav2 .sub {display:none;}

/* Copyright 2009 Magic Toolbox
   Use this tool on your website:
   Go to www.magictoolbox.com
*/


/* Stlye of zoomed window */
.MagicZoomBigImageCont {
border: 1px solid #999;
}

/* Style of header, activated with "title" attribute in <a> tag */
.MagicZoomHeader {
font-size: 8pt !important;
line-height: normal !important;
color: #fff;
background: #666;
text-align: center !important;
}

/* Style of small square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #fff;
cursor: move;
}

/* Style of message box while image is loading */
.MagicZoomLoading {
border: 1px solid #ccc;
background: #fff url(img/ajax-loader.gif) no-repeat 2px 50%;
padding: 4px 4px 4px 24px !important;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
color: #444;
}



/* the following rules apply only to IE6 */
* html #homeblocks .block {
	padding: 0 1px 0 0;
}

#homeblocks .block-last {
	padding: 0;
}

#homeblocks .block .image {
	float: left;
	padding: 15px 10px 10px 15px;
}

.photoframe {
	width: 155px;
	height: 90px;
	border: 1px solid #aaa;
}

#homeblocks .block .title {
	padding: 0px 15px 8px 15px;
}

#homeblocks .block .title h2 {
	font-size: 1.2em;
	line-height: 1.1em;
	margin: 0;
	font-weight: bold;
}

#homeblocks .block .title h2 a {
	text-decoration: none;
	color: #222;
}

#homeblocks .block .summary {
	float: left;
	width: 140px;
	font-size: 0.9em;
	color: #666;
	padding: 0 15px 15px 15px;
}

#homeblocks .block .summary a {
	color: #666;
	text-decoration: none;
}

#homeblocks .block .summary a:hover {
	text-decoration: underline;
	color: #444;
}
#left .photoframe {
	width: 630px;
	height: 430px;
	border: none;
	margin: 0 0 5px 0;
	background: url(../images/overlay_630x430.gif) no-repeat;
}

#left .photoframe-archive {
	background: none;
	border: 1px solid #ccc;
} 

#left .photoframe img {
	
}
 .blank{height:8px; line-height:8px; clear:both; visibility:hidden;}
 
.detail_top
{
    FONT-WEIGHT: normal;
    COLOR: #fff4d0;
    LETTER-SPACING: 0pt
}
.detail_top
a{
    FONT-WEIGHT: normal;
    COLOR: #fff4d0;
    LETTER-SPACING: 0pt;
    text-decoration: none;
}
.detail_big
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 22px;
    COLOR: #000000;
    LETTER-SPACING: 0pt
}
.layerprice
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: #ff6600;
    FONT-FAMILY: Arial,Verdana;
    LETTER-SPACING: 0pt
}

/* @group Collections */

#gallery .col1, #gallery .col2 {
	vertical-align: top;
}

table#gallery td {
	border-bottom: 1px solid #eee;

}

#gallery div.gallery-image a {
	display: block;
	width: 222px;
}

#gallery .col3 {
	vertical-align: top;
}

.gallery-image {
	padding: 1px 1px 0 0;
	margin: 0;
	text-align: center;
	position: relative;
	}

.gallery-image img {
	width: 210px;
	height: 120px;
}

.gallery-info {
	line-height: 1.4em;
	padding: 0 0 0 0;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 0px;
	/*background: #e0dfc9;*/
	color: #fff;
	display: none;
	font-weight: bold;
	text-decoration: none;
}

span.theproducttitle {
	padding: 5px 10px;
	display: inline-block;
	background: #fff;
	text-decoration: none;
	
}

.gallery-image:hover .gallery-info {
	display: block;
	width: 200px;
}

#layout .gallery-image .gallery-info a {
	color: #313131;
	margin-right: 0;
	display: block;
	width: 222px;
	height: 60px;
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Georgia, sans-serif;
	text-decoration: none;
}

#minicart {
	display: none;
	margin-top: 15px;
	clear: both;
}

#gallery div.gallery-info small {
	background: #ff2200;
	margin-top: 20px;
	float: right;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	background: #fff;
	padding: 1px 5px;
	display: inline;
}

#gallerysort {
	position: absolute;
	font-size: 11px;
	top: 10px;
	left: 0px;
}

#gallerysort ul {
	margin: 0;

}

#gallerysort li {
	float: left;
	list-style-type: none;
	color: #9f9f9f;
	margin-left: 10px;
	display: inline;
}

#gallerysort li + li {
	margin-left: 15px;
}

#layout #gallerysort li a {
	color: #000;
	padding: 3px 5px;
}

#layout #gallerysort ul li .category-everyting #ceverything {
	color: #fff;
	background: #c6b181;
}

#layout .category-outerwear #couterwear, #layout .category-trousers #ctrousers, #layout .category-everything #ceverything, 
#layout .category-accessories #caccessories, 
#layout .category-jersey #cjersey {
	color: #fff;
	background: #c6b181;
}

#layout #gallerysort li a:hover {
	color: #676767;	
}
/* ######### Style for Drop Down Menu ######### */













.chromestyle0{
width: 99%;
font-weight: bold;
}

.chromestyle0:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle0 ul{
width: 100%;
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle0 ul li{
display: inline;
}

.chromestyle0 ul li a{
color: #000000;
font-size:12px;
padding: 20px 20px 20px 20px;
height:130px;
margin: 0;
text-decoration: none;
}
.left1 {
border-left: 1px solid #BBB;
}

.chromestyle0 ul li a:hover, .chromestyle0 ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(images/hover_menu.jpg) center center repeat-x;color: #f5ee31; /*THEME CHANGE HERE*/
}



.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
margin: 0;
text-decoration: none;
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}