/* CSS Document */

html,body {
   margin:0;
   padding:0;
   height:100%;
	MARGIN: 5px 5px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;

}
body { 
    min-height: 100%; 
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration:none;
}
a:hover {
	color: red;
	text-decoration:underline;
}

.toolbar_normal_btn {
	cursor: pointer;
	cursor: hand;
}

#Page_container {
	min-height:100%;
	position:relative;
	width:1250px; /* Left Columne = 180 - 5 from screen edge ; Space = 20 ; Main Content Columne = 850 ; Space = 20 ; Right Columne = 180 - 5 from screen edge; */
}
#Page_container {
   height:100%;
}

#Page_footer {
	position: absolute;
	left:10px;
	right:10px; 
/*	width:100%;*/ /* Keep off if your want to use LEFT and RIGHT */
	height:180px;   /* Height of the footer */
	display:none; /* Needed in the start of page load since it shows the footer at the top before javascript aligns it at the bottom. JS will then make it display */
}
#debug_window {
	position: absolute;
	left:10px;
	right:10px;
	border:dotted;
 	visibility:hidden; /* Hiding until Web Master needs it by pressing Shift D */
}

#Page_title_header {
/*	position:absolute;
	top:1px;
	left:5px;
	right:5px;
	vertical-align: middle;
*//*	width:100%;*/ /* Keep off if your want to use LEFT and RIGHT */
/*	height: 50px;*/
}

/* Title Font */
@font-face {  
		font-family: adine ;  
		src: url( /images/system/font/title.eot ); /* IE */  
		src: local("adine"), url( /images/system/font/title.ttf ) format("truetype"); /* non-IE */  }

#title_link {
	text-decoration:none;
	cursor: pointer;
	font-size: 20px;
	text-align: left;
/*	text-shadow: -1px -1px white,2px 2px #333; */
/*	text-shadow: 0px 2px 7px #004F00; /* Good Green 00C700 */
/*	color: #090; */
	vertical-align: middle;
	background:inherit;
	/* Turn on adine for the fancy Font*/
	font-family: /*adine,*/ Geneva, Arial, Helvetica, sans-serif;
}
#debug_clear_lnk {
	text-decoration:none;
	cursor: pointer;
}

.fancy_title {
	/* Turn on adine for the fancy Font*/
	font-family: /*adine,*/ Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}

#Page_bread_crumb {
	position:absolute;
	left:5px;
	right:5px;
	vertical-align: middle;
}
#Page_history_crumb {
/*	position:absolute;
	left:5px;
	right:5px;
	vertical-align: middle;
*/}

#Page_left_col {
	width:175px;
	position:absolute;
/*	top:100px; */ /* Menus should start after 50px from PAGE_HEADER + 25px from PAGE_BREAD_CRUMB + PAGE_HISTORY_CRUMB  */
	left:5px;
	padding-bottom:100px;
	
}

#Page_main_content {
	width:850px;
	position:absolute;
/*	top:100px; */  /* Should start after 50px from PAGE_HEADER + 25px from PAGE_BREAD_CRUMB + PAGE_HISTORY_CRUMB */
	left:200px;
}

#Page_right_col {
	width:175px;
	position:absolute;
/*	top:100px; */  /* Should start after 50px from PAGE_HEADER + 25px from PAGE_BREAD_CRUMB + PAGE_HISTORY_CRUMB */
	right:5px;
}

/* For background image - Set to absolute and behind everything */
img.background_image {
	position:absolute;
	left: 0;                  /* set left and right to the same value! */
	right: 0;
	margin-left: auto;        /* adding auto-margins left and right will center the element horizontally! */
	margin-right: auto;
	vertical-align: middle;
	filter: alpha(opacity=20); /* IE style */
	opacity:0.2; /* Everyone else style */
	z-index: -10;
}


.menu_trail {
	text-decoration: none;
	font-size: 12px;
/*	COLOR: #808080;
*/}
a.menu_trail
{
	font-size: 12px;

}

.menu_footer {
	font-size: 10px;
	text-decoration: none;
	color : black; /* Originally gray; - Leon */
	text-align: left;
}
a.menu_footer
{
	
}
.menu_header {
	text-decoration: none;
	font-size: 12px;
	/*color : black;*/ /* Originally gray; - Leon */
	float: right;
	text-align: right;
	vertical-align: bottom;
}

/* AJAX/Loading Timer Display with JQuery */
#jquery-loader.normal{
    border:none;
    padding-top:35px;
    background-color: transparent;
    text-align: center;
    background-image: url(/images/icons/ajax_loader_blue-circle_thickbox.gif);
    background-position: center center;
    background-repeat: no-repeat;
 
}

