/* General Rules */
.hide {display:none;}

/* All images are set to Block, i.e. no spacing around them and text won't be on the same line */
img{display:block; border:0; margin:0; padding:0;}

/* Use this class to make images inline with text or other images */
.inline{ display:inline;}

/* Use for form images */
.block{ display:block;}

/* Clear styles */
.clear{clear:both;}

/* Abbreviations Styles */
abbr{border:0;}

/* General HR's, used for clearing floats. Doesn't really disappear in ie, but still use if background is #000 */
hr{
   clear:both; margin:0; padding:0; border:0; border-style:none; line-height:0; font-size:0; height:0; background:transparent; color:#000;
}

/* Form Styling */
form {margin:0; padding:0; border:0;}
form input {margin:0; padding:0; font-family:Verdana, Arial}
form .button {margin:0; padding:0; border:0; vertical-align:top; width:auto;}
form .txtfld{height:13px;}
form .txtfld_w{border:0; width:200px;}	
form .txtfld_wb{width:200px;}	

form .txtfld_r{border:0; font-size:9px; padding:3px; width:180px;}	

fieldset {margin:0; padding:0; border:0;}
legend {display:none; margin:0; padding:0; border:0;}

/* HTML & Body */
html {padding:0; margin:0; background:#fff; }
body{
	margin:0; padding:0; border:0; 
	font-size:small; color:#1D5940; font-family:Arial;
	background:url(../../img/bg/boxbg.gif) repeat-y center;
}


/* TYPOGRAPHY */

/* Standard Links */
a{color:#fff; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
a:active{outline:none;}
a:focus{outline:none; -moz-outline-style:none;}

.red, .red a, .red a:hover{color:red;}
.greyedout, a.greyedout{color:#ccc;}
.darkgrey{color:#333333;}

.smalltxt{font-size:9px}
.lrgtxt{font-size:13px; line-height:16px;}
.price{color:#03331F; font-size:medium;}

.georgia{font-family:Georgia}

a.aunder{text-decoration:underline}
a.aunder:hover{text-decoration:none}

a.dotted{font-family:Georgia; color:#006600; background:url(../../img/bg/dot_h.gif) repeat-x bottom;}
a.dotted:hover{color:#58906B; text-decoration:none; background:0;}

.yellow, a.yellow{color:#d8e301;}

h1{margin:0; padding:0; font-family:Arial; font-size:290%; letter-spacing:-1px; color:#fff;}
h3{margin:0; padding:0; font-size:small;}
h4{margin:0; padding:0; font-size:small;}
p{margin:0 0 10px 0; padding:0; line-height:13px;}


/* :::::::: Main Layout Areas ::::::: */
#box{margin:0 auto; padding:0; width:1000px; position:relative; background:url(../../img/bg/leftbgline.gif) repeat-y}

/*#box{min-width:1003px; max-width:1280px; position:relative;}
* html #box Modified SBMH (Simplified Box Model Hack) - to use different body elements ie5/ie6
{
  height:1%;	
  width: expression(document.body.clientWidth < 1000? "1000px" : document.body.clientWidth > 1281? "1280px" : "auto");
  w\idth:expression(documentElement.clientWidth < 1000? "1000px" : documentElement.clientWidth > 1281? "1280px" :"auto" );
}*/

#top{margin:0; padding:0; height:137px; border-bottom:13px solid #fff; background:url(../../img/bg/bk_new_tie.jpg) no-repeat top left;}

#mainwrap{
	float:left; width:100%; margin:0 -210px 0 0; padding:0; background:url(../../img/bg/rightbgline.gif) repeat-y right;
	height:670px;
}	
html>body #mainwrap{height:auto; min-height:670px;}

#maincontent{margin:0 210px 0 0; padding:0;}	

#container{float:right; width:100%; margin:0 0 0 -210px; padding:0;}	

#content{margin:0 0 0 210px; padding:0 10px;}	


#left{float:left; width:190px; margin:0; padding:0 0 0 10px;}	
* html #left{width:200px; w\idth:190px;} /* SBMH */

#right{float:right; width:200px; margin:0; padding:0 10px 0 0;}
* html #right{width:210px; w\idth:200px;} /* SBMH */

#footer {
	clear:both; margin:0; padding:10px 20px 10px 10px;
	border-top:10px solid #fff; background:url(../../img/bg/footerline.gif) repeat-x top #fff;
}
* html #footer{height:1%;}
*+html #footer {height:1%;}


/* :::::::: Main Layout Areas END :::::::*/


/* Top */
#top h2{
	position:absolute; top:10px; left:80px; margin:0; padding:0; 
	width:204px; height:72px; background:url(../../img/logo/top.gif) no-repeat top left;
}
#top h2 a{
	display:block; width:202px; height:71px; 
}

#top dl{
	position:absolute; right:0; top:15px; width:200px; margin:0; padding:0 10px; 
}
#top dl dt{
	margin:0; padding:2px 0 2px 5px;
	color:#ffcc00; font-weight:bold; /*text-transform:uppercase;*/
	background:url(../../img/bg/title_bg.gif) repeat-x bottom #03331f;
}
#top dl dd{
	margin:0; padding:3px 0 0 0;
}

form .txtfld_t{border:0; font-size:9px; padding:3px; width:194px;}	
form .txtfld_s{border:0; font-size:9px; padding:3px; width:167px;}	
/* Top END */



/* Content */

/* Home Page Banner */
#banner1{
	float:left; width:100%; margin:0 0 7px 0; padding:0; height:180px; 
	background:url(../../img/home/banner/1.jpg) no-repeat top left;
}

#banner2{
	float:left; width:100%; margin:0 0 7px 0; padding:0; height:180px; 
	background:url(../../img/home/banner/2.jpg) no-repeat top left;
}

