﻿/* yse - plain copy from other CSS - please integrate into one - DO NOT CHANGE */
/* screenmen.css */
#panelContent{border:solid 1px #757575;min-height: 326px;padding-bottom:20px;clear:both; width: 505px;}
#BtnAddSC { text-align:center;}

.lijntjeBlauw { border-color: #65CC33}

.config_buttons { float:left; width: 100%; text-align:center;margin-top: 15px; }
	.config_buttons_left { width: 44%; float:left; text-align:right;}
	.config_buttons_right { width: 55%; float:right; text-align:left;}
	.config_buttons_center { width: auto; margin-left: 45%; }

/* end plain copies - CHANGES FROM HERE */

#fitWrapper { float:left; width: 120px;}

#BtnAddSC { padding-top: 10px;}

#PageCenter { padding-bottom: 15px;}
#PageContent { border:solid 1px #65CC33;}
#panelContent { }
#pageContentGallery { position:relative; }
/* monogram */
#MonoChoice { padding-left: 15px;}
	#MonoChoice strong, #MonoChoice label { margin-right: 5px;}
#initials_wrapper, #pocket_wrapper { position: relative;  }
.boxOverlay { display:block; background: #FFF; position:absolute; top: 0px; width: 100%;left: 0px; height: 100%; z-index: 1000;  
              filter: alpha(opacity=55);-moz-opacity: 0.55; opacity: 0.55; }

#smallColum_monogram{width:200px;padding-left:14px;float:left;}
#smallColum_monogramdetails { float:left; margin-left: 125px; }
#squirrelColors{position:relative;width: 250px;}
#postionMonogram2{margin-top:15px;}


#monogramFont2 img { vertical-align: middle;}

.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}

#smallColum_monogram input{margin:5px 0 5px 7px;width:75px;border:solid 1px #3399cc; }
.collum_monogram{width:150px;float:left;}
.collum_monogram ul{list-style-type:none;}
#monogramFonts input {float:left;margin:0;margin-top:6px;clear:left;}


#color_name{	position:absolute;	left:243px;	top:-1px;	width:70px;	text-align:right;	line-height:18px;z-index: 5;}
#menDesingInitials { margin-bottom: 15px; }
#menDesingInitials #color_name{	left:0px;	top:152px;	left:242px;	margin-left:150px; }

#monoChoice_intro { margin: 8px 0;}

#b-gallery #panelTabMenu_contrast{display:block; clear:both; margin-top:5px;}
			/*panel menu gallery */
#b-gallery #panelTabMenu_contrast ul li{float:left;list-style:none;background:url(images/tab_left_current_long.jpg) 0 0;padding:4px 0px 2px 87px;}
#b-gallery #panelTabMenu_contrast ul li a{color:white;background:url(images/tab_right_current_long.jpg) no-repeat top right;padding:4px 60px 2px 0px;}
#b-gallery #panelTabMenu_contrast ul li.currentTabMneu{float:left;list-style:none;background:url(images/tab_gallery_left.jpg) 0 0;padding:4px 0px 2px 70px;}
#b-gallery #panelTabMenu_contrast ul li.currentTabMneu a{background:url(images/tab_gallery_right.jpg) no-repeat top right;padding:4px 87px 2px 0px;}

.config_buttons { display:none;}
#panelContent p{margin:10px 8px 10px 18px;font-size:12px;color:#333333;}

	
.fabric_preview {background:url(images/dropshadow_fabrics.jpg) no-repeat scroll left top;float:left;width:110px;}
.initials_preview {margin:6px;}
#chooseFont{float:left;width:138px;}

.collors a{display:block;}
#chosenColor{border:2px solid #3398CC;}
#squirrel #chooseColor{padding-left:10px;}
#squirrel #position{margin-left:120px;}
#position{margin-left:60px;margin-top:6px;}

#chooseColor{float:left;width:200px;padding-left:20px;position:relative;}
#squirrel #colourName{left:162px;}
#colourName {position:absolute;top:0;left:172px;text-align:right;}
#TextInput{clear:left;float:left;margin-top:6px;margin-left:5px;}
#TextInput input{border:solid 2px #68cc34; width:40px;}
input{border:none;}
#monogramContent p{margin:7px 0 15px 0;}

.clearBoth{text-indent:-99999px;}

