/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

body {
	background:url('../../../templates/default/images/body_tile.png') repeat-x top ;
	margin-top:180px ;
	/* border-top: 180px solid #F69E00; ffc001, f69e00,1596c2, cbdfff */
	border-bottom: 300px solid #dedede; /*f69e00,1596c2, 0d9fc4*/ 
	/*-moz-linear-gradient(top,  #04acec,  #0186ba) !important; /* for firefox 3.6+ */
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:#fff;
	margin-top: 0px;
}



/* boxes
----------------------------------------------- */
.box {
	background:#ddd;
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
}
.box h2 {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#333;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;
}
.box h2 a,
.box h2 a.visible {
	color:#fff;
	background:#333 url("../img/switch_minus.gif") 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}
.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.grid_12 .box h2 a {
	background-position: 99% 50%;
}


.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("../img/switch_plus.gif");
}
.box h2 a:hover {
	background-color:#111;
}
.block {
	padding-top:10px;
}
div.menu {
	padding:0;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0;
}





/* AJAX sliding shelf
----------------------------------------------- */
#loading {float:right; margin-right:14px; margin-top:-2px;}
.block {padding-bottom:1px;}


/* Accordian
----------------------------------------------- */
.toggler {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	font-size:1.1em;
	font-weight: normal;
}
.element h4 {
	margin: 0;
	padding:4px;
	line-height:1.2em;
}
.element p {
	margin: 0;
	padding: 4px;
}
.float-right {
	padding:10px 20px;
	float:right;
}

#accordian-block {
	padding-bottom:10px;
}


/* Mootools Kwicks
----------------------------------------------- */
#kwick-box {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px
}
#kwick-box H2 {
	MARGIN: 0px
}
#kwick {
	POSITION: relative
}
#kwick .kwicks {
	DISPLAY: block; BACKGROUND: #999; MARGIN: 0px; OVERFLOW: hidden; LIST-STYLE-TYPE: none; HEIGHT: 40px
}
#kwick LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#kwick .kwick {
	PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 215px; CURSOR: pointer; PADDING-TOP: 12px; HEIGHT: 100px
}
#kwick .kwick SPAN {
	COLOR: #fff
}
#kwick .one {
	BACKGROUND: #666
}
#kwick .two {
	BACKGROUND: #777
}
#kwick .three {
	BACKGROUND: #888
}
#kwick .four {
	BACKGROUND: #999
}

/*
#left1 {background:;}
#left2 {background:;}
#mid1 {background:;}
#mid1 {background:;}
#right1 {background:#f1f1f1;}
#right2 {background:#f1f1f1;}*/