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

body{background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
/*line-height:18px;*/
font-weight:normal;
text-decoration:none;
background-color:#343233;
}


.textbox {
background-color:#CCCCCC;
border:1px solid #ccc;
font-size:11px;
}

.textboxred {
background-color:#CCCCCC;
border: solid 1px #990033;
font-size:11px;
}

input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
}



select
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

a{
color:#CCCCCC;
font-family:Arial;
font-size:12px;
font-weight:normal;
line-height:18px;
text-decoration:none;
outline:none;
}

a:hover {
color:#999999;
}


#mainshadow{
background-image:url(../images/bg_shadow.png);
background-repeat:no-repeat;
width:1064px;
height:auto;
margin:auto;
margin-top:30px;
}

#footersh{
background-image:url(../images/footer_shadow.png);
background-position:top;
background-repeat:no-repeat;
width:1064px;
margin:auto;
height:90px;
}

#footer{
width:1024px;
margin:0 auto;
background-color:#484b51;
height:66px;
}

#main{
background-image:url(../images/main_bg.png);
background-repeat:repeat-x;
height:auto;
width:1024px;
margin:0 auto;
background-color:#3f4147;
}

.style1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
line-height:18px;
font-weight:normal;
}

.style2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#cccccc;
line-height:18px;
font-weight:normal;
text-decoration:none;
}

.style3{
font-family:"Trebuchet MS";
font-size:14px;
color:#FFF;
line-height:18px;
}

.lightgray{
color:#CCC;
line-height:19px;
}
.style4{
font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#FFF;
line-height:18px;
}

.style5{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#990033;
line-height:18px;
}

.style6{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:25px;
font-weight:normal;
color:#990033;
line-height:35px;
}

.style7{
font-family: Arial,"Trebuchet MS", Helvetica, sans-serif;
font-size:52px;
font-weight:normal;
color:#FFFFFF;
line-height:80px;
word-spacing:6px;
padding:0 0 0 2px;
}

.style8{
font-family: Arial,"Trebuchet MS", Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
color:#990033;
line-height:30px;
}

.small1{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#cccccc;
line-height:18px;
font-weight:normal;
text-decoration:none;
}

a.btmlinks{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
line-height:18px;
font-weight:normal;
padding:0 8px 0 8px;
text-decoration:none;
color:#999999;
outline:none;
}

a.btmlinks:hover{
color:#CCC;
}

.titlebig{
font-family:"Trebuchet MS";
font-size:46px;
color:#fff;
line-height:70px;
font-weight:normal;
text-decoration:none;
}

.bgtitle{
background-image:url(../images/img_bg_1.jpg);
background-repeat:repeat-x;
}

.bgtitlenew{
background-image:url(../images/img_bg_2.jpg);
background-repeat:repeat-x;
}

.textfield_quan{
width:25px;
font-size:12px;
font-weight:normal;
padding:3px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}

.textfield{
width:180px;
font-size:12px;
font-weight:normal;
padding:1px 3px 1px 3px;
line-height:16px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}

.textfieldbottompages{
width:247px;
font-size:12px;
font-weight:normal;
padding:1px 3px 1px 3px;
line-height:16px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}


.textfield2{
width:60px;
font-size:12px;
font-weight:normal;
padding:1px 3px 1px 3px;
line-height:16px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}

.textfield3{
width:220px;
font-size:12px;
font-weight:normal;
padding:1px 3px 1px 3px;
line-height:15px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}

.textarea{
width:230px;
font-size:12px;
font-weight:normal;
padding:1px 3px 1px 3px;
line-height:16px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}

.textarea_mid{
width:348px;
height:65px;
font-size:12px;
font-weight:normal;
padding:1px 3px 1px 3px;
line-height:16px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
border:solid 1px #d6d6d6;
}


.dropdown2{
width:90px;
font-size:12px;
font-weight:normal;
padding:1px 0px 1px 3px;
line-height:16px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}

.dropdown{
width:190px;
font-size:12px;
font-weight:normal;
padding:1px 0px 1px 3px;
line-height:16px;
color:#333;
font-family:Arial, Helvetica, sans-serif;
}

.hrline{
width:100%;
border-top:solid 1px #666;
margin:10px 0 10px 0;
}

.hrline2{
width:100%;
border-top:solid 1px #98999b;
}

#top{
width:auto;
height:94px;
margin-bottom:1px;
}


.normal{
font-family:Arial;
font-size:13px;
font-weight:bold;
color:#fff;
line-height:18px;
}

#toplinks{
width:auto;
overflow:hidden;
margin-top:10px;
float:right;
}

#toplinks ul li{
float:left;
margin:0 4px 0 4px;
list-style-type:none;
}

