/*bivolino blauw 3398cc*/
@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;background:url(img/bg_men.jpg) #3398cc repeat-x ;}
#PageContent{color:#333333;background-color:#FFFFFF;border:solid 1px #3398cc;clear:both;padding:18px;position: relative;}
.hidden { display:none; }
a img{border:none;}
/*------------------------------------------- elements------------------------------------------- */
/*------------------------------------------- elements with classes or id's-------------------------------------------  */
h1.title_config{font-size:12px;font-weight:bold;padding-bottom:4px;padding-top:2px;}
h2.title_config{font-size:12px;font-weight:normal;margin-bottom:0px;}
h1.bg_style_women{background:url(images/bg_h2_women.jpg) repeat-x 0 0;font-size:12px;padding:7px 0 7px 10px;font-weight:bold;color:#FFFFFF;text-transform: uppercase;line-height:18px;text-indent:2px;margin-bottom:5px;margin-right:3px;}
h1.bg_style{background:url(images/bg_h2.jpg) repeat-x 0 0;font-size:12px;padding:7px 0 7px 10px;font-weight:bold;color:#FFFFFF;text-transform: uppercase;line-height:18px;text-indent:2px;margin-bottom:5px;margin-right:3px;}
h1.bg_style_NL{background:url(images/bg_h2.jpg) repeat-x 0 0;font-size:12px;padding:7px 0 7px 10px;font-weight:bold;color:#FFFFFF;text-transform: uppercase;line-height:18px;text-indent:2px;margin-bottom:5px;margin-right:3px;margin-left:-1px;}
h1.bg_style a { text-decoration:none; color: #FFF;}
p.h1_txt
{
margin-right:3px;


}
/*------------------------------------------- page -------------------------------------------*/


/*------------------------------------------- PageContent -------------------------------------------*/
/*blauw - #3398CC*/

/*#PageContent p.maxWidth_p{
border:solid 1px green;
width:300px;
}*/


#breadcrumb_conf_men{clear:both;font-size:11px;padding:4px 0;text-transform:uppercase;}

/*Breadcrumbs*/
#breadcrumb_conf_men a:link, #breadcrumb_conf_men a:visited{color:#333333;text-decoration:none;}
#breadcrumb_conf_men a:hover{text-decoration:underline;}
#breadcrumb_conf_men a.current_breadcrumb_men{color:#3398CC;}

#mostPop a:link, #mostPop a:visited{color:#000000;text-decoration:underline;}
#mostPop a:hover{text-decoration:none;}

/*------------------------------------------- PanelMenu -------------------------------------------*/
#panel{position:relative;margin-left:20px;width:535px;float:right;font-size:12px;margin-top:0;}

/*------------------------------------------- panelContent -------------------------------------------*/
#panelContent{clear:both;}

.previousBtn{background:url(img/previous_btn.jpg) no-repeat bottom left;float:right;width:71px;height:15px;color:white;font-size:11px;font-weight:bold;text-align:center;padding-top: 15px;}
.previousBtn a{color:#FFFFFF;text-decoration:none;}

/*btn onderdaan*/
.left_btn{background:url(img/btn_right.jpg) no-repeat bottom right;padding:10px 0px 15px 0;display:inline-block}
.right_btn{background:url(img/btn_left.jpg) no-repeat bottom left;padding:10px 0px 15px 15px;}
	#isMac .right_btn { padding-top: 11px;}
.left_btn a{padding:20px 15px 0 0;font-weight:bold;color:#FFFFFF;font-size:13px;}
.left_btn a:link{text-decoration:none;}
.left_btn a:visited{text-decoration:none;}
.left_btn a:hover{text-decoration:underline;}

/*btn sizing */
.left_btn2{background:url(img/buttons/orange_2x_right.jpg) no-repeat bottom right;padding:15px 0 12px 0;display:inline-block}
.right_btn2{background:url(img/buttons/orange_2x_left.jpg) no-repeat bottom left;padding:15px 15px 12px 15px;}
.left_btn2 a{padding:20px 0px 0 0;font-weight:bold;color:#FFFFFF;text-transform: uppercase;}
.left_btn2 a:link, .left_btn2 a:visited{text-decoration:none;}
.left_btn2 a:hover{text-decoration:underline;}
/*------------------------------------------- bug -------------------------------------------*/
.clear{text-indent:-9999px;clear:both;font-size:1px;}
/*Fabric men*/

img.info{padding-left:8px;float:left;}
.label{display:block;padding:10px 0 4px 0;clear:left;}

.stof{margin:4px;}

.contrast_preview{background:transparent url(img/dropshadow_fabrics.jpg) no-repeat top left;}

ul.bottomList{list-style:none;width:235px;float:left;border-bottom:solid 1px #3399cc;padding-bottom:10px;color:#666666;}
ul.bottomList li{background:url(img/bullet_blue.png) no-repeat top left;padding-left:20px;}
li .list_title{text-transform:uppercase;}

#priceIndications{position:absolute;background-color:#3398cc;width:80px;height:35px;color:#FFFFFF;font-weight:bold;line-height:35px;font-size:18px;text-indent:10px;}


#help_share_save{padding-top:5px;clear:left;position:relative;}
#help{float:left;margin:5px 0 0 3px;;}
#socialBookmark{float:left;padding:5px 0 0 40px;}
#saveDesign{float:right;padding-top:5px }
#fabricDetails{float:right;width:250px;margin-top:0px;font-size:11px;}
#fabricDetails .info{padding-left:4px;float:none;}
img.info_fabric{padding-left:3px;float:left;}
#newFabric{color:#3399cc;}

/*collars *//*
#panelContent p{margin:10px 8px 10px 18px;font-size:12px;color:#333333;}
#panelContent li{color:#333333;}
.collars{width:86px;float:left;position:relative;padding:7px 10px 0px 0;font-size:11px;text-align:center;height:90px;}
.collars img.information {}
#collarCollectionWrapper{border-top:solid 1px #3398cc;border-bottom:solid 1px #3398cc;margin:10px 10px 10px 15px;}
#collarCollection{margin:5px 0 7px 0;width:500px;	position:relative;height:200px;overflow:scroll;overflow-x:hidden;width:500px;}
#extraOptions li{list-style-type:none;padding:5px 0px 10px 14px;clear:left;}
.info_img_inlist{display:inline;float:left;margin-left:7px;}
.option{float:left;text-indent:5px;padding-bottom:3px;}
*/
.listItem{background:url(img/bullet_blue.png) no-repeat;text-indent:20px;margin-left:20px;font-size:12px;}
/*placket */
#tone_buttons{width:495px;margin:0 auto;padding-bottom:20px;}
#tone_buttons p{margin:10px 0 0 0px;}
#example{position:relative;margin:10px 0 10px 0px;float:left;}
#knop_update{position:absolute;padding:8px 0 0 8px;}
#contrast_srcoll{margin:14px 14px 14px 14px;clear:both;padding:6px 0 14px 0;border-bottom:#3399cc solid 1px;height:200px;overflow:scroll;overflow-x:hidden;}
/*contrasting */
#contrastingCollection table{margin-left:10px;text-align:center;}
#contrasting_types{margin:5px 0px 0 20px ;}
.contrastType{margin-top:5px;width:160px;margin-bottom:10px;float:left;text-align:center;}
.contrastTypeDisabled { color: #CCC;}

select{text-transform:capitalize;}
#contrastWrapper{border-bottom:#3399cc solid 1px;border-top:#3399cc solid 1px;width:460px; margin-left:14px;}
#contrast{height:120px;overflow:scroll;overflow-x:hidden;width:450px;margin:10px 0 14px 10px;}
/*#plackets{height:98px;overflow:scroll;overflow-x:hidden;width:480px;margin:10px 0 10px 0px;position:relative;}*/
.selectPlacket{border:solid white 2px;}
.spaceExtra td{padding-top:10px;}

.textInput{padding:20px 0 0 14px;float:left;width:220px;}
h2.sectionTitle{clear:both;font-size:12px;margin-bottom:5px;float:left;}
input#text{border:solid 1px #3398cc;}
#maxCharacters{font-size:9px;text-indent:20px;font-weight:normal;}
#previewTextStof{position:absolute;padding:5px 0 0 5px;}
#colorText{padding:0 0 45px 14px;clear:both;}
.outerColor{border:solid 1px white;float:left;margin-right:3px;width:20px}

#color_name{	position:absolute;	left:243px;	top:-1px;	width:70px;	text-align:right;	line-height:18px;	z-index: 5;}

#menDesingInitials #color_name{	left:0px;	top:152px;	left:242px;	margin-left:150px;}
#color_name2{	position:absolute;	left:243px;	top:2px;	margin-top:2px;	width:70px;	text-align:right;	line-height:18px;	z-index: 5;}

#menDesingInitials #color_name2{	left:0px;	top:150px;	left:242px;	margin-left:150px;}

/*-----------------------------------------------------Review-----------------------------------------------------*/

#menReview p.review{line-height:18px;font-size:11px;padding-left:6px;}
ul.nestedList li{font-weight:normal;text-indent:5px;width:100%;}

p#fit{clear:left;padding-top:10px;}
h4.sleeves{text-indent:18px;font-size:12px;margin-bottom:7px;}
.cuffs{}
div.sleeves{border:solid white 2px;width:70px;margin-left:9px;}
.ie7 div.sleeves{border:solid white 2px;width:70px;margin-left:-9px;}
#sleevePicker{margin-left:4px;}
.sleeves{position:relative;}
.sleeves .information{position:absolute;top:42px;left:52px;}
.lijntjeBlauw{border-bottom:solid 1px #3398CC;height:1px;margin:15px 15px 0 15px;}
#menSizing .lijntjeBlauw{clear:both;margin:205px 10px 0 0;}
ul#extraOptions_placket01 li, #extraOptions_placket02 li{padding-bottom:25px;clear:both;display:block;}
.initialsPostion{border:solid white 2px;}

#extraOptions_placket01{list-style-type:none;padding:5px 0px 10px 14px;clear:left;width:240px;float:left;}
#extraOptions_placket02{list-style-type:none;padding:5px 0px 10px 14px;width:250px;float:right;}
.contrastingInfo{margin-bottom:7px;}
.contrastingImg{margin:1px 0 7px 0px;}
.sizing{margin-top:15px;}
.stof_review{margin:6px;}
/*Shirt style options */
#breadcrumb{margin-bottom:10px;}
#breadcrumb a{font-size:11px;color:#000000;}
#breadcrumb a:link, #breadcrumb a:visited{text-decoration:none;}
#breadcrumb a:hover{text-decoration:none;}
#breadcrumb a.currentBreadcrumb:link, #breadcrumb a.currentBreadcrumb:visited, #breadcrumb a.currentBreadcrumb:visited{color:#f5a939;}
#STOcontent{border:solid 1px #333333;padding:16px 0 0 30px;}


h1.pageTitle_contentPages{font-size:12px;font-weight:bold;text-transform:uppercase;}

#leftHandNav{float:left;width:280px;}
#leftHandNav ul#sub{text-indent:15px;}
#leftHandNav ul#sub li{background:url(img/zwartePijl_subnavContentP.jpg) no-repeat top left;padding:3px 0 3px 0;font-weight:bold;}
#leftHandNav ul#sub ul#subsub li{background:none;background:url(img/pijl_list.jpg) no-repeat 25px top;font-weight:normal;padding:1px 0 1px 25px;}
#leftHandNav ul#sub #current_sub{background:url(img/pijlCurrent.jpg) no-repeat;}
#leftHandNav ul{list-style-type:none;text-indent:15px;}
#leftHandNav ul a:link, #leftHandNav ul a:visited{color:#000000;text-decoration:none}
#leftHandNav ul a:hover{color:#000000;}
/*#STO_pageContent{float:left;width:640px;border:solid 1px #f9a739;}*/

#afbeelding{float:left;padding-left:30px;}
#STO_rightColum{float:right;width:410px;}
#STO_rightColum dt{float:left;}
#STO_rightColum h1{font-size:12px;margin:20px 0 10px 0;}
#STO_rightColum .styleAvice dt{float:none;font-weight:bold;/*display:block;*/margin:20px 0 10px 0;}
#STO_rightColum .styleAvice dd .listEffect{padding-left:20px;background:url(img/bullet_orange.png) no-repeat;}
.info_collar{position:absolute;margin:50px 0 0 50px;}
img.info_pocket {position: absolute;left: 60px;top: 41px;}
.pocket_style{position:relative;}
#panelContent p.pocket{margin:3px 5px 10px 5px;font-size:11px;}
#menDesingPocket .lijntjeBlauw{margin-top:5px;}
.pocket_preview{border:solid 2px white;}
#smallColum_monogram  input#monogramInitials_2{width:40px;border:2px solid #3399CC;}
#smallColum_monogram input#text_input{width:90px;border:2px solid #3399CC;}



.clearBoth{text-indent:-999px;clear:both;}
#fabricDetails a:link, #fabricDetails a:visited{text-decoration:underline;color:#000000;}
#fabricDetails a:hover{text-decoration:none;}
.initials_preview{margin:6px;}


.smallText{font-size:9px;}
#smallColum_monogram input{margin:5px 0 5px 7px;width:75px;border:solid 1px #3399cc; }
.collum_monogram{width:170px;float:left;}
.collum_monogram ul{list-style-type:none;}
#monogramFonts input {float:left;margin:0;margin-top:6px;clear:left;}
input#victoria{margin-top:4px;}
input#diamantCadre{margin-top:11px;}
#allCollors{margin-top:3px;}

#color01{background-color:#006699;/* all collors link xls from Glenn*/}


#spaceIt{clear:both;height:8px;}

#online_help{float:left;margin-top:3px;}
.info_placket{position:absolute;top:48px;margin-left:57px;}

table#tailTable{position:relative;margin-left:18px;}

#fabric_preview_Wrapper{width:110px;float:left;height:110px;}
.colourTape{border:solid 2px #FFFFFF;}

/*Landing*/
.inBox{background:url(img/bg_h2.jpg) repeat-x;height:31px;font-size:12px;padding-top:7px;text-indent:14px; font-weight:bold ;}
.inBox_women{background:url(img/bg_h2_women.jpg) repeat-x;height:31px;font-size:12px;padding-top:7px;text-indent:14px; font-weight:bold ;}
.menBox  h2{ padding:0; margin-left:10px; margin-top:10px;  font-size:14px; width:250px; height:20px;}
.menBox  h3{ padding:0; margin-left:10px; margin-top:10px;  font-size:14px;width:250px; height:20px;}
.menBox  h4{ padding:0; margin-left:10px; margin-top:10px;  font-size:14px;width:250px; height:20px;}
.menBox_NL  h2, .menBox_NL  h3, .menBox_NL  h4, .menBox_NL  h5{ padding:0; margin-left:10px; margin-top:3px;  font-size:14px;width:250px; height:20px;}
#last{margin-right:0;margin-left:0;}

/* Landing page MEN */
.menBox{width:270px;margin-right:45px;float:left;}
.menBox_NL{width:212px;margin-right:17px;float:left;}
.menBox a:link, .menBox a:visited{color:white;text-decoration:none;}
.menBox a:hover{text-decoration:underline;}
.menBox p{padding:14px 15px 0 10px;}
.menBox_NL p{padding:0px 15px 0 10px;}

.btn_right_landing{background:transparent url(img/btn_right.jpg) no-repeat top right;padding:9px 0px 15px 0px;float:left;}
.btn_right_landing_women{background:transparent url(img/btn_right_w.jpg) no-repeat top right;padding:9px 0px 15px 0px;float:left;}
.btn_right_landing_NL{background:transparent url(img/btn_right.jpg) no-repeat top right !important;padding:9px -40px 15px 0px;float:left;}
.btn_right_landing_women_NL{background:transparent url(img/btn_right_w.jpg) no-repeat top right !important;padding:9px -40px 15px 0px;float:left;}
.btn_left_landing{background:transparent url(img/btn_left.jpg) no-repeat 0 0;padding:10px 20px 15px 27px;}
.btn_left_landing_women{background:transparent url(img/btn_left_w.jpg) no-repeat 0 0;padding:10px 20px 15px 27px;}
.btn_left_landing_NL{background:transparent url(img/btn_left.jpg) no-repeat 0 0;padding:10px 0px 15px 24px;}
#isMac .btn_left_landing_NL{background:transparent url(img/btn_left.jpg) no-repeat 0 0;padding:10px 0px 15px 17px;}
.btn_left_landing_women_NL{background:transparent url(img/btn_left_w.jpg) no-repeat 0 0;padding:10px 0px 15px 35px;}
#last_NL .btn_left_landing_NL{background:transparent url(img/btn_left.jpg) no-repeat 0 0;padding:10px 25px 15px 27px;}
.buttons_for_me{width:270px;float:left;position:relative;margin:20px 35px 20px 10px;padding:0 0px 0 0px;}
.buttons_for_me_NL{width:185px;float:left;position:relative;margin:5px 27px 20px 13px;padding:0 0px 0 0px;}
#wrappingbuttons #last_NL{float:left;margin-left:17px;}
.buttons_for_me a:hover{text-decoration:underline;}
.buttons_for_me a{color:#FFFFFF;font-size:13px;font-weight:bold;text-decoration:none;}
.buttons_for_me_NL a:hover{text-decoration:underline !important;}
.buttons_for_me_NL a{color:#FFFFFF;font-size:13px;font-weight:bold;text-decoration:none;position:relative;left:-13px;}
#last_NL a{color:#FFFFFF;font-size:13px;font-weight:bold;text-decoration:none;position:relative;left:-15px;}


/* buttons */
.btn_tiny {} 
.btn_tiny a {padding:0px 0px 0 0;font-weight:bold;color:#FFFFFF; text-transform: uppercase;font-size: 11px;text-decoration:none; } 
.btn_tiny_grey_left  { background:url(img/buttons/grey_tiny_right.jpg) no-repeat top right;padding:0px 0 0px 0; }
.btn_tiny_grey_left .right  { background:url(img/buttons/grey_tiny_left.jpg) no-repeat top left;padding:0px 6px 0px 6px; }