html{
	height:100%;
}

body{
	background: #b2cec7 url(/images/bgpage.jpg) repeat scroll center 0;
	margin: 0px;
	font-family:arial,sans-serif;
	font-size: 12px;
	height: 100%;
	color: #333333;
}

a{
	outline: none;
	color: #28302e;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

a:hover{
	text-decoration: underline;
}
a img{
	border: none;
}

#container {
     position:relative;
     min-height:100%;
}

#headlines h1{
	font-family: Impact, Charcoal, Chicago, sans-serif;
	font-weight: bold;
	font-size: 40px;
}

#headlines h2{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

#header{
	background: #b2cec7 url(/images/bghead.jpg) repeat center 0;
	height: 150px;
	width: 100%;
}
#header_contents{
	width: 960px;
	margin: 0px auto;
	position: relative;
}
#translogo{
	position: relative;
	left: 25px;
	top: 30px;
}

#menu{
	position: absolute;
	display: block;
	left: 300px;
	height: 35px;
	top: 45px;
}

#menu #menulist { margin: 0; padding: 0; }
#menu #menulist li { display: inline; padding-left: 10px; padding-right: 10px; border-right: 1px solid white; }
#menu #menulist li a { 
	position: relative;
	background-repeat: no-repeat; 
	overflow: hidden;
	cursor: pointer;
	font-family: arial;
	font-weight: 100;
}

.no-border{
	border: none!important;
}

#menu #menulist li a:hover { 
	color: #f9ff9a;
	text-decoration: overline;
}

#menu a{
	font-size: 22px;
	font-weight: normal;
	font-family: arial, helvetica;
	color: white;
	text-decoration: none;
	letter-spacing: 2px;
}
#content{
	width: 960px;
	margin: 0px auto;
	min-height: 100%;
	_height: 100%;
}

#card{
	position: relative;
	top: 25px;
	left: 25px;
	width: 250px;
	height: 162px;
	z-index: 2;
}

#smufor{
	position: relative;
	left: 50px;
	width: 200px;
	border: 1px solid #94c8ce;
	background-color: #fffeea;
	z-index: 1;
}

#smufor hr{
	background-color: #bce0f4;
	color: #bce0f4;
	height: 1px;
	border: 0px;
	width: 75%;
	margin: 0px auto;
	padding: 0px;
}

.imgover{
	background-color: #f6f4c9;
}


#footer{
	text-align: center;
	margin-top: 25px;
	background-color: #303b3c;
	margin-bottom: 0px;
	padding: 10px;
	color: white;
	border-top: 2px solid #a0b9b3;
}
#footer a{
	color: white;
}

#footer p{
	margin: 10px;
}




#genderPanel{
	background: #ffffff url(/images/bggender.jpg) no-repeat;
	width: 560px;
	height: 360px;
}

/* Choosing Gender */

p#genders {
	margin:0;
	position:relative;
}

#femaleIcon, #maleIcon{ 
	display:block;
	margin:0;
	overflow:hidden;
	text-indent:-8000px;		
	width: 81px;
	height: 168px;
	position:absolute;
	left:200px;
	top:96px;
}

#maleIcon{ 
	left:291px;
}

#femaleIcon a, #maleIcon a{  
	display:block;
	width: 81px;
	height: 168px;
	background:url(/images/female.png) no-repeat 0 0;	
	cursor: pointer;
}	

#maleIcon a{ 
	background:url(/images/male.png) no-repeat 0 0;	
}

.maleIcon a{ 
	background:url(/images/maleOver.png) no-repeat 0 0!important;
	cursor: pointer;
}

.femaleIcon a{ 
	background:url(/images/femaleOver.png) no-repeat 0 0!important;	
	cursor: pointer;
}

/* Measurements Panel */
.measurements_description{
	font-family:arial, sans-serif;
	font-size: 10px;
	font-style: italic;
}

.measurements_main{
	width: 500px;
	margin: 0px auto;
	color: #fff;
	background: url(/images/bg_meas.jpg) bottom right no-repeat;
	border-right: 1px solid #687b76;
	border-bottom: 1px solid #687b76;
	margin-top: 45px;
	text-align: center;
}

.measurements_main h1{
	font-family:arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.measurements_main h2{
	font-family:arial, sans-serif;
	font-size: 11px;
}

#measurements_list{
	background-color: #fbfcfc;
	width: 425px;
	margin: 0px auto;
	border: 1px solid #47A4BE;
}

.measurements_block{
	padding: 10px;
	width: 405px;
	margin: 0px auto;
}
.measurements_image{
	width: 64px;
	height: 250px;
}
.mselect{
	background-color: #fbfcfc;
	height: 60px;
	width: 100%;
	border: 1px solid #e5e5e5;
	padding: 5px;
	position: relative;
}
.mselect h1{
	color: #333333;
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}


.mvalue{
	height: 16px;
	width: 70px;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #333333;
	font-size: 11px;
	border-left: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	text-align: right;
	font-family:arial,sans-serif;
	padding-right: 4px;
}

.measurements_area{
	height: 300px;
	overflow: auto;
	width: 500px;
	background-color: #f5f8e3;
}