/* For Product Slide Popup Frame */
#product_slide {
	margin: 0 auto;
	padding: 0;
}
a:focus {
	outline: none;
}
#panel {
/*	position: absolute;
	top: 1%;
	right: 1%;
*/	
	/*background: #00C700;*/
	display: none;
	padding: 10px 10px 10px 10px;
	margin: 0 auto;
	overflow:scroll;
	overflow-x: hidden;
	font-size: 14px;
	height: 190px;
	border: inset; 
	border-color: ##00C700;
}
.slide {
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.slide_restore {
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#taxadjustment {
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
	cursor: pointer;

}

.btn-slide {
	text-align: center;
	width: 50px;
	height: 50px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

.product_frame_text {color:#000;}
span.product_frame_text:link {color:#000;}
span.product_frame_text:hover {color:red;}
span.product_frame_text:visited {color:#000;}
span.product_frame_text:active {color:red;}

#product_list_sync {
	cursor: pointer;
}
/* End pop up frame */



/* Set some Order screens colors */
.color_green {
	color: #0C0;
	
}

/* For excluding some coloring of links like in the Order screens */
.exclude {
	
}



/* The Following is for the Teaser Box */
/* http://www.456bereastreet.com/archive/200609/transparent_custom_corners_and_borders_version_2/ */

/* Default CSS for normal-white background
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(/images/system/teaser/box.png) no-repeat 100% 0;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(/images/system/teaser/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	background:url(/images/system/teaser/box.png) no-repeat 100% 100%;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(/images/system/teaser/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1 {
	padding:0 0 0 12px;
	background:url(/images/system/teaser/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 12px 0 0;
	background:url(/images/system/teaser/borders.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 10px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(/images/system/teaser/borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(/images/system/teaser/box.gif); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}
.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(/images/system/teaser/button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(/images/system/teaser/button.png);
}
.button .bb {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(/images/system/teaser/button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(/images/system/teaser/button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(/images/system/teaser/button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(/images/system/teaser/button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(/images/system/teaser/button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}

.cb li {margin-left:1em;}

/* Required IE fixes
================================================*/
/* Serve gif images to IE/Win pre version 7 */
* html .i1,
* html .i2 {background-image:url(/images/system/teaser/borders.gif);}
* html .bt,
* html .bt div,
* html .bb,
* html .bb div {background-image:url(/images/system/teaser/box.gif);}
/* Set a height to fix up some rendering issues. */
* html .i1,
* html .i3 {height:1px;}

/* Give the absolutely positioned box a width (including IE 7)*/
.one {width:70%;}

/* Custom rules for the buttons */
/* All IE versions need a width */
.button {width:20em;}
/* IE 7 does not need these */
* html .button .i1,
* html .button .i2 {background:transparent;}
* html .button .bt,
* html .button .bt div {background-image:url(/images/system/teaser/button.gif);}
* html .button .bb,
* html .button .bb div {background-image:url(/images/system/teaser/button.gif);}


/* Default CSS for transparent-white border
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb-transparent {
	margin:1em 0;
	padding:0 10px;
	border:1px solid #666;
/*	background:#fff;
*/}
.cbb-transparent h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb-transparent {margin:0.5em 0;}
	/* Top corners and border */
.bt-transparent {
	height:17px;
	margin:0 0 0 18px;
	background:url(/images/system/teaser/box-transparent.png) no-repeat 100% 0;
}
.bt-transparent div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(/images/system/teaser/box-transparent.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb-transparent {
	height:14px;
	margin:0 0 0 12px;
	background:url(/images/system/teaser/box-transparent.png) no-repeat 100% 100%;
}
.bb-transparent div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(/images/system/teaser/box-transparent.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}

	/* Left border */
.i1-transparent {
	padding:0 0 0 12px;
	background:url(/images/system/teaser/borders-transparent.png) repeat-y 0 0;
}
	/* Right border */
.i2-transparent {
	padding:0 12px 0 0;
	background:url(/images/system/teaser/borders-transparent.png) repeat-y 100% 0;
}
	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3-transparent {
	display:block;
	margin:0;
	padding:1px 10px;
/*	background:#fff;
*/}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3-transparent:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3-transparent {display:inline-block;}
.i3-transparent {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one-transparent {
	position:absolute;
	top:0;
	right:0;
}
.two-transparent {
	float:left;
	width:45%;
}
.two-transparent .i1-transparent,
.two-transparent .i2-transparent { background-image:url(/images/system/teaser/borders-transparent.gif); }
.two-transparent .bt-transparent,
.two-transparent .bt-transparent div,
.two-transparent .bb-transparent,
.two-transparent .bb-transparent div { background-image:url(/images/system/teaser/box-transparent.gif); }
.button-transparent .bt-transparent {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(/images/system/teaser/button-transparent.png);
}
.button-transparent .bt-transparent div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(/images/system/teaser/button-transparent.png);
}
.button-transparent .bb-transparent {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(/images/system/teaser/button-transparent.png);
}
.button-transparent .bb-transparent div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(/images/system/teaser/button-transparent.png);
}
.button-transparent .i1-transparent {
	padding:0 0 0 3px;
	background-image:url(/images/system/teaser/button-borders-transparent.png);
}
.button-transparent .i2-transparent {
	padding:0 3px 0 0;
	background-image:url(/images/system/teaser/button-borders-transparent.png);
}
.button-transparent .i3-transparent {
	padding:0 0.5em;
	background:#3a3d40 url(/images/system/teaser/button-transparent.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

.cb-transparent li {margin-left:1em;}

/* Required IE fixes
================================================*/
/* Serve gif images to IE/Win pre version 7 */
* html .i1-transparent,
* html .i2-transparent {background-image:url(/images/system/teaser/borders-transparent.gif);}
* html .bt-transparent,
* html .bt-transparent div,
* html .bb-transparent,
* html .bb-transparent div {background-image:url(/images/system/teaser/box-transparent.gif);}
/* Set a height to fix up some rendering issues. */
* html .i1-transparent,
* html .i3-transparent {height:1px;}

/* Give the absolutely positioned box a width (including IE 7)*/
.one-transparent {width:70%;}

/* Custom rules for the buttons */
/* All IE versions need a width */
.button-transparent {width:20em;}
/* IE 7 does not need these */
* html .button-transparent .i1-transparent,
* html .button-transparent .i2-transparent {background:transparent;}
* html .button-transparent .bt-transparent,
* html .button-transparent .bt-transparent div {background-image:url(/images/system/teaser/button-transparent.gif);}
* html .button-transparent .bb-transparent,
* html .button-transparent .bb-transparent div {background-image:url(/images/system/teaser/button-transparent.gif);}

/* End Teaser Box */