#banner3{
	float:left; width:100%; margin:0 0 7px 0; padding:0; height:180px; 
	background:url(../../img/home/banner/3.jpg) no-repeat top left;
}



#banner p {margin:0;}
#banner p a{display:block; width:100%; height:180px; position:relative; z-index:1;}


#welcome{
	margin:0 0 10px 0; padding:0;
}

#welcome h1{
	margin:0 0 5px 0; color:#fff; font-size:small;
}

* html #welcome h1{height:30px;}


#welcome h1 img{
	display:inline;
}



#welcome p{
	margin:0 0 5px 0; line-height:16px; font-family:Georgia
}

#welcome h2{
	color:#032B1A; font-size:18px; font-family:Georgia; margin:0 0 5px 0;
}


p.toptro, #welcome p.toptro{
	font-weight:bold; letter-spacing:-1px; font-size:16px; line-height:18px; font-family:Georgia
}

#welcome p.toptro{
	margin:0 0 10px 0px;
}

p.copytro{
	font-weight:bold; letter-spacing:-1px; font-size:14px; line-height:16px; font-family:Georgia
}


/* Home Page Sub Banner */
#subbanner{
	float:left; width:100%; margin:0 0 7px 0; padding:0; height:90px; background:url(../../img/home/officialsuit.jpg) no-repeat top left;
}

#sidetext{
   position:relative; float:left; width:170px; height:50px; padding:30px 10px 30px 10px; margin:0;
   
   font-family:"Times New Roman", Times, serif; font-size:18px; font-weight:300; color:#ffffff; text-align:center;

   }  




#subbanner {display:block; width:100%;}


/* Home Page Promos */
div.promos{
	margin:0; padding:0; float:left; width:100%;
	background:url(../../img/home/SpecialOffers_antich.jpg) no-repeat top right;
	
}

div.promos div{
	float:left; margin:0 10px 0 0; padding:0; width:33%; 
	background-position:top left; background-repeat:no-repeat; text-align:center;
}

div.promos div#pa_sta{
	background-image:url(../../img/home/SpecialOffers_shirt.jpg)}
div.promos div#pa_mid{
	margin-right:0; border-right:10px solid #fff; background-image:url(../../img/home/SpecialOffers_JosiahFrance.jpg)}
div.promos div#pa_end{
	width:30%; margin-right:0; background-position:top right; background-image:0
}


div.promos h3{
	margin:0; padding:0; width:100%; height:220px; background:url(../../img/home/specialoffer2.gif) no-repeat bottom left;
}
div.promos h3 a{
	display:block; width:100%; height:220px;
}

div.promos p{
	margin:0; background:#1D5940; color:#e6c205; border:1px solid #fff; border-left:0; border-right:0;
	font-weight:normal;
}
div.promos p a{
	margin:0; padding:6px 0; display:block; color:#e6c205;
}
div.promos p a:hover{
	color:#fff; text-decoration:none;
}


