﻿/* test */
.logo{float: left;text-align: left;vertical-align: top;}

.headerLinks{padding-top:30px;float: right;position:relative; width: 549px; overflow:hidden;}
.headerLinks a {color: #000000;background-color: inherit;text-decoration: none;}
.headerLinks a:hover { color: #000000;background-color: inherit;text-decoration: underline;}

ul#headerItems{float:right; height: 30px;}
ul#headerItems li{float:right;list-style-type:none;margin-bottom:10px;padding:0px 10px 0px 8px;float:left;list-style:none;border-right:#fbbf6a solid 1px;}

ul#headerItems li a:link{text-decoration:underline;color:#000000;}
ul#headerItems li a:visited{text-decoration:underline;color:#000000;}
ul#headerItems li a:hover{text-decoration:none;color:#000000;}
ul#headerItems li#myaccount{background:url(images/user.jpg) no-repeat 5px 0;text-indent:14px;text-align:right;}

ul li#telnum{background:url(images/phone.gif) no-repeat 5px 0px;text-indent:20px; border-right:0;}

.PageHeader { display:block; float:left;width: 100%;}
.PageWrapper{margin: 0px auto;width: 942px;}
.PageHeaderMenu{	color:#FFF;float:left; width: 100%; background: #000 url(images/menu_bg.jpg) repeat-x;border-top:solid 1px #d9dada;}

.PageHeaderMenu ul { margin:0;padding:0;}
.PageHeaderMenu ul li{float:left;list-style:none;height:31px;}
.PageHeaderMenu ul li a{padding:0 15px 0 15px;font-size:13px; line-height: 31px; display:block;text-transform:uppercase;background:url(images/bg_menu.gif) no-repeat top right;}
	.PageHeaderMenu ul li.li-tips a { background:none;}
.PageHeaderMenu ul li.firtMenuItem a{padding-left:13px;padding-right:12px;display:block;}
.PageHeaderMenu ul li a:link, .PageHeaderMenu ul li a:visited{text-decoration:none;color:#FFFFFF;font-weight:bold;}
.searchPanel{	margin-bottom: 15px;	padding: 0px;}
.searchPanel .title{	padding:10px 10px 5px 0px;	font-weight: bold;	text-transform: uppercase;	clear:both;}
.searchPanel .searchInput {	border: 1px solid rgb(232, 230, 210);	width: 100%;	padding:10px;}
.searchPanel .searchResults{	padding-top:10px;}


div#basket{background:url(images/shopping_cart.jpg) no-repeat;float:right; padding-left: 25px; margin-right: 10px;}
div#basket a:link{color:#000000;}
div#basket a:visited{color:#000000;}
div#basket a:hover{color:#000000;}

#currencySelector { float:right; width: 90px;text-align:center;} /* language_specific */
#currencySelector select { width: 75px;}

.searchBtn{background:url(images/go.png) no-repeat top right;float:right;
cursor:pointer;font-size:1px;width:30px;margin-top: -5px;
height:30px;display:block;cursor:pointer;
text-indent:-9999px;margin-left: 3px;}
.searchBtn a:link{text-decoration:none;}
.searchBtn a:visited{text-decoration:none;}
.searchBtn a:hover{text-decoration:none;}

.searchBox{float:right;clear:right;width:235px;position:relative;}
	.searchBox input { width: 118px;}
	.searchBox label { float:right;}
	


/**/
.PageHeaderMenu .MenuLink:hover{text-decoration: none;}
.PageHeaderMenu .MenuSeparator{width: 25px;display: inline-block;}

.ColumnLeft{	width:200px;}
.ColumnSeparator{}
.ColumnRight{	 background-color:#FFF; width: 942px; clear:both;}

ul#headerItems li {	height:17px;}
input#ctl00_ctrlHeader_ctrlSearchBox_txtSearchTerms{	border:solid 1px #FFB24A; 	}
#headerItems .dropDownLists { width: 80px}
.dropDownLists {font-size:10px;height:17px;padding-left:2px;}



/* future default.css */
ul { margin:0;padding:0;}
.clr { clear:both; height: 0px;}
.hidden, .boxFalse, .BoxFalse { display:none; }

.modalBackground {	background-color:#000; filter: alpha(opacity=30);-moz-opacity: 0.30; opacity: 0.30; z-index: 999;}
.modalPopup { width: 500px; background: #FFF; z-index: 99999;}

/* feedback messages */
.messageError, .messageWarning, .messageOK {   font-size: 12px; padding: 10px 10px 10px 60px; width: auto; margin:5px 0 10px; min-height: 34px; position: relative; }
.messageError .closeButton, .messageWarning .closeButton, .messageOK .closeButton { position: absolute; top: 5px; right: 5px; text-indent: -9999px; width: 20px; height: 19px; overflow:hidden; }

	.messageError .closeButton { background: url('images/feedback_error_close.png') no-repeat top left;}
	.messageOK .closeButton { background: url('images/feedback_ok_close.png') no-repeat top left;}
	.messageWarning .closeButton { background: url('images/feedback_warning_close.png') no-repeat top left;}

.modalPopup .messageError, .modalPopup .messageWarning, .modalPopup .messageOK { margin:0;}
.messageError h5, .messageWarning h5, .messageOK h5{ font-size: 15px; font-weight:bold; font-family: Arial; margin: 0 0 .5em 0; padding:0; width: auto; clear:none; }

.messageError { border: 2px solid #CC0000; color: #CC0000; background: url('images/feedback_error.gif') no-repeat 10px 10px; }
.messageWarning { border: 2px solid #FF9901; color: #000; background: url('images/feedback_warning.gif') no-repeat 10px 10px;}
.messageOK { border: 2px solid green; color: #000; background: url('images/feedback_ok.gif') no-repeat 10px 10px; }
.messageWarning.ms { border: 2px solid #D8ED96; color: #000; }
.onlineHelp
{
	margin:0;
	padding: 10px 50px 0px 50px;
	color: #000000;
	background:url('images/onlinehelp_bg.png') no-repeat;
	height: 555px;
	width: 510px;
}

.onlineHelp p
{
	font-family: Arial;
	font-weight: normal;
	padding: 0px 0px 15px 0px;
	width: 434px;
}

.onlineHelp h5
{
	font-size: 15px; 
	color: #000000;
	font-weight:bold; 
	font-family: Arial; 
	margin: 0 0 .5em 0; 
	padding: 15px 0px 0px 0px;
	width: auto; 
	clear:none; 
}

.onlineHelp td
{
	padding: 5px 5px 5px 5px;
	margin: 0px 10px 0px 0px;
}
label
{
	font-weight:bold;
}
.inputbtn
{
	border:none 0px #fff;
}
.closebtn
{
	position: absolute;
	top: -5px;
	left: 480px;
}

/* templates */
#b-women { background: #ff80ad url('img/bg_women.jpg') repeat-x top left; }

/* configurator 
---------------------------*/

/* sizing */
#sizing_left{float:left;width:340px;margin-top:10px;clear:left;}
	#sizing_left .sizinglabel { width: 150px;}
	#sizing_left table tr { width:100%; }
	
	
/* menu hover state */
.PageHeaderMenu ul li.li-home a:hover, .PageHeaderMenu ul .li-home .active{background: transparent url(images/Header_Hover_firtMenuItem.png) repeat-x scroll 0 0}
.PageHeaderMenu ul li.li-men a:hover, .PageHeaderMenu ul .li-men .active{background: transparent url(images/Header_Hover_men.png) repeat-x scroll 0 0}
.PageHeaderMenu ul li.li-women a:hover,.PageHeaderMenu ul  .li-women .active {background: transparent url(images/Header_Hover_women.png) repeat-x scroll 0 0}
.PageHeaderMenu ul li.li-tie a:hover, .PageHeaderMenu ul .li-tie .active {background: transparent url(images/Header_Hover_tie.png) repeat-x scroll 0 0}
.PageHeaderMenu ul li.li-manchet a:hover, .PageHeaderMenu ul .li-manchet .active{background: transparent url(images/Header_Hover_manchet.png) repeat-x scroll 0 0}
.PageHeaderMenu ul li.li-boxer a:hover, .PageHeaderMenu ul .li-boxer .active{background: transparent url(images/Header_Hover_boxer.png) repeat-x scroll 0 0}
.PageHeaderMenu ul li.li-gift a:hover, .PageHeaderMenu ul .li-gift .active{background: transparent url(images/Header_Hover_gift.png) repeat-x scroll 0 0}
.PageHeaderMenu ul li.li-gallery a:hover, .PageHeaderMenu ul .li-gallery .active{background: transparent url(images/Header_Hover_gallery.png) repeat-x scroll 0 0}
.PageHeaderMenu ul li.li-tips a:hover, .PageHeaderMenu ul .li-tips .active{background: transparent url(images/Header_Hover_tips.png) repeat-x scroll 0 0}

#loadingPage { background: #FFF url('img/loadingPageWhite.gif') no-repeat center center; position:absolute; width: 100%; left:0; top:0; height: 100%;min-height: 600px; z-index: 9999;}
/*
#loadingPage { display:none }
*/
/* configurator - gallery in common */
#configurator{width:100%;border:solid 1px #3398cc;float:left; position:relative;background-color:#F1F0EF;}
#overlay-configurator { position: absolute; background: #F1F0EF; top: 0px; left: 0px; width: 40px; height: 40px; z-index: 10;}
#configuratorWrapper{width:353px;clear:left;float:left;position:relative;}

#configuratorZooms{ margin: 410px auto 0 auto; width: 400px; z-index: 0; margin-left:5px;}
	#configuratorZooms .configuratorZoom { float:left; background: #FFF; border: 1px solid #3398CC; padding: 0px; margin-right: 2px; width:65px; height:81px;}
	#configuratorZooms #p14 { border: 2px solid #3398CC; }
    #configuratorZooms .zoomOFF{border:1px solid #3398CC !important;}
    #configuratorZooms .zoomON{border:2px solid #3398CC !important;}
	
.fitMe{float:left;width:169px;position:relative;}
.select_fit .select_fit_info{position:absolute;top:125px;left:100px;border:0;}
.select_fit{width:120px;margin-top:10px;padding-bottom:5px;}
	.select_fit img { border:solid 2px white; }
	
/* Medallion / Initials */
#postionMonogram{margin-top:15px;width:400px; margin-left: 115px;}
.postionMonograms{margin-top:3px;text-align:center;width:69px;float:left;font-size:11px;margin-right:9px;}
	.postionMonograms img { border: 2px solid #FFF; }
	
.collors{width:20px;height:20px;background-color:green;margin:0;border:solid 2px white;float:left;text-indent:-9999px;}
.collorssel{width:20px;height:20px;background-color:green;margin:0;border:solid 2px #3398CC;float:left;text-indent:-9999px;}
	
.DivHidden {   display:none;    } 
.DivShown {   display:block; }
