@charset "UTF-8";

/* ----------------------------
   CSS Document TOC
   1.0. Generic Styling
   2.0. Boxes
-----------------------------*/


/* ----------------------------
   Generic Styling
-----------------------------*/
*{
	font-family: Arial, Helvetica;
	}

body {
	margin:0;
	padding:0;
	text-align: center;
	background-color:#ffffff;
	font-size: 11px;
	}

h1{
	font-size:14px;
	margin-left:10px;
	margin-bottom:0px;
	padding-bottom:0px;
	display:none;
}

h3,
h3 a:active,
h3 a:link,
h3 a:visited{
	padding:0px;
	font-size:11px;
	margin-left:5px;
	margin-top:10px;
	margin-bottom:10px;
	color:#333333;
	text-decoration:none;
	text-transform:uppercase;
}

h3 a:hover{
	color:#666666;
}

a {
	color: #333333;
	text-decoration: none;
	}
	
a:link {
	}

a:visited {
	color: #333333;
	}

a:hover {
	text-decoration:none;
	color: #FF0000;
	}
	
a:active {
	text-decoration:none;
	color: #FF0000;
	}
	
p{
	font-size: 11px;
	line-height: 14px;
	margin:12px;
	margin-left:0px !important;
	}
	
div.clear{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}
	
ul{
	margin:0px;
	margin-left:20px;
	padding:0px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	ul li{
		margin:0;
		padding-left:20px;
		}

img,
.png{
	behavior: url("js/iepngfix.htc");
	border:0;
	}
	
	
img, a img, fieldset, table{
	border: 0;
	}
	
	
/* ----------------------------
   Boxes
-----------------------------*/

div#container{
	width:900px;
	margin:0 auto;
	text-align:left;
	}
	
/* ----------------------------
   Top Nav
-----------------------------*/

div#header{
	width:900px;
	height:55px;
	border-right: 1px solid #d9d9d9;
	padding-right: 1px;
	}
	
#logo{
	display:block;
	float:left;
	width:55px;
	height:55px;
	}

div#menu{
	float:right;
	width:845px;
	height:55px;
	}

ul#nav{
	margin:0px;
	padding:0px;
	padding-left:10px;
	list-style-type:none;
	height:55px;
	line-height:0px; /*clear the height*/
	font-size:1px; /*clear the height*/
	}
	
*html ul#nav{
	padding-left:0px;
	}

ul#nav li{
	margin:0px;
	padding:0px;
	margin-left:15px;
	display:block;
	height:55px;
	float:left;
	position:relative;
	line-height:0px; /*clear the height*/
	z-index:100;
	}

ul#nav li a{
	display:block;
	float:left;
	height:55px;
	width: auto;
	}
	
a#nav-home{ background: url('../imgs/nav_home_o.png') 0px 0 no-repeat; }

a#nav-about{ background: url('../imgs/nav_about_o.png') 0px 0 no-repeat; }

a#nav-products{ background: url('../imgs/nav_products_o.png') 0px 0 no-repeat; }

a#nav-locator{ background: url('../imgs/nav_locator_o.png') 0px 0 no-repeat; }

a#nav-list{ background: url('../imgs/nav_list_o.png') 0px 0 no-repeat; }

ul#nav li ul { /* second-level lists */
	position:absolute;
	top:55px;
	left:-999em;
	background: #000000;
	width: 114px;
	margin-left:10px;
	padding:0px;
	}

ul#nav li:hover ul, ul#nav li.sfhover ul { /* lists nested under hovered list items */
	left:0px;
	}

ul#nav li ul li,
ul#nav li ul li a{
	display:block;
	width:114px;
	height:22px;
	cursor:hand;
	margin:0px;
	padding:0px;
	}

ul#nav li a:hover img{
	visibility:hidden;
	}

a#subnav-info{ background: url('../imgs/subnav_info_o.png') 0px 0 no-repeat; }

a#subnav-uniqlock{ background: url('../imgs/subnav_uniqlock_o.png') 0px 0 no-repeat; }

a#subnav-grandprix{ background: url('../imgs/subnav_grandprix_o.png') 0px 0 no-repeat; }

a#subnav-show{ background: url('../imgs/subnav_show_o.png') 0px 0 no-repeat; }

a#subnav-press{ background: url('../imgs/subnav_press_o.png') 0 0 no-repeat; }