div.promos p.subp{
	margin:0; background:#e6c205; color:#1D5940; border:0;
	font-weight:normal;
}
div.promos p.subp a{
	margin:0; padding:3px 0; display:block; color:#1D5940;
}
div.promos p.subp a:hover{
	color:#fff; text-decoration:none;
}

/* Content END */


/* Left */
#inner_left{
	margin:0; padding:0; color:#fff;
	/*background:url(../../images/bg/leftgrad.gif) repeat-x;*/
}

#left dl{
	margin:0 0 10px 0; padding:0;
}
#left dl dt{
	margin:0; padding:3px 0 6px 3px; border:1px solid #03331F;
	color:#ffcc00; font-weight:bold; /*text-transform:uppercase;*/
	background:url(../../img/bg/title_bg.gif) repeat-x bottom #03331f;
}

#left dl dd{
	margin:0; padding:3px 7px 7px 7px;
}

#left dl dd.custro{
	font-size:9px; font-weight:bold; color:#ccc;
}

#left dl dd.comm{
	font-size:13px; text-align:center; font-style:italic;
}

#left dl dd.cusig{
	color:#fff;
}

#left dl dd.reastxt{
	font-size:13px; font-weight:bold; height:50px;
}
html>body #left dl dd.reastxt{height:auto; min-height:60px;}

#left dl dd.reastxt img{
	float:left; margin:0 5px 10px 0; border:3px solid #565756;
}


#left ul{
	height:1%; margin:0; padding:0; list-style:none; text-transform:capitalize
}
#left ul.subul{
	margin:0 0 15px 0;
}


#left ul li{
	margin:0 0 3px 0; padding:0; list-style:none; 
}

#left ul.subul li{
	padding-left:12px;
}


#left ul li.current{
	text-decoration:none; font-weight:bold; color:#FFD119;
	background:url(../../img/icons/arrow.gif) no-repeat 0 3px;
}

#left ul li.current a{
	color:#FFD119;
}


#left ul li a{
	text-decoration:none;
}

#left ul li a:hover{
	text-decoration:underline; color:#FFD119;
}

#left ul li img{
	display:inline;
}

#left #brands{
	width:154px; margin:0 auto; border:3px solid #86BCA6
}

/* Left END */


/* Right */
#right dl{
	margin:0; padding:0; color:#fff; border-bottom:10px solid #fff; background:#1D5940;
}
#right dl.nobotbord{border-bottom:0;}

#right dl dt{
	margin:0; padding:5px 0 5px 5px; border:1px solid #03331F;
	color:#ffcc00; font-weight:bold; /*text-transform:uppercase;*/
	background:url(../../img/bg/title_bg.gif) repeat-x bottom #03331f;
}
#right dl dt a{color:#ffcc00;}

#right dl dd{
	margin:0; padding:7px; background:#1d5940;
}

#factoryimage{

display:block; color:#FFFFFF; padding:0 0 10px 0; background-color:#FFFFFF;

}

#right dl dd.ddpadbot{padding-bottom:0;}

#right dl dd.ddpadtop{padding-top:1px;}
* html #right dl dd.ddpadtop{padding-top:0;}

#right dl dd.nopad{padding:0;}

#right dl dd#gobut{
	float:right; padding:0 7px 0 0;
}

#right dl dd#forgot{
	background:url(../../img/login_register/forgot.gif) no-repeat 7px 0 #1D5940;
}
#right dl dd#forgot a{
	display:block; padding:0 0 0 35px;
}

#right dl dd.ddfill_y{background:url(../../img/bg/title_bg.gif) repeat-x bottom #03331f; padding:3px 0 5px 7px;}
#right dl dd.ddfill_y a{display:block; color:#fff;}

#right dl dd.topbord{border-top:1px solid #F2F6AD}


#right dl dd.custro{
	font-size:9px; font-weight:bold; color:#fff;
}

#right dl dd.comm{
	font-size:11px; text-align:center;
}

#right dl dd.cusig{
	color:#fff;
}

#right dl dd.reastxt{
	font-size:13px; font-weight:bold; height:50px;
}
html>body #right dl dd.reastxt{height:auto; min-height:60px;}

#right dl dd.reastxt img{
	float:left; margin:0 5px 10px 0; border:3px solid #565756;
}

#right dl.securedl dd{
	background:url(../../img/home/secure.gif) no-repeat center; height:109px;
}