.measure_details{
	margin: 0px auto;
	width: 100px;
}

.measure_type{
	padding: 5px;
	
	margin: 5px;
}

.measure_type img{
	border: 2px solid #6b9087;
}
.measure_type:active{
  outline: none;
}
.measure_type img:hover{
	border: 2px solid #98d312;
}

.measure_type:focus{
	-moz-outline-style: none;
}
.measure_type_sel{
	padding: 5px;
	
	margin: 5px;
}
.measure_type_sel img{
	border: 2px solid #dcb20c;
}
.measure_type_sel:active{
  outline: none;
}
.measure_type_sel:focus{
	-moz-outline-style: none;
}
.measure_type_sel img:hover{
	border: 2px solid #98d312;
}

.measure_types{
	width: 100%;
}

.measure_box{
	width: 100px;
	height: 180px;
	text-align: center;
	background: url(/images/tag_bg.jpg);
}

/* Popup Message */

.popup_message{

	z-index: 9999;

}

td.pop_topleft, td.pop_topright, td.pop_bottomleft, td.pop_bottomright{height:10px;overflow:hidden;padding:0px!important;padding:5px;width:10px!important;width:0px;}

td.pop_topleft{background-image:url('/images/popup/pop_dialog_top_left.png')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup/pop_dialog_top_left.png', sizingMethod='crop');}td.pop_topright{background-image:url('/images/popup/pop_dialog_top_right.png')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup/pop_dialog_top_right.png', sizingMethod='crop');}

td.pop_bottomleft{background-image:url('/images/popup/pop_dialog_bottom_left.png')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup/pop_dialog_bottom_left.png', sizingMethod='crop');}

td.pop_bottomright{background-image:url('/images/popup/pop_dialog_bottom_right.png')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup/pop_dialog_bottom_right.png', sizingMethod='scale');}

td.pop_border{background-image:url('/images/popup/pop_dialog_border.png')!important;background-image:none;filter:none!important;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/popup/pop_dialog_border.png', sizingMethod='scale');}



.message_title{

	width: 422px; border: 1px solid #9edeff; background-color: #c3ebff; padding: 4px;font-weight: bold; font-size: 1em; color: #0c5175;

	border-bottom: 0px;

}



.message_body{

	width: 422px; 

	border: 1px solid #9edeff; 

	background-color: white; 

	font-size: 0.9em;

	padding: 4px;

	text-align: center;

	

}

.message_body p{

	margin: 15px;

}

.formarea{
	background-color: #f2f5e2;
	border: 1px solid #9fbab3;
	-moz-border-radius: 40px;
	-moz-border-right-colors: #9fbab3;
	-moz-border-left-colors: #9fbab3;
	-moz-border-top-colors: #9fbab3;
	-moz-border-bottom-colors: #9fbab3;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-radius: 40px;
	-webkit-border-right-colors: #9fbab3;
	-webkit-border-left-colors: #9fbab3;
	-webkit-border-top-colors: #9fbab3;
	-webkit-border-bottom-colors: #9fbab3;
	-webkit-border-radius-topleft: 0px;
	-webkit-border-radius-bottomright: 0px;
	border-color: #9fbab3;
	border: 1px solid #9fbab3;
	padding: 25px;
	margin: 25px;
	width: auto;
	
}

.formarea p{
	padding: 15px;
}

.formarea h2{
	font-size:14px;
}

.loginform{
	margin: 0px auto;
	text-align: left;
	width: 325px;
}
.formarea label{
	float: left;
	font-weight: bold;
	color: #282e2c;
	width: 120px;
	vertical-align: middle;
	color:#666666;
}

.formarea input{
	width:175px;
	border:1px solid #BDC7D8;
	font-size:11px;
	padding:3px;
}

.formarea dt{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:bold;
}


.formarea dd{
	margin: 0px;
	text-align: center;
}

.formarea textarea{
	width: 100%;
}

.formarea dd input{
	width: 100%;
	border:1px solid #BBBBBB;
	padding:4px 0 4px 6px;
	margin: 0px auto;
}

.loginbutton{
	width: auto!important;
	background:#222222 url(/images/buttonbg.png) repeat-x scroll left center;
	color: white;
	padding: 3px 10px 3px 12px!important;
	font-size: 13px;
}

.errors, .hint{
	list-style-type: none;
	padding: 5px;
	margin: 10px;
	text-align: center;
	color: #792e09;
}

#tabs{
	margin-bottom: 25px;
}

.tabs{
	list-style-type: none;
	margin: 0px;
}

.sizes{
	-x-system-font:none;
	border-bottom-color:#C7C2C0;
	border-bottom-style:solid;
	border-bottom-width:1.5px;
	border-right: 1px solid #C7C2C0;
	font-family:verdana,arial;
	font-size:10px;
	min-width: 47px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding-bottom:0;
	padding-left:1px;
}

.sizes a{
	font-size: 10px;
	color: #a2b9b3!important;
}

.stitle{
	font-weight: bold;
}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	font-size: 11px;
}
#tooltip h3, #tooltip div { margin: 0; }