#toplinks ul li a{
font-family:Arial;
width:40px;
font-size:12px;
color:#fff;
line-height:18px;
text-decoration:none;
font-weight:normal;
}

#toplinks ul li a:hover{
color:#CCC;
}

#topnav{
width:auto;
height:25px;
background-image:url(../images/topnav_bg.jpg);
background-repeat:repeat-x;
}

/****
#mainnav{
width:auto;
overflow:hidden;
}

#mainnav ul li{
float:left;
margin:0 4px 0 4px;
list-style-type:none;
}

#mainnav ul li:hover{
background-image:url(../images/top_nav_over.jpg);
background-repeat:repeat-x;
}

#mainnav ul li a{
font-family:Arial;
width:40px;
font-size:12px;
font-weight:normal;
color:#fff;
line-height:18px;
text-decoration:none;
}

#mainnav ul li a:hover{
font-size:14px;
}

***/

.whitenormal{
font-family:Arial;
font-size:12px;
font-weight:bold;
color:#fff;
line-height:18px;
}

#btgetstarted{
background-image:url(../images/buildashirt_bt.png);
background-repeat:no-repeat;
background-position:top;
border:0px;
cursor:pointer;
width:124px;
height:25px;
float:left;
}

/*#btgetstarted:hover{
background-image:url(../images/bt_getstarted_over.png);
}

#btgetstarted:actived{
background-image:url(../images/bt_getstarted_active.png);
}*/

.btmask{
/*text-indent:-9999px;*/
}

.btmask a:active, .btmask a:focus, .btmask a:link { }

.btmask a {
background-position:center center;
display:block;
float:left;
height:25px;
width:130px;
outline:none;
}

#btcustomshirts{
background-image:url(../images/bt_customshirts_normal.png);
background-repeat:no-repeat;
background-position:top;
border:0px;
cursor:pointer;
width:126px;
height:25px;
float:left;
}

#btcustomshirts:hover{
background-image:url(../images/bt_customshirts_over.png);
}

#btcustomshirts:actived{
background-image:url(../images/bt_customshirts_active.png);
}


#btfathersday {
background-image:url(../images/bt_fd_normal.png);
background-repeat:no-repeat;
background-position:top;
border:0px;
cursor:pointer;
width:126px;
height:25px;
float:left;
}

#btfathersday:hover {
background-image:url(../images/bt_fd_over.png);
}

#btfathersday:actived {
background-image:url(../images/bt_fd_activated.png);
}


#btgentlemanday {
background-image:url(../images/bt_gd_normal.png);
background-repeat:no-repeat;
background-position:top;
border:0px;
cursor:pointer;
width:126px;
height:25px;
float:left;
}

#btgentlemanday:hover {
background-image:url(../images/bt_gd_over.png);
}

#btgentlemanday:actived {
background-image:url(../images/bt_gd_over.png);
}


#btmeasureupmanhattan {
background-image:url(../images/bt_measureup_normal.png);
background-repeat:no-repeat;
background-position:top;
border:0px;
cursor:pointer;
width:182px;
height:25px;
float:left;
}

#btmeasureupmanhattan:hover {
background-image:url(../images/bt_measureup_over.png);
}

#btmeasureupmanhattan:actived {
background-image:url(../images/bt_measureup_over.png);
}




#btcompany{
background-image:url(../images/bt_company_normal.png);
background-repeat:no-repeat;
background-position:top;
border:0px;
cursor:pointer;
width:86px;
height:25px;
float:left;
}

#btcompany:hover{
background-image:url(../images/bt_company_over.png);
}

#btcompany:active{
background-image:url(../images/bt_company_active.png);
}

#btcontact{
background-image:url(../images/bt_contact_normal.png);
background-repeat:no-repeat;
background-position:top;
border:0px;
cursor:pointer;
width:80px;
height:25px;
float:left;
}

#btcontact:hover{
background-image:url(../images/bt_contact_over.png);
}

#btcontact:actived{
background-image:url(../images/bt_contact_active.png);
}


#header{
width:1014px;
margin:auto;
}

#headerthumb{
width:1014px;
background-image:url(../images/header_thum_bg.png);
background-repeat:no-repeat;
margin:auto;
height:86px;
}

#setpnav{
width:1014px;
overflow:hidden;
}

#innercontent{
}

#in_title{
background-image:url(../images/inner_titlebg.png);
width:auto;
/*height:82px;*/
background-repeat:repeat-x;
text-align:left;
padding:0 0 0 18px;
font-family:"Trebuchet MS";
font-size:55px;
word-spacing:6px;
line-height:80px;
color:#FFF;
}