/*basket*/
dl#dlbasket{
	float:left;
}
dl#dlbasket dd{
	padding:7px 0 7px 7px;
}

dl#dlbasket dd.spanflt{
	float:left;	
}
dl#dlbasket dd.spanflt span{
	float:left;	
}
dl#dlbasket dd.spanflt span.spanflt_r{
	padding-right:7px; float:right;	
}

#right ul{
	margin:0; padding:0; list-style:none;
}
#right ul li{
	margin:0; padding:0; list-style:none; 
}

#right ol{
	margin:0; padding:0; list-style:none;
}
#right ol li{
	margin:0; padding:0; list-style:none; border-bottom:2px solid #fff;
	background-repeat:no-repeat; background-position:top left; font-size:11px;
}

#right ol li#best1{background-image:url(../../img/best_sellers/1.gif); background-color:#ffd119; font-weight:bold;}
#right ol li#best2{background-image:url(../../img/best_sellers/2.gif); background-color:#ffd119; font-weight:bold;}
#right ol li#best3{background-image:url(../../img/best_sellers/3.gif); background-color:#ffd119; font-weight:bold;}
#right ol li#best4{background-image:url(../../img/best_sellers/4.gif);}
#right ol li#best5{background-image:url(../../img/best_sellers/5.gif);}
#right ol li#best6{background-image:url(../../img/best_sellers/6.gif);}
#right ol li#best7{background-image:url(../../img/best_sellers/7.gif); background-position:0 2px;}
#right ol li#best8{background-image:url(../../img/best_sellers/8.gif); background-position:0 2px;}
#right ol li#best9{background-image:url(../../img/best_sellers/9.gif);}
#right ol li#best10{border-bottom:0; background-image:url(../../img/best_sellers/10.gif);}

#right ol li a{
	display:block; padding:4px 0 4px 30px;
}


/* Right END */


/* Tabs */
#tabs{
	position:absolute; z-index:9998; top:103px; left:0; width:100%; margin:0; padding:0 0 8px 0;
	background:url(../../img/menu/menu-footer-backing.gif) repeat-x bottom;
}



/* #tabs{min-width:1003px; max-width:1280px; }
* html #tabs Modified SBMH (Simplified Box Model Hack) - to use different body elements ie5/ie6
{
  width: expression(document.body.clientWidth < 1000? "1000px" : document.body.clientWidth > 1281? "1280px" : "auto");
  w\idth:expression(documentElement.clientWidth < 1000? "1000px" : documentElement.clientWidth > 1281? "1280px" :"auto" );
}*/


#tabs ul{
	float:left; width:100%; margin:0; padding:0; list-style:none; 
	background:url(../../img/menu/menu-backing-repeat.gif) repeat-x top;
}

#tabs ul li{
	position:relative; margin:0; padding:0; list-style:none; float:left;
	background-repeat:no-repeat; background-position:top left; background-color:#055030;
}

#tabs ul li.subnav{
	float:right;
}


#tabs ul li ul{
	display:none; width:160px; position:absolute; background:#FFFBE2; border:1px solid #F7DB25;
}
#tabs ul li:hover ul, #tabs ul li.over ul{
	display:block;
}

#tabs ul li ul li{
	float:none; background:0; border-bottom:1px solid #F7DB25;
}

#tabs ul li ul li a{
	display:block; width:150px; height:auto; padding:5px; color:#000; text-decoration:none; 
}
* html #tabs ul li ul li a{
	width:160px; w\idth:150px;
}


#tabs ul li ul li a:hover, #tabs ul li#lisuits ul li a:hover, 
#tabs ul li#lishirts ul li a:hover, #tabs ul li#liaccessories ul li a:hover,
#tabs ul li#litrousers ul li a:hover{
	background:#FFE683;
}

#tabs ul li ul li.nobtop{
	border-top:0;
}

#tabs ul li ul li.nobbot{
	border-bottom:0;
}
#tabs ul li ul li.nobbot a{
	padding-bottom:10px;
}

#tabs ul li#lihome{background-image:url(../../img/menu/home.gif);}
#tabs ul li#lisuits{background-image:url(../../img/menu/suits.gif);}
#tabs ul li#lishirts{background-image:url(../../img/menu/shirts.gif);}
#tabs ul li#liaccessories{width:100px; background-image:url(../../img/menu/accessories.gif);}
#tabs ul li#litrousers{background-image:url(../../img/menu/trousers.gif);}