a#subnav-ut{ background: url('../imgs/subnav_UT_o.png') 0px 0 no-repeat; }

a#subnav-bratop{ background: url('../imgs/subnav_bratop_o.png') 0 0 no-repeat; }

a#subnav-polo{ background: url('../imgs/subnav_polo_o.png') 0 0 no-repeat; }

a#subnav-wdenim{ background: url('../imgs/subnav_wdenim_o.png') 0 0 no-repeat; }

a#subnav-mdenim{ background: url('../imgs/subnav_mdenim_o.png') 0px 0 no-repeat; }




/* ----------------------------
   Boxes
-----------------------------*/
div#body{
	width:900px;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}

/* ----------------------------
   Bottom Module
-----------------------------*/
div#bottom-modules div.featured{
	float:left;
	display:inline;
	}

div#bottom-modules div.featured div.pd{
	margin:10px 5px 10px 5px;
	}

div#bottom-modules div.featured h3{
	margin-top:10px;
	margin-bottom:3px;
	margin-left:0px;
	}

div#bottom-modules div.featured p{
	margin-top:0px;
	color:#353535;
	}

div#bottom-modules div.first{
	border:0px;
	}
		
span.date,
span.date a{
	color:#000;
	font-weight:bold;
	}

span.content,
span.content a:link,
span.content a:active,
span.content a:visited{
	color:#333333;
	}
		
span.content a:hover{
	color:#111111;
	}

span.more a:link,
span.more a:active,
span.more a:visited{
	text-transform:uppercase;
	color:#353535;
	}
		
div#module-hello{
	padding:10px;
	text-align:center;
	}

/* ----------------------------
   Footer
-----------------------------*/

div#footer{
	width:900px;
	height:41px;
	border-top: 1px solid #d9d9d9;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	}
span#copyright{
	display:block;
	text-transform:uppercase;
	color:#333333;
	font-size:9px;
	float:left;
	height:41px;
	line-height:41px;
	width:300px;
	margin-left:10px;
	}

*html span#copyright{
	font-size:9px;
	margin-left:5px;
	}

ul#footer-links{
	margin:0px;
	padding:0px;
	display:block;
	list-style-type:none;
	float:right;
	margin-right:10px;
	}

*html ul#footer-links{
	margin-right:5px;
}

ul#footer-links li{
	margin:0px;
	padding:0px;
	display:block;
	float:left;
	height:41px;
	line-height:41px;
	margin-left:15px;
	}

ul#footer-links li a{
	font-size:9px;
	}

*html ul#footer-links li a{
	font-size:9px;
	}
	
ul#footer-links li a:link,
ul#footer-links li a:active,
ul#footer-links li a:visited{
	color:#333333;
	text-transform:uppercase;
	}

ul#footer-links li a:hover{
	text-decoration:none;
	color:#FF0000;
	}

/* ----------------------------
   Link Icon
-----------------------------*/

	
#btnIcon a:link, #btnIcon a:visited, #btnIcon a:active, #btnIconNews  {
	width:200px;
	color:#333333;
	font-size:11px;;
	font-weight:bold;
	text-decoration:none;
	padding-top:5px;
	padding-left:20px; /* padding-left should be bullet width (8) + 2 */
	background-image:url(../imgs/btnRdIcon.gif);
	background-repeat:no-repeat;
	background-position:left 4px; /* top-align should be approx half of bullet height (7) */
	text-decoration:none;
	text-transform:uppercase;
	list-style:none;
	}

	#btnIconNews{
		width:185px;
	}

#btnIcon a:hover {
	width:200px;
	color:#FF0000;
	font-size:;
	font-weight:bold;
	text-decoration:none;
	padding-top:5px;
	padding-left:20px; /* padding-left should be bullet width */
	background-image:url(../imgs/btnRdIcon.gif);
	background-repeat:no-repeat;
	background-position:left 4px; /* top-align  of bullet height  */
	text-decoration:none;
	text-transform:uppercase;
	}	
	

/* ----------------------------
   Home
-----------------------------*/

div#content{
	float: left;
	width: 660px;

}

div#banner-main{
	padding:10px;
	border-bottom: 1px solid #d9d9d9;
}

div#homeHdr{
	border-bottom: 1px solid #d9d9d9;
	height:50px;
	padding:15px 10px 5px 10px;
	}

/* ----------SideBar*/