#leftnav{
background-image:url(../images/leftnav_bg.png);
background-repeat:repeat-x;
padding:13px 0 0 19px;
height: 300px;
}

a.left_nav{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#999999;
line-height:28px;
padding:0 0 15px 0;
text-decoration:none;
outline:none;
}

a.left_nav:hover{
color:#CCC;
}

.left_navactive{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
line-height:28px;
padding:0 0 2px 0;
text-decoration:none;
border-bottom:3px solid #990033;
}


.title2{
font-family:"Trebuchet MS";
font-size:18px;
font-weight:bold;
color:#fff;
line-height:28px;
text-decoration:none;
}

.title3{
font-family:"Trebuchet MS";
font-size:18px;
font-weight:normal;
color:#333333;
line-height:28px;
text-decoration:none;
}

.title4{
/*font-family:"Trebuchet MS";*/
font-family:Helvetica, sans-serif, Tahoma;
font-size:36px;
font-weight:normal;
color:#333333;
line-height:28px;
text-decoration:none;
}


/***** step 1 *******/

#stepbar{
background-image:url(../images/setup_top_normal.jpg);
background-repeat:repeat-x;
padding:0 0 0 177px;
text-align:left;
border-bottom:solid 1px #cccccc;
margin-top:-1px;
width:837px;
height:36px;
}

#step1bt{
width:195px;
height:37px;
float:left;
margin-top:1px;
}

#step2bt{
width:163px;
height:37px;
float:left;
margin-top:1px;
text-align:center;
}

#step3bt{
width:130px;
height:37px;
float:left;
margin-top:1px;
text-align:center;
}

/**  #steps_subnavbar{
background-image:url(../images/setup_nav_bg.jpg);
background-repeat:repeat-x;
height:46px;
width:1014px;
float:left;
margin-top:-1px;
padding:4px 10px 10px 170px;
}

**/

#steps_subnavbar {
background-image:url(../images/setup_nav_bg.jpg);
background-repeat:repeat-x;
float:left;
height:26px;
margin-top:-1px;
padding:10px 10px 10px 193px;
width:811px;
}

.steps_subtitle_nor{
font-family:Helvetica;
font-size:12px;
font-weight:bold;
color:#CCC;
line-height:25px;
text-decoration:none;
}

.steps_subtitle_nor:hover{
color:#fff;
}

.steps_subtitle_act{
font-family:Helvetica;
font-size:12px;
font-weight:bold;
color:#fff;
line-height:25px;
text-decoration:none;
}

#progressbar{
background-image:url(../images/progress_bar.png);
width:146px;
height:8px;
background-repeat:no-repeat;
margin-top:4px;
}
.progressbar_1{ background-position:0 -8px; }
.progressbar_2{ background-position:0 -16px; }
.progressbar_3{ background-position:0 -24px; }
.progressbar_4{ background-position:0 -32px; }
.progressbar_5{ background-position:0 -40px; }
.progressbar_6{ background-position:0 -48px; }
.progressbar_7{ background-position:0 -56px; }
.progressbar_8{ background-position:0 -64px; }


#midcontainer {
/*height:468px;*/
margin:14px auto auto;
/*overflow:hidden;*/
width:828px;
height:auto !important;
min-height:468px;
}
#midcontainercms {
/*height:450px;*/
margin:5px auto auto;
/*overflow:hidden;*/
width:845px;
height:auto !important;
min-height:450px;
}
/* Scrool bar */

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
	width: 820px;
	height: 450px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #B4C2DA;
	margin: 0.3em auto;
	padding: 15px;
}


#skipcont{
background-image:url(../images/bg_bottom.png);
background-repeat:repeat-x;
width:auto;
height:20px;
padding:4px 0 0 9px;
}

.scrool{
overflow-x:hidden;
overflow-y:scroll;
}

.normal-italic {
color:#FFFFFF;
font-family:Arial;
font-size:12px;
font-weight:normal;
font-style:italic;
}

.charimageblack {
border: solid 2px #000000;
}

.charimagered {
border: solid 2px #990033;
}

.normalblack {
color: #000000;
font:Arial, Helvetica, sans-serif, Tahoma;
font-size:12px;
line-height:14px;	
}

.reqcolor {
color:#990033;
}
.required{
color:#990033;
font-weight:bold;
font-size:17px;
}

.style24{
font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#FFF;
line-height:18px;
}

.style25{
color:#FFFFFF;
font-family:Arial,"Trebuchet MS",Helvetica,sans-serif;
font-size:18px;
font-weight:normal;
}

.style26{
color:#FFFFFF;
font-family:Arial;
font-size:16px;
font-weight:bold;
}

.style27{
font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#FFF;
line-height:18px;
}