/* ----------------------------------*/
/*  Webshop Css Styles - version 2.0 */
/* ----------------------------------*/


/* ------------------------------
	 IE correction to get use 
	 of 'em' correct
   ------------------------------ */


html { 
	font-size: 100%;
} 

table { 
	font-size: 100%;
}


/* ------------------------------
	 Mozilla correction to 
	 set header tags correct
   ------------------------------ */

   
h1 {
	font-size: 2em; 								/* displayed at 24px */
}  	

h2 {
	font-size: 1.5em;  								/* displayed at 18px */
}

h3 {
	font-size: 1.25em;								/* displayed at 15px */
}
	
h4 {
	font-size: 1em;  								/* displayed at 12px */
} 

/* ------------------------------
	 Loading msg
   ------------------------------ */

.load-msg {
	color: #c0c0c0;
	font-size: 200%;
}

/* ------------------------------
	 No script error
   ------------------------------ */

.warn-noscript {
	color: #c0c0c0;
	font-size: 200%;
}

/* ------------------------------
	 General warning
   ------------------------------ */

.warning {
	color: sienna;
}
   
/* ------------------------------
	 Body
   ------------------------------ */


body {
	font-family: Verdana, Arial, sans-serif;
	/*font-size: 76%;*/								/* 1em == 12px */
	font-size: 68.75%;								/* 1em == 11px */
	color: #a06e10;
	/*width: 98%;*/ 								/* Avoid stuff running of page */
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

input { 
	font-family: Verdana, Arial, sans-serif; 		/* Not setting this, results in a small textbox */
	font-size: 100%;		 						/* Not setting any font-size, results in a smaller font */
}

textarea {
	font-family: Verdana, Arial, sans-serif; 		/* Not setting this, results in default browser font */
	font-size: 100%; 
}

/* PENDING */
button { 
	font-size: 100%;
}

a:link {
	color: #a06e10;
	text-decoration: none;
	border-bottom: 1px dotted #a06e10;
}
	
a:visited {
	color: #a06e10;
	text-decoration: none;
	border-bottom: 1px dotted #a06e10;
}
 
a:hover, a:active {
	color: #a06e10;
	text-decoration: none;
	border-bottom: 1px dotted #a06e10;
}

/* ------------------------------
	 Glass panels
   ------------------------------ */

.grey-glass-panel {
   background: #ccc;
   opacity: 0.2;
   filter: alpha(opacity=20);
}
   
.clear-glass-panel {
   z-index: 1000;
   background: #ccc;
   opacity: 0.01;
   filter: alpha(opacity=1);
}

/* ------------------------------
	 WsWindow
   ------------------------------ */

.ws-window { 
	z-index: 1000;
	padding: 0px;
	margin: 0px;
	cursor: default;
}

.ws-window .wsw-sb-inner { 
    /* Filter does not affect child elements  since we are absolute
	filter: alpha(opacity=90);
    opacity: 0.9;
    */
    background-color: #828236;
}

.ws-window .wsw-sb-border { 
	background-color: #828236;
}

.ws-window .wsw-sb-shadow { 
	background-color: #000;
}

.ws-window-caption {
	font-weight: bold;
	color: #cfdd3f;
	/*background: #ffffff url(images/webshop/wsb_gradient.gif) repeat-x;*/
	
	/* 
	filter: alpha(opacity=90);
    opacity: 0.9;
    */
}

.ws-window-padding {
	color: #616131; 
	background-color: #fff; /*#f8efad;*/
	/*
	filter: alpha(opacity=90);
    opacity: 0.9;
    */
}

.ws-window-content {
	color: #616131; 
	background-color: #fff; /*#f8efad;*/
	/*
	filter: alpha(opacity=90);
    opacity: 0.9;
    */
}

/* ------------------------------
	 WindowService.InternalWindow
   ------------------------------ */

.ws-iwindow { 
	z-index: 1000;
	padding: 0px;
	margin: 0px;
	cursor: default;
}

.ws-iwindow .wsiw-sb-inner { 
    /* Filter does not affect child elements  since we are absolute
	filter: alpha(opacity=90);
    opacity: 0.9;
    */
    background-color: #828236; /* #616131;*/
}

.ws-iwindow .wsiw-sb-border { 
	background-color: #828236; /*#616131;*/
}

.ws-iwindow .wsiw-sb-shadow { 
	background-color: #000;
}

.ws-iwindow-caption {
	font-weight: bold;
	color: #cfdd3f;
	/*background: #ffffff url(images/webshop/wsb_gradient.gif) repeat-x;*/
	
	/* 
	filter: alpha(opacity=90);
    opacity: 0.9;
    */
}

.ws-iwindow-padding {
	color: #616131; 
	background-color: #f8efad;/*#cfdd3f;*/
	/*
	filter: alpha(opacity=90);
    opacity: 0.9;
    */
}

.ws-iwindow-content {
	color: #616131; 
	background-color: #f8efad;/*#cfdd3f;*/
	/*
	filter: alpha(opacity=90);
    opacity: 0.9;
    */
}

/* ------------------------------
	 Gui
   ------------------------------ */

gui {
	border: 1px solid #b38647;
}

/* ------------------------------
	 Gui Header
   ------------------------------ */

.gui-header {
	padding: 0px;
	margin: 0px;
	/*background-color: #fff;*/
	background: #ffffff url(images/webshop/wsgui_header_gradient.gif) repeat-x;
	/*border-left: 1px solid #f3e473;*/
	/*border-right: 1px solid #f3e473;*/
	/*border-top: 1px solid #766a50;*/ /*#f2f2f2;*/
	/*border-bottom: 1px solid #cdcdcd;*//*#f2f2f2;*/
}

/* ------------------------------
	 Gui Footer
   ------------------------------ */

.gui-footer {
	/*margin: 5px 0 0 0;*/
	padding: 0em;
	font-size: 0.8em;
	color: #a06e10;
}

.gui-footer-label {
	color: #a06e10;
}

.gui-footer-label a:link, .gui-footer-label a:visited { 
	color: #a06e10;
	text-decoration: none;
	border-bottom: 0;
} 

.gui-footer-label a:hover, .gui-footer-label a:active { 
	color: #a06e10;
	text-decoration: none;
	border-bottom: 1px dotted #a06e10;
}


/* ------------------------------
	 Gui Menu (NOT IN USE)
   ------------------------------ */

.gui-menu-panel {
	color: #b38647;
}

.gui-menu-panel .sw-link-button {
}

.gui-menu-panel-product-msg {
	whitespace: nowrap;
}

/* ------------------------------
	 Gui main panel
   ------------------------------ */
   
.gui-main-panel {
	/*border-left: 1px solid #766c52;*/ /*#f3e473;*/
	/*border-right: 1px solid #766c52;*/ /*#f3e473;*/
	/*border-bottom: 1px solid #766c52;*/ /*#f3e473;*/
}

/* ------------------------------
	 WsLinkButton
   ------------------------------ */
   
.ws-link-button {
	color: #a06e10;
	/*display: inline; Set in class */
} 

/* ------------------------------
	 WsButton
   ------------------------------ */

.ws-button {
	cursor: default;
}

.ws-button .sw-label {
	color: #616131;
	cursor: default;
}

.ws-button .wsb-sb-inner {
	background: #ffffff url(images/webshop/wsb_gradient.gif) repeat-x;
}

.ws-button .wsb-sb-border { 
	background: #e2ce5a;
}

.ws-button-hover {
	cursor: default;
}

.ws-button-hover .sw-label {
	color: #352f29;
	cursor: default;
}

.ws-button-hover .wsb-sb-inner {
	background: #ffffff url(images/webshop/wsb_hover_gradient.gif) repeat-x;
}

.ws-button-hover .wsb-sb-border { 
	background:  #e2ce5a;
}

.ws-button-pressed {
	cursor: default;
}

.ws-button-pressed .sw-label {
	color: #352f29;
	cursor: default;
}

.ws-button-pressed .wsb-sb-inner {
	background: #e3d060 url(images/webshop/wsb_pressed_gradient.gif) repeat-x;
}

.ws-button-pressed .wsb-sb-border { 
	background:  #ffc0ff;
}

.ws-button-disabled {
	cursor: default;
}

.ws-button-disabled .sw-label {
	color: #404040;
	cursor: default;
}

.ws-button-disabled .wsb-sb-inner {
	background: #ffffff url(images/webshop/wsb_disabled_gradient.gif) repeat-x;
}

.ws-button-disabled .wsb-sb-border { 
	background: #c0c0c0;
}

/* -----------------------------------
   Default borders for web shop panels
   ----------------------------------- */

.wsp-sb-inner {
	background: #ffffff url(images/webshop/wsp_header_gradient.gif) repeat-x;
}

.wsp-sb-border { 
	background: #f3e473;
}

.wsp-sb-shadow { 
	background: #000;
}

.wsp-header { 
	color: #616131;
	padding-left: 10px;
	padding-top: 5px;
}

/* ------------------------------
	SwitchPanel
   ------------------------------ */
   
.switch-panel {
}

/* ------------------------------
	 ShopPanel
   ------------------------------ */
   
.shop-panel {
}

/* ------------------------------
	 MenuPanel
   ------------------------------ */
   
.menu-panel {
	padding-bottom: 5px;
}

.menu-panel .wsp-header {
	color: #616131; /*#b38647;*/
	padding-left: 10px;
	padding-top: 5px;
	margin-bottom: 10px;
}

.menu-stackpanel {
}

.menu-stackpanel .gwt-stackpanelItem {
}

.menu-stackpanel .gwt-StackPanelItem-selected {
}

.menu-stack-button {
	/* TODO: apply background filter for IE! */
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myimage.png',sizingMethod='scale');">*/
	background-image: url(images/webshop/ws_menu_button.png);
	background-repeat: no-repeat; /* Should become repeat xy?*/
	/*background-color: #f7ec76;*/
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	line-height: 30px;
	margin-bottom: 2px;
}

.pg-button {
	/* TODO: apply background filter for IE? */
	background-image: url(images/webshop/ws_menu_button.png);
	background-repeat: no-repeat; /* Should become repeat xy?*/
	/*background-color: #f7ec76;*/
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	line-height: 30px;
	margin-bottom: 2px;
}

.menu-link-button {
	cursor: pointer;
}

.theme-button {
	cursor: pointer;
}

.theme-button-selected {
	cursor: pointer;
	/*color: #616131;*/
}

.menu-widget-panel {
}

/* ------------------------------
	 InfoPanel
   ------------------------------ */
   
.info-panel {
	/*margin-right: 15px;
	margin-top: 15px;*/
}

.info-panel-content {
	color: #c0c0c0;
	padding: 5px;
	font-size: 0.8em;
	text-align: center;
}

.info-panel-content-hover {
	color: #a06e10;
	padding: 5px;
	font-size: 0.8em;
	text-align: center;
}

.info-panel-content a:link {
	color: #c0c0c0;
	text-decoration: none;
	border-bottom: none; /*1px dotted #c0c0c0;*/
}
	
.info-panel-content a:visited {
	color: #c0c0c0;
	text-decoration: none;
	border-bottom: none; /*1px dotted #c0c0c0;*/
}
 
.info-panel-content a:hover, a:active {
	color: #c0c0c0; /*#808080;*/
	text-decoration: none;
	border-bottom: 1px dotted #c0c0c0; /*#808080;*/
}

.info-panel-content-hover a:link {
	color: #a06e10;
	text-decoration: none;
	border-bottom: none; /*1px dotted #a06e10;*/
}
	
.info-panel-content-hover a:visited {
	color: #a06e10;
	text-decoration: none;
	border-bottom: none; /*1px dotted #a06e10;*/
}
 
.info-panel-content-hover a:hover, a:active {
	color: #a06e10; /*#404040;*/
	text-decoration: none;
	border-bottom: 1px dotted #a06e10 /*#404040;*/
}

/* ------------------------------
	 PreviewImagePanel
   ------------------------------ */
   
.preview-panel {
	/*margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;*/
}

.preview-panel-content {
	padding: 2px;
}

.preview-panel-no-expl {
	color: #c0c0c0;
	font-size: 150%;
	/*text-align: center;*/
}

.preview-panel-viewport {
	padding: 1px;
}

.preview-panel-image {
	border: 2px solid #f3e473;
	cursor: crosshair;
}

/* ------------------------------
	 ThumbsPanel
   ------------------------------ */
   
.thumbs-panel {
	/*margin-left: 15px;
	margin-bottom: 15px;*/
}

.thumbs-panel-content {
	text-align: center;
	padding: 5px;
}

.thumbs-panel-no-items {
	color: #c0c0c0;
	font-size: 150%;
}

.thumb {
 	margin: 15px;
	border: 1px solid #f3e473;
}
 
.thumb-hovered {
 	margin: 15px;
 	border: 1px solid #616131;
}
 
.thumb-selected {
 	margin: 15px;
 	border: 1px solid #616131;
}
 
/* ------------------------------
	 OrderPanel
   ------------------------------ */
   
.order-panel {
	/*margin-left: 15px;
	margin-right: 15px;
	margin-top: 15px;*/
}

.order-panel-content {
	padding: 5px 10px 5px 10px;
}

.order-panel .sw-caption-label-caption {
	font-weight: normal;
}

.order-panel .sw-caption-label-text {
}

.order-panel-not-available {
	font-style: italic; 
	font-size: 80%; 
	text-align: center; 
	margin: 2px; 
	width: 100%;
}

/* ------------------------------
	 BasketPanel
   ------------------------------ */
   
.basket-panel {
	/*margin-left: 15px;
	margin-top: 15px;*/
}

.basket-panel-content {
	padding: 10px;
}

.basket-panel sw-link-button {
	font-size: 0.8em;
	font-weight: normal;
}

/* ------------------------------
	 SubmitPanel
   ------------------------------ */
   
.submit-content-panel {
}

/* ------------------------------
	 BasketContentPanel
   ------------------------------ */
   
.basket-content-panel {
}

.basket-content-panel-no-items {
	color: #c0c0c0;
	font-size: 150%;
}

.basket-content-panel-scroller {
	border: 1px solid #c0c0c0;
}

/* ------------------------------
	 CustomerContentPanel
   ------------------------------ */

.customer-content-panel {
}   

.customer-content-panel-header {
	text-align: center;
	font-weight: bold;
	color: #616131;
	height: 1.5em;
} 

.customer-content-panel-scroller {
	border: 1px solid #c0c0c0;
}

/* ------------------------------
	 RemarksPanel
   ------------------------------ */
   
.remarks-content-panel {
}

.remarks-content-panel-header {
	text-align: center;
	font-weight: bold;
	color: #616131;
	height: 1.5em;
}

.remarks-content-panel-scroller {
	/*border: 1px solid #c0c0c0;*/
	border: 0;
}

/* ------------------------------
	 OwnerPanel
   ------------------------------ */
   
.owner-panel {
}

.owner-panel-menu {
}

.owner-panel-analysis {
}

.owner-panel-analysis-frame {
	/*border is set programmatically*/
}

.owner-panel-orders-overview {
}

.owner-panel-orders-overview-orderlinks {
}

.owner-panel-orders-overview-scroller {
	border: 1px solid #f3e473;
}

/* ------------------------------
	ItemDropTarget
   ------------------------------ */

.item-drag-image {
	/* Equals thumb-selected */
	border: 1px solid #616131;
}

/* ------------------------------
	ItemDropTarget
   ------------------------------ */
   
.item-drop-target-accept-border {
	border: 2px dotted #828236;
}

/* ------------------------------
	LoginPane
   ------------------------------ */

.login-pane-text { 
}