#tabs ul li#liabout{background-image:url(../../img/menu/about-us.gif);}
#tabs ul li#licontact{background-image:url(../../img/menu/contact-us.gif);}
#tabs ul li#libasket{background-image:url(../../img/menu/basket.gif);}
#tabs ul li#limyacc{background-image:url(../../img/menu/my-account.gif);}

#tabs ul li a{
	display:block; width:99px; height:26px;
}


#tabs ul li#lisuits a:hover, #susuits #tabs ul li#lisuits{background-image:url(../../img/menu/suits-on.gif);}
#tabs ul li#lishirts a:hover, #sushirts #tabs ul li#lishirts{background-image:url(../../img/menu/shirts-on.gif);}
#tabs ul li#liaccessories a:hover, #suacc #tabs ul li#liaccessories{background-image:url(../../img/menu/accessories-on.gif);}
#tabs ul li#litrousers a:hover, #sujtrousers #tabs ul li#litrousers{background-image:url(../../img/menu/trousers-on.gif);}

#tabs ul li#lihome a:hover, #suhome #tabs ul li#lihome{background-image:url(../../img/menu/home-on.gif);}
#tabs ul li#liabout a:hover, #suabout #tabs ul li#liabout{background-image:url(../../img/menu/about-us-on.gif);}

#tabs ul li#licontact a:hover, #sucontact #tabs ul li#licontact {background-image:url(../../img/menu/contact-us-on.gif);}
#tabs ul li#libasket a:hover, #subasket #tabs ul li#libasket {background-image:url(../../img/menu/basket-on.gif);}
#tabs ul li#limyacc a:hover, #sumyacc #tabs ul li#limyacc {background-image:url(../../img/menu/my-account-on.gif);}

#tabs span{display:none;}

#freedeltop{
	z-index:9999; position:absolute; right:8px; top:103px; width:183px; height:26px; background:url(../../img/generic/delivery.gif) no-repeat top left;
}

/* Tabs END */


/* Footer */
#footer ul{
	display:inline; margin:0; padding:0; list-style:none;
}
#footer ul li{
	display:inline; margin:0 5px 0 0; padding:0 5px 0 0; list-style:none;
	border-right:1px solid #333; font-size:11px; font-family:arial;
}

#footer ul li a{
	color:#333;
}
#footer ul li#endlifoot{
	margin:0; padding:0; border:0;
}


#footer div{
	float:right; margin:0; padding:0; color:#333;
}
#footer div p{
	margin:0;
}
#footer div p#subfoot{
	width:100px; height:40px; background:url(../../img/logo/footer.gif) no-repeat bottom left;
}


p#psecpay{
	float:left; width:108px; height:68px; margin:0; background:url(../../img/generic/secpaysecuredlogo.gif) no-repeat center left;
}
p#psecpay a{
	display:block; width:108px; height:68px;
}


p#cccards{
	width:224px; height:60px; margin:0 0 0 120px; background:url(../../img/generic/cards.gif) no-repeat center left;
}



/* Footer END */



/* Generic Styles */
.mainbgdiv{background:#303030; padding:10px;}
*html .mainbgdiv{height:1%;}

ul.stdul{
	margin:0; padding:0; list-style:none;
}
ul.stdul li{
	clear:left; margin:0; padding:0; list-style:none; font-weight:bold; font-size:13px;
}

ul.stdul li img{
	float:left; margin:0 5px 10px 0; border:3px solid #565756;
}

ul.stdul li p{
	font-weight:normal; font-size:10px;
}


.flt_r{float:right; margin:0 0 10px 10px;}
.flt_l{float:left; margin:0 5px 10px 0;}

.bordbot{padding:0 0 10px 0; border-bottom:1px solid #ccc;}

.txtalgn {vertical-align:middle;}

.nomarg, p.nomarg{margin:0;}
.xtrmarg, p.xtrmarg{margin-bottom:20px;}
.sxtrmarg, p.sxtrmarg{margin-bottom:10px;}
.topmarg, p.topmarg{margin-top:15px;}

.linethrough{text-decoration:line-through}

.clearleft{clear:left}

/* Tabs disappearing in <= IE 6, quick hack to show */
* html .iebug_holder{width:100%; height:1%;}