body{background:#99cc67 url(images/bg_gallery.jpg) repeat-x scroll 0 0;}

#contentPage{border:solid 1px black;}
#breadcrumbs{font-size:11px;padding:4px 0;text-transform: uppercase;}
#breadcrumbs a.current{color:#65cc33;}
	
#configurator {border:1px solid #65cc33;}
#configuratorZooms .configuratorZoom {border:1px solid #65cc33;}
#configuratorZooms #p14 { border: 2px solid #65cc33; }

#leftColum{margin:20px 0 0 0px; padding-left: 18px;float:left;width:370px;}

#sizing_left input { border:1px inset #EBE9ED;}

.p-contrasts { clear:both;}
.p-contrast { width: 25px; height: 20px; float:left; margin-right: 5px; border: 2px solid #CCC; margin-top: 5px;  } 

p.intro{padding:0 20px 0 20px; margin-bottom: 1em; }

/* ---------------------------- left hand navigation ---------------------------- */
#leftHandNav{float:left;width:220px;margin:0; }
.menuBlok{width:180px;padding-bottom:5px;margin-bottom:7px;border:solid 1px #65cc33;}
.menuBlok h2{height:18px;font-size:11px;color:#FFFFFF;text-transform:uppercase;background:url(images/bg_h2_sso_nActive.jpg) repeat-x;line-height:18px;text-indent:3px;margin-bottom:5px;

}
.menuBlok h2.current{background:url(images/bg_h2_sso.jpg) repeat-x;}
.scrollBox{width:220px;}
a.toggle{font-size:11px;}
a.toggle:link, a.toggle:visited{text-decoration:underline;}
a.toggle:hover{text-decoration:none;}

.menuBlok ul ul a:link, .menuBlok ul ul a:visited{padding-left:6px;}
.menuBlok ul ul a:hover{background:url(images/orange_arrow.jpg) no-repeat 0px 3px;padding-left:6px;}
.menuBlok ul ul a.current{color:#65cc33;}
.menuBlok ul{text-transform:uppercase;list-style:none;font-size:11px;text-indent:10px;margin-bottom:5px;}
.menuBlok ul ul{text-transform:none;}
.menuBlok ul.lastCat{text-transform:none;list-style:none;font-size:11px;text-indent:10px;}

/* ---------------------------- pagecontent ---------------------------- */
#Gallery_pageContent {border:1px solid #65cc33;float:left;width:668px; background-color:white;position:relative;padding-bottom:30px;}

.paginering{position:absolute;top:111px;left:503px;}
.bottomPaginering{top:1240px;left:503px;}
.paginering a{display:block;border:solid #65CC33 1px;width:16px;height:16px;float:left;margin:0 2px 0 0;text-align:center;font-weight:bold;}
.paginering a:link, .paginering a:visited{color:#65CC33;background-color:white;}
.paginering a:hover{text-decoration:none;color:#ffffff;text-decoration:none;background-color:#65CC33;}
.paginering a.currentPage:link, .paginering a.currentPage:visited{background-color:#65CC33;color:#FFFFFF;}
.paginering a.currentPage:hover{text-decoration:none;color:#65CC33;background-color:white;}

#pageContentGallery{border: solid 1px #65cc33; padding: 20px;}
#pageContentGallery h1{padding:10px 0px 10px 20px;margin-bottom:-15px;}


.shritBox{border: solid #65cc33 1px;width:290px;float:left;margin-left:25px;margin-right: 5px;position:relative;margin-bottom:25px;height:387px;}

/* box */
.shirtPrev{position:absolute;z-index:1}
.weekPrice{position:absolute;z-index:2;background:#65cc33;color:#FFFFFF;font-weight:bold;height:28px;line-height:38px;font-size:13px;padding: 2px 5px;left:0;top:0;}
.Price{position:absolute;z-index:10;background-color:#65cc33;color:#FFFFFF;font-weight:bold;width:50px;height:28px;line-height:28px;font-size:13px;text-indent:2px;}
.reduce, #reduce{position:absolute;text-decoration:line-through;z-index:2;color:white;font-weight:bold;top:0px;line-height:normal;font-size:10px;left:5px;}

.zoomer{position:absolute;top:296px;left:30px; background: url('images/zoomer.jpg') no-repeat top left; padding-left: 20px;}

.shirtPrev { width: 150px; height: 200px; margin-top: 80px; margin-left: 5px;}
.zoomin { width: 290px; height: 348px; z-index: 99; margin-top:0; margin-left: 0;}

.bottomBox{background-color:#efefef;position:relative;margin-top:348px;height:38px;border-top:solid 1px #65cc33;}
	.rating { float:left; margin: 15px 0 0 15px;}
	.shareKnop{margin:13px 0 0 15px;float:left;width:270px;}
	.add_to_basket{position:absolute; right: 10px; top: 360px;}
		.add_to_basket a{text-align:center; background:url(images/gall_Add_basket_orangeDE.png) no-repeat;display:block;width:103px;height:30px;padding:2px 0 0 0px;font-size:12px;color:white;}
	
#priceIndications{top:0;position:absolute;left:0; background-color:#65cc33;width:80px;height:35px;color:#FFFFFF;font-weight:bold;line-height:35px;font-size:18px;text-indent:10px;}
#priceIndications2{top:0;position:absolute;margin-left:90px; left:0;width:180px;height:35px;color:#4b4b4d;font-weight:bold;line-height:35px;font-size:16px;text-indent:10px;}
	
		
/* confpage*/
#rightcolum{float:right;width:525px;}
.cartButton { text-align:right; }

h1 span { font-size: 11px; }

/*--------- bouton start design ----------*/
#menuBlock1{ height:210px;}
#menuBlock1 p{ font-size:11px;margin-left:13px;}
#mens_confGallery{padding:3px 0 7px 12px;float:left;width:180px;height:45px;background:url(images/blue_2x.png) no-repeat;margin:40px 0 0 3px;}
#mens_confGallery a {color:#FFFFFF;font-size:16px;line-height:19px;font-weight:bold;}