div#sidebar{
	margin: 0;
	padding:0;
	float: left;
	width: 240px;
	height: 1%;
	background-image:url('../imgs/grey.png');
	background-position: top left;
	background-repeat: repeat-y;
	}

div#module-counter{
	margin: 0;
	padding:10px;
	border-bottom: 1px solid #d9d9d9;
	height:216px;
	 }

div#module-news{
	margin: 0;
	border-bottom: 1px solid #d9d9d9;
	padding:10px;
	height:103px;
}

#bannerOpen{
	padding-top:75px;
	}
#homeNewsHdr{
	width:215px;
	height:20px;
	padding-bottom:5px;
	color:#990F1A;
	text-transform:uppercase;
	font-weight:bold;
	}

#homeNewsContent{
	width:185px;
	padding: 4px 10px 0 20px;
	
	background-image:url(../imgs/btnRdIcon.gif);
	background-repeat:no-repeat;
	background-position:left 4px; /* top-align should be approx half of bullet height (7) */	
	}

.NewsContent a:hover{
	text-decoration:none;
	color:#FF0000;
	}


#bannerHomeCon1{
	width:314px;
	height:129px;
	display:inline;
	
	}
	
#bannerImg1{
	width:139px;
	height:129px;
	float:left;
	position:relative;
	text-align:right;
	padding-top:10px;
	padding-bottom:10px;
	}

#bannerContent1{
	width:174px;
	height:124px;
	float:left;
	position:relative;
	padding:10px 0px 10px 10px;
	text-align:left;
	}

#bannerHomeCon2{
	width:313px;
	height:129px;
	display:inline;
	}
	
#bannerImg2{
	width:134px;
	height:129px;
	float:left;
	position:relative;
	padding-top:10px;
	padding-bottom:10px;
	}

#bannerContent2{
	width:175px;
	height:124px;
	float:left;
	position:relative;
	
	padding:10px 5px 10px 15px;
	text-align:left;
	}
	
.bannerHdr{
	font-weight:bold;
	color:#990000;
	text-transform:uppercase;
	}
	
/* ----------------------------
   About 1
-----------------------------*/

div#pageAbout{
		float: left;
		width: 900px;
	}
	
#mastAbt {
	background-image:url(../imgs/abtMastImg.jpg);
	background-position:right;
	background-repeat:no-repeat;
	height:510px;
	}
		
#abtContentContainer {
	width:450px;
	height:510px;
	position:relative;
	float:left;
	background-image:url(../imgs/abtMastImgBg.jpg);
	background-position:right;
	}

#abtHdr{
	background-image:url(../imgs/abtHdr.gif);
	background-repeat:no-repeat;
	width:373px;
	height:67px;
	padding-bottom:10px;
	}
		
#abtContent {
	width:450;
	height:435px;
	padding: 40px 0 0 25px;
	}


/* ----------------------------
   About - Company Info
-----------------------------*/

div#pageAboutComInfo{
		float: left;
		width: 900px;
	}
	
#mastAbtComInfo {
	background-position:right;
	background-image:url(../imgs/abtMastComInfo.jpg);
	background-repeat:no-repeat;
	height:480px;
	}
	
#abtInfoContentContainer {
	width:442px;
	height:479px;
	position:relative;
	float:left;
	}
	
#abtInfoContent {
	width:397px;
	height:300px;
	padding: 45px 0 0 45px;
	background-color:#F2EDE5;
	}

#abtContentBtmContainer {
	width:397px;
	height:125px;
	padding: 10px 0 0 45px;
	background-color:#EBE5D8;
	}


#abtInfoNewsHdr{
	width:340px;
	height:20px;
	padding-bottom:5px;
	color:#990F1A;
	text-transform:uppercase;
	font-weight:bold;
	}

#abtInfoNewsContent{
	width:340px;
	padding: 4px 10px 0px 20px;
	color:#333333;
	
	background-image:url(../imgs/btnRdIcon.gif);
	background-repeat:no-repeat;
	background-position:left 4px; /* top-align should be approx half of bullet height (7) */	
	}
	
#abtInfoListContainer{
	padding: 0 0 15px 0;
	width:385px;
	height:20px;
	position:relative;
	}
	
#abtInfoLeftList {
	width:150px;
	height:20px;
	position:relative;
	float:left;
	color:#808080;
	}
	
#abtInforightList {
	width:235px;
	height:20px;
	position:relative;
	float:left;
	color:#333333;
	}
	
.abtInfoDate {
	color:#808080;
	}
	
/* ----------------------------
   Store
-----------------------------*/

div#StoreBanner-main{
			padding:10px;
			border-bottom: 0px solid #d9d9d9;
		}
			
div#pageStore{
		float: left;
		width: 545px;
	}	

#mastMap {
	background-position:left;
	background-image:url(../imgs/StoreMap.jpg);
	background-repeat:no-repeat;
	height:480px;
	}
	
.StoreHdrRed {
	color:#990000;
	font-weight:bold;
	}

/* ----------SideBar*/
		
div#StoreSidebar{
		margin: 0;
		float: left;
		width: 355px;
		height: 1%;
		background-image:url('../imgs/grey.png');
		background-position: top left;
		background-repeat: repeat-y;
	}
	
div#moduleTampines{
			padding:10px;
			/*border-bottom: 1px solid #d9d9d9;*/
			height:280px;
		}

div#moduleOrchard{
			border-bottom: 0px solid #d9d9d9;
			padding:10px;
			height:179px;
			color:#999999;
		}
		
/* ----------------------------
   Mailing List
-----------------------------*/

div#mailBody{
	margin:0 auto;
	margin-top:10px !important;
	margin-bottom:10px !important;
	padding:0;
	width:230px;
	height:450px;
	border: 1px solid #d9d9d9;
}

div#breakSpace{
	width:200px;
	height:20px;
	position:relative;
	float:left;
	}
	
div#mailHdr{
	width:230px;
	height:50px;
	border-bottom: 1px solid #d9d9d9;
	background-image:url(../imgs/mailingLogo.gif);
	background-repeat:no-repeat;
	}
	
	
div#titleHdr{
	width:150px;
	padding:17px 0 0 40px;
	position:relative;
	float:left;
	font-size:15px;
	text-transform:uppercase;
	}	

div#formContainer{
	padding:20px 15px 0 15px;
	text-align:left;
	color:#333333;
	}

div#formContent{
	text-align:left;
	}

		
div#formList {
	width:45px;
	height:21px;
	font-size:11px;
	color:#333333;
	position:relative;
	padding-top:3px;
	float:left;
	}
	
div#formField{
	width:145px;
	height:21px;
	font-size:11px;
	position:relative;
	padding-bottom:3px;
	float:right;
	}

.mailField{
	width:140px;
	height:15px;
	border-style: solid;
  border-width: 1px;
	border-bottom-color:#CCCCCC;
	border-left-color:#999999;
	border-top-color:#999999;
	border-right-color:#CCCCCC;
  background-color: #f2f2f2;
	}

div#checkList {
	width:165px;
	height:25px;
	padding:5px 3px 4px 0;
	font-size:11px;
	color:#333333;
	position:relative;
	float:right;
	}
	
div#checkField{
	width:30px;
	height:25px;
	padding:5px 0px 4px 0;
	font-size:11px;
	position:relative;
	float:left;
	}

#msgcontent {
	font-size:10px;
	font-weight:bold;
	color:#FF0000;
	display:block; 
	height:15px;
	margin:0;
	padding-top:10px;
	width:200px; 
	position:relative;
	}

/* ----------------------------
   Products
-----------------------------*/

div#pageProduct{
		float: left;
		width: 900px;
	}
	

div#productFt{
	width:900px;
	height:41px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	}		

#PrtNoFlash{
	height:500px;
	margin-top:250px;
	text-align:center;
	z-index:-999;
	}
/* ----------------------------
   TNC / Privacy
-----------------------------*/
#tncContainer{
	width:650px;
	margin:0 auto;
	}
	
#tncHdr {
	position:relative;
	float:left;
	left:80px;
	}
	
#pageTncHdr{
	width:650px;
	height:56px;
	background-image:url(../imgs/hdrLogoTnc.gif);
	background-position:left;
	background-repeat:no-repeat;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom:30px;
	}

div#pageTnc, #pagePrivacy, #pageContact{
	padding:0 80px 0 80px;
	margin:0 auto;
	margin-top:10px !important;
	margin-bottom:10px !important;
	text-align:left;
	}
	
.tncHdr{
	color:#AC1C1F;
	font-size:10.5pt;
	text-transform:uppercase;
	font-weight:bold;
	}
.termPadding{
	padding-bottom:10px;
	}
	
	
	
	
