@charset "UTF-8";
/* Site Colors:
	#E44145 - red
	#58595a - grey p text
	#B3B3B3 - grey header text
	#1A1A1A - dark grey
	#F4F6F0 - beige background
	#a5a5a5 - borders
	#ebf7fe - light blue (admin)
*/

body {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0px;
	background: #FFFFFF;
}
h1 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
a {
	color: white;
	text-decoration: none;
}
a:hover {
	color: #2ae;
	text-decoration: none;
}
a.link_selected {
	color: #2ae;
	text-decoration: none;
}
table {
  border-collapse:collapse;
}
img {
	border: 0;
}

#wrapper {	
	width: 100%;
	padding: 0px;
	margin: 0px;
	height: auto;
	text-align: left;
}

/* === Header ========================= */

#header {
	margin: 0px;
	padding: 7px;
	height: 15px;
	width: auto;
	background-color: #000;
	font-family: "Trebuchet MS";
	color: white;
	font-size: 11px;
}
	.client {
		float: left; 
	}
	.logout {
		float: right; 
	}

/* === Navigation ========================= */

#navcontainer {
	padding: 0 0 0 20px;
	margin: 0px;
	background: url(../images/dlines_thin.png) repeat #222;
	height: 1%;
	width: auto;
	text-align: center;	
}
#navcenter {
	max-height: 85px;
	width: 700px;
	padding: 0 0 17px 0;
	margin: auto;
}	
	.nav ul { 
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: left;			
	}		
	.nav li {
		padding: 0 15px 7px 0;
		float: left;
	}
	.nav li.first {
		padding-top: 20px;
		padding-left: 10px;
		border-right: 1px dotted #c5c5c5;
		border-left: 1px dotted #c5c5c5;
	}
	.nav li.follow { 
		padding-top: 20px;
		padding-left: 15px;
		border-right: 1px dotted #c5c5c5;
	}
	.nav li a {
		padding: 0 0 0 10px;
		background: url(../images/nav_squares.png) no-repeat 0 top; /*custom bullet list image*/
	}	
	.nav li a:hover {
		background: url(../images/nav_square_blue.png) no-repeat 0 top; /*custom bullet list image*/
	}		
	.nav a.selected  { 
		background: url(../images/nav_square_blue.png) no-repeat 0 top; /*custom bullet list image*/
		color: #2ae;
	}
	.nav h3 {
		font-family: "Trebuchet MS";
		margin: 0;
		font-weight: normal;
		color: #fff;
		font-size: 20px;
	}
	.nav p{
		margin: 3px 0 0 0;
		color: white;
		font-size: 11px;
		padding-left: 10px;
	}		
	.nav a {
		color: #fff;
		text-decoration: none;	
	}
	.nav a:hover {
		color: #2ae;	
	}
	.nav ul ul { 
		margin: 5px 0 0 10px;
		padding: 0;
		list-style: none;	
		color: white;
		display: block;		
	}
	.nav li li a {
		color: #fff;
		font-size: 12px;
		text-decoration: none;
		margin-left: 0px;
		padding-left: 10px;
		background-attachment: scroll;
		background-image: url(../images/nav_squares_1.png);
		background-repeat: no-repeat;
		background-position: 0px 50%;
	}
	.nav li li a:hover{
		color: #2ae;
		background-attachment: scroll;
		background-image: url(../images/nav_square_blue_1.png);
		background-repeat: no-repeat;
		background-position: 0px 50%;
	}
	.nav li li a.selected  { 
		color: #2ae;
	}
	.nav ul ul.nolink { 
		margin: 5px 0 0 25px;
		padding: 0;
		list-style: none;	
		color: white;
		display: block;
	}

/* === Detail ========================= */

#detailcontainer {
	padding: 0 0 0 20px;
	margin: 0px;
	background: url(../images/black_shadow.png) repeat-x top #222;
	height: 1%;
	width: auto;
}
#centerdetails {
	height: auto;
	width: 700px;
	padding: 10px 0 10px 0;
	line-height: 2em;
	margin: auto;
}
#centerdetails_help {
	height: auto;
	width: 805px;
	padding: 10px 0 10px 0;
	line-height: 2em;
	margin: auto;
}
	.details {
		color: white;
		line-height: 1.8em;
	}
	.details h1 {
		font-family: "Trebuchet MS";
		font-size: 33px;
		font-weight: normal;
		margin: 20px 0 15px 0;
	}
	.details h2 {
		font-size: 12px;
		color: #B3B3B3;
		font-weight: normal;
		display: inline;
	}
	.details b { /* highlights NOT SET sections*/
		color: #2ae;
	}

/* === Title ========================= */
	
#containertitle {
	padding: 0 0 0 20px;
	margin: 0px;
	height: 1%;
	width: auto;
}
#containertitlesub {
	padding: 0;
	margin: 0px;
	height: 1%;
	width: auto;
}
#centertitle {
	height: auto;
	width: 670px;
	padding: 15px;
	line-height: 1.8em;
	margin: auto;
	border-left : 1px dashed #a5a5a5;
	border-right : 1px dashed #a5a5a5;
	/*-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);*/
}
#taberrortitle {
	height: auto;
	width: 670px;
	padding: 0 15px 15px 15px;
	line-height: 1.8em;
	margin: auto;
	margin-top: -7px;
	border-left : 1px dashed #a5a5a5;
	border-right : 1px dashed #a5a5a5;
	/*-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);*/
}
	.title h1 {
		font-family: "Trebuchet MS";
		font-size: 25px;
		font-weight: lighter;
		margin: 0 0 3px 0;
	}
	.title a {
		color: #000;
	}
	.title a:hover {
		color: #2ae;
	}
#containertabs {
	padding: 0 0 0 20px;
	margin: 0px;
	height: 1%;
	width: auto;
}	
	#centertabs {
		height: 34px;
		width: 685px;
		padding: 15px 15px 0 0;
		line-height: 1.8em;
		margin: auto;
		margin-bottom: -1px;
		border-left : 1px dashed #a5a5a5;
		border-right : 1px dashed #a5a5a5;
		/*-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);*/
	}
	.updBtn_Bar { 
		width: auto; 
		height: 1%; 
		padding: 1px 1px 0 0; 
		margin-left: -1px; 
	}
	.updBtn { 
		float: left; 
		padding: 3px 15px 3px 15px; 
		background: #F4F6F0; 
		border: 1px solid #a5a5a5; 
		border-bottom: 0px; 
		text-align: center; 
		margin-right: 3px; 
		margin-top: 4px;
		color: #58595a; 
		cursor: pointer;
	}
	.updBtn_Highlight { 
		float: left; 
		padding: 3px 15px 3px 15px; 
		background: url(../images/shade.png) repeat-x bottom #2ae; 
		border: 1px solid #a5a5a5; 
		border-bottom: 0px; 
		text-align: center; 
		margin-right: 3px; 
		margin-top: 4px;
		color: #fff; 
		cursor: pointer;
	}
	.updBtn_Selected { 
		float: left; 
		padding: 5px 15px 5px 15px; 
		background: url(../images/shade.png) repeat-x bottom #000; 
		border: 1px solid #a5a5a5; 
		border-bottom: 0px; 
		color: #fff; 
		text-align: center; 
		margin-right: 3px; 
		cursor: pointer;
	}

	
/* === Content Seperator Edit ========================= */

#centersep {
	height: auto;
	width: 670px;
	padding: 15px;
	line-height: 1.8em;
	margin: 15px 0 10px -15px;
	background: url(../images/dlines_light.png) repeat-x bottom #F4F6F0;

	border-top : 1px dashed #a5a5a5;
	border-bottom : 1px dashed #a5a5a5;
}
#centercontentsep {
	height: auto;
	width: 670px;
	padding: 15px;
	line-height: 1.8em;
	margin: 15px 0 10px -15px;
	background: white;
	border-top : 1px dashed #a5a5a5;
	border-bottom : 1px dashed #a5a5a5;
}
#tabcontentsep {
	height: auto;
	width: 670px;
	padding: 15px;
	line-height: 1.8em;
	margin: -15px 0 10px -15px;
	background: white;
	border-bottom : 1px dashed #a5a5a5;
}
	.seperator h1 {
		font-family: "Trebuchet MS";
		font-size: 18px;
		font-weight: lighter;
		margin: 0;
	}

/* === Fav Layout ========================= */
	
#containerfav {
	padding: 0 0 0 20px;
	margin: 0px;
	height: 1%;
	width: auto;

}
#centerfav{
	height: auto;
	width: 700px;
	padding: 0px;
	margin: auto;
	background: #F4F6F0;
	border : 1px dashed #a5a5a5;
	text-align: left;
	
}
	.fav td {
		padding: 0px 15px 5px 15px;
	}
	
	.fav span {
		color: #58595a; 
	}
	.fav a {
		color: #58595a;
		text-decoration: none;	
	}

	.fav a:hover {
		color: #2ae;	
	}
	
	td.favDark { background-color:#F4F6F0; vertical-align: middle; border-bottom : 1px dashed #a5a5a5;}
	td.favLight { background-color:#ffffff; vertical-align: middle; border-bottom : 1px dashed #a5a5a5;}
	
/* === Form Layout ========================= */
	
#containerform {
	padding: 0 0 0 20px;
	margin: 0px;
	height: 1%;
	width: auto;

}
#centerform {
	height: auto;
	width: 670px;
	padding: 15px;
	margin: auto;
	background: #F4F6F0;
	border : 1px dashed #a5a5a5;
	text-align: left;
	
}

	.spacer {
		padding-top: 10px;
	}
	.spacer_lrg {
		padding-top: 17px;
	}
	.form form{
		margin-top: 0;
		margin-bottom: 40px;
		text-align: left;
	}
	
	
	label{
		display:block;
		color: #58595a;
		float:left;
		width:100px;
		text-align:right;
		margin:0px 10px 0px 0px;
		line-height: 20px;
	}
	.form label.company{
		display:inline;
		color: #58595a;
		width:100px;
		text-align:right;
		margin:0px 10px 0px 10px;
		line-height: 20px;
		float:none;
	}
	
	.form .text {
		color: #58595a;
		display: inline;
	}
	
	.form input.input, textarea.input{
		width: 80%;
		
	}
	
	.form .summary_box {
		width: 535px;
		/*==== TO MATCH CLIENT P CSS ====*/	
		line-height: 18px;
	}
	
	.form .selectdir {
		width: 195px;
	}
	.form .selectimage{
		width: 250px;
	}
	
	input,textarea,select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	
	
	}
	
	.form select.input {
		width:  543px;
		
	}
	
	.form h2{
		margin : 0;
		float : right;
		color: #58595a;
		font-size: 12px;
		font-weight: normal;
		display: inline;
	}

	.form h3 {
		color: #58595a;
		font-size: 16px;
		font-weight: normal;
		float:left;
		margin-top: 0;
		margin-bottom: 15px;
	}

	.form a {
		color: #58595a;
		text-decoration: none;	
	}

	.form a:hover {
		color: #2ae;	
	}

	.form .padding {
		padding-left: 110px;
	}

	.form .asterix { color: #b10121;}

	.form .required { color: #58595a; border : 1px solid #b10121; padding : 2px; background: #ffe3df;}

	.form ul{
		width: 250px;
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
		font-size: 12px;
	}

	.form ul li a {
		color: #58595a; 
		display: block;
		padding: 3px;
		padding-left: 20px; /*link text is indented 25px*/
		background: url(../images/con_arrow.gif) no-repeat 4px center; /*custom bullet list image*/ 
		text-decoration: none;
		text-align: left;
	}

	.form ul li a:hover {
		color: #000000;
		background: url(../images/empty_arrow.gif) no-repeat 4px center; /*custom bullet list image*/ 	
	}
	
	.image_container {
		float:left;
		padding: 15px 15px 25px 0;
	}
	.form .product_image {
		width: 200px;
		height: 295px;
		text-align: left;
		border: 1px solid #a5a5a5;
		background: white;
		padding: 15px;
		margin-left: 60px;
	}
	.form .product_image .no_img_container{
		height:100px; margin-top:100px; text-align: center
	}
	
	.form .selectlength{
		width: 200px;
	}
	
	.form .product_image label{
		text-align: left;
		width: 200px;
	}
	.form  label.image_list{
		width: 50px;
		text-align:right;		
	}
	
	.form table {
		margin-left: 50px;
	}
	.form td {
		vertical-align: top;
	}
	
	.form .line {
		border-bottom : 1px dashed #a5a5a5;
		margin: 10px 0 10px 0;
	}
	
	.form .bottle{
		width: 100px;
		height: 308px;
		border : 1px solid #919195;
		background: #ffffff; 
		margin-top: 10px;
		margin-left: 10px;
		padding : 5px 20px 20px 20px;
		text-align: center;
		float:left;
	}

/* === Help Section ========================= */	
	
#wrapper_help {	
	width: 885px;
	padding: 0px;
	margin: 0px;
	height: auto;
	text-align: left;
	float:left;
}

#centerhelp {
	height: 1%;
	width: 800px;
	padding: 15px;	
	margin: auto;
	background: #F4F6F0;
	border : 1px dashed #a5a5a5;
	
}		
	.help h1 {
		font-family: "Trebuchet MS";
		font-size: 25px;
		font-weight: lighter;
		margin: 0 0 3px 0;
	}
	.help h2{
		font-family: "Trebuchet MS";
		font-size: 18px;
		font-weight: lighter;
		margin: 0px 0 3px 0;
		padding-top: 15px;
		padding-bottom:5px;
	}
	.help h3 {
		font-family: "Trebuchet MS";
		font-size: 14px;
		font-weight: bold;
		margin: 0px 0 3px 0;
		padding-top: 15px;
		padding-bottom:5px;
	}
	
	.help p  {
	font-size: 12px;
	color: #58595a;
	text-align: left;
	line-height: 19px;
	margin: 5px 0 5px 0;
	}
	.help table.tools   {
	font-size: 12px;
	color: #58595a;
	text-align: left;
	line-height: 19px;
	margin: 5px 0 5px 0;
	}
	.help table.tools td {
		padding-right: 10px;
	}
	
	.help strong {
		color: #000;
	}
	.help blockquote {
		margin: 5px 0px 5px 20px;
	}
	
	td.help_nav {
		width:180px;
		border-right: 1px dashed #a5a5a5;
		vertical-align: top;
	}
		.help_nav ul{
		margin:0;
		width: 180px;
		list-style-type: none;
		margin-left: 0;
		padding-left: 0;
		font-size: 12px;
		}

		.help_nav ul li a {
			color: #58595a; 
			display: block;
			padding: 3px;
			padding-left: 20px; /*link text is indented 25px*/
			background: url(../images/con_arrow.gif) no-repeat 4px center; /*custom bullet list image*/ 
			text-decoration: none;
			text-align: left;
			line-height: 22px;
		}

		.help_nav ul li a:hover {
			color: #2ae;
			background: url(../images/con_arrow_blue.gif) no-repeat 4px center; /*custom bullet list image*/ 	
		}
		
		.help_nav ul ul li a {
			color: #2ae; 
			display: block;
			padding: 3px;
			padding-left: 20px; /*link text is indented 25px*/
			background: url(../images/con_arrow_blue.gif) no-repeat 4px center; /*custom bullet list image*/ 
			text-decoration: none;
			text-align: left;
			line-height: 22px;
		}

		.help_nav ul ul li a:hover {
			color: #58595a;
			background: url(../images/con_arrow.gif) no-repeat 4px center; /*custom bullet list image*/ 	
		}
		
		.help_nav ul li a.selected {
			color: #2ae;
			font-weight: bold;
			background: url(../images/con_arrow_blue.gif) no-repeat 4px center; /*custom bullet list image*/ 	
		}
		.help_nav ul ul, td.help_content ul ul {
			padding-left: 18px;
		}
		.help_nav ul ul ul, td.help_content ul ul ul {
			padding-left: 18px;
		}
	
	td.help_content {
		padding-left:20px;
		vertical-align: top;
	}

		td.help_content ul{
			list-style-type: none;
			margin: 0;
			padding-left: 0;
			font-size: 12px;
		}
		td.help_content ul li {
			color: #58595a; 
			display: block;
			padding: 3px;
			padding-left: 20px; /*link text is indented 25px*/
			background: url(../images/con_arrow.gif) no-repeat 4px 7px; /*custom bullet list image*/ 
			text-decoration: none;
			text-align: left;
			line-height: 19px;
		}


		td.help_content ul li a {
			color: #2ae; 
			display: block;
			text-decoration: none;
			text-align: left;
			line-height: 19px;
		}

		td.help_content ul li a:hover {
			color: #000;
			background: url(../images/empty_arrow.gif) no-repeat 4px center; /*custom bullet list image*/ 	
		}
		td.help_content a.link {
			color: #2ae;
			display: inline;
		}
		td.help_content a:hover.link {
			color: #000;
			display: inline;
		}
	
	
	
	
/* === Form Button ========================= */	

.btn { line-height: 1.1em; display: block; position: relative; background: #aaa; padding: 5px; float: left; margin: 15px 10px 0 0; text-decoration: none; cursor: pointer; }
a.btn { color: #fff; }
a:hover.btn { color: #000; }
.btn * { font-style: normal; background-image: url(../images/btn.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #9d4; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #58595a; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../images/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #58595a; }

/* === Table List Layout ========================= */

#containerlist {
	padding: 0;
	margin: 0 0 0 20px;
	height: 1%;
	width: auto;

}
#containerlistmedia {
	padding: 0;
	margin: 0 ;
	height: 1%;
	width: auto;

}
#centerlist {
	height: auto;
	width: 700px;
	padding: 0;
	line-height: 1em;
	margin: auto;
	background: #F4F6F0;
	border-right : 1px dashed #a5a5a5;
	border-left : 1px dashed #a5a5a5;
	/*-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);*/
}

	.list {
		margin-top: 0;
		margin-bottom: 0;
		text-align: left;
	}
	.list table {
		width: 100%;
		border : 0;
		text-align: left;
		padding: 0;	
		margin: 0;
	}
	.list td {
		border-bottom : 1px dashed #a5a5a5;
		margin: 0;
		padding: 2px 0 2px 0; 		
	}

	tr.title { 
		font-family: "Trebuchet MS";
		background: url(../images/shade.png) repeat-x bottom #000; 
		color: white;
		padding: 0;
	}
	tr.title a{ 
		color: white;
	}
	td.tdDark { background-color:#ffffff; vertical-align: middle; border-bottom : 1px dashed #a5a5a5;}
	td.tdLight { background-color:#F4F6F0; vertical-align: middle; border-bottom : 1px dashed #a5a5a5;}
	
	.list span.hidden {
		color: #E44145;
	}
	.list a {
		color: #58595a;
		text-decoration: none;	
		margin: 0;
		padding: 0;
	}

	.list a:hover {
		color: #2ae;	
	}
	
	.list span.modified {
		color: #58595a;	
		font-size: 10px;
	}
	
	td#admin_menu_name { width: 240px; padding-left: 13px;}
	td#admin_location { width: 135px; }
	td#admin_position { width: 65px; }
	td#admin_status { width: 100px; }
	td#admin_tools { width: 160px; }
	
	td#module_name { width: 235px; padding-left: 13px;}
	td#module_page { width: 140px; }
	td#module_position { width: 40px; }
	td#module_status { width: 160px; }
	td#module_tools { width: 125px; }
	
	td#media_name { width: 215px; padding-left: 13px;}
	td#media_format { width: 70px; }
	td#media_sequence { width: 95px; }
	td#media_status { width: 70px; }
	td#media_size { width: 90px; }
	td#media_tools { width: 160px; }
	
	td#user_name { width: 525px; padding-left: 13px;}
	td#user_permission { width: 100px; }
	td#user_tools { width: 75px; }
	
	td#extra_name { width: 500px; padding-left: 13px;}
	td#extra_price { width: 100px; }
	td#extra_tools { width: 100px; }
	
	
/* === Client Price List ========================= */		

#price {
	height: auto;
	width: 700px;
	padding: 0;
	line-height: 1em;
	margin: -10px 0 -16px -36px;
	background: #F4F6F0;
	border-right : 1px dashed #a5a5a5;
	border-left : 1px dashed #a5a5a5;
	/*-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);*/
}
		
	#priceform {
		height: auto;
		width: 400px;
		padding: 15px;
		line-height: 3em;
		margin: auto;
		background: #F4F6F0;
		border : 1px dashed #a5a5a5;
		text-align: left;
	}
	#pricetitle {
		height: auto;
		text-align: left;
		width: 400px;
		padding: 15px;
		line-height: 1.8em;
		margin: auto;
		border-left : 1px dashed #a5a5a5;
		border-right : 1px dashed #a5a5a5;
	}
	.form input.price, textarea.price, select.price{
		width: 250px;
	}
	 h1.price {
		font-family: "Trebuchet MS";
		font-size: 18px;
		font-weight: lighter;
		margin-top: -10px;
		padding: 0;
	}
	
	#tool_container {
		padding: 0;
		margin: -37px 0 0 580px;
		height: 1%;
		width: 100px;
		text-align: right;
		float: right;
		position: absolute;
		z-index: 200;
	}
	
/* === Toggle List ========================= */	

	.toggle {
		margin-top: 0;
		margin-bottom: 0;
		text-align: left;
	}
	.toggle table {
		width: 100%;
		border : 0;
		text-align: left;
		padding: 0;	
		margin: 0;
	}

	.toggle td {		
		margin: 0;
		padding: 2px 0 0px 0; 		
	}

	td.l1Dark { background-color:#ffffff; vertical-align: middle; border-bottom : 1px dashed #a5a5a5;}
	td.l1Light { background-color:#F4F6F0; vertical-align: middle; border-bottom : 1px dashed #a5a5a5;}
	
	td.l2Dark { background-color:#F4F6F0; vertical-align: middle; border-bottom : 1px dashed #a5a5a5;}
	td.l2Light { background-color:#F4F6F0; vertical-align: middle; border-bottom : 1px dashed #a5a5a5;}
	
	td.m2Dark { background-color:#ffffff; vertical-align: middle; border-bottom : 1px dashed #a5a5a5;}
	td.m2Light { background-color:#F4F6F0; vertical-align: middle; border-bottom : 1px dashed #a5a5a5;}
	
	td.l3Dark { background-color:#ffffff; vertical-align: middle; border-bottom : 1px dashed #a5a5a5;}
	td.l3Light { background-color:#ffffff; vertical-align: middle; border-bottom : 1px dashed #a5a5a5;}
	
	.toggle span.hidden {
		color: #E44145;
	}
	.toggle a {
		color: #58595a;
		text-decoration: none;	
		margin: 0;
		padding: 0;
	}

	.toggle a:hover {
		color: #2ae;	
	}
	
	.toggle span.modified {
		color: #58595a;	
		font-size: 10px;
	}
	
	/* Paginate */
	
	#alpha {
		margin: 10px 5px 5px 5px;
		padding-bottom: 10px;
		text-align: center;
		border-bottom : 1px dashed #a5a5a5;
	}
	.toggle a.paginate , .fav a.paginate{
		margin-right:5px;
		border: 1px solid #a5a5a5;
		padding: 2px 6px 2px 6px;
		text-decoration: none;
		color: #58595a;
		background-color: #fff;
	}
	.toggle a.paginate:hover, .fav a.paginate:hover {
		background-color: #ebf7fe;
		color: #58595a;
		text-decoration: underline;
	}
	.toggle a.current, .fav a.current {
		margin-right:5px;
		border: 1px solid #a5a5a5;
		padding: 2px 6px 2px 6px;
		cursor: default;
		background: url(../images/shade.png) top #2ae;
		color: #fff;
		text-decoration: none;
	}
	
/* === Paginator ========================= */
	
#containerpage {
	padding: 0;
	margin: 0px;
	height: 1%;
	width: auto;
}
#centerpage {
	height: auto;
	width: 670px;
	padding: 15px;
	line-height: 1.8em;
	margin: auto;
	border-left : 1px dashed #a5a5a5;
	border-right : 1px dashed #a5a5a5;
	border-bottom : 1px dashed #a5a5a5;
	/*-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);*/
}
	
	.paginate {
		font-family: "Trebuchet MS";
		font-size: 12px;
	}

	a.paginate {
		border: 1px solid #a5a5a5;
		padding: 2px 6px 2px 6px;
		text-decoration: none;
		color: #58595a;
		background-color: #fff;
	}


	a.paginate:hover {
		background: url(../images/shade.png) bottom #ebf7fe;
		color: #fff;
		text-decoration: underline;
	}

	a.current {
		border: 1px solid #a5a5a5;
		font: 12px "Trebuchet MS";
		padding: 2px 6px 2px 6px;
		cursor: default;
		background: url(../images/shade.png) top #2ae;
		color: #fff;
		text-decoration: none;
	}
	a.current:hover {
		color: #fff;
	}

	span.inactive {
		border: 1px solid #999;
		font-family: "Trebuchet MS";
		font-size: 12px;
		padding: 2px 6px 2px 6px;
		color: #999;
		cursor: default;
	}
	.pageitems {
		float: right; 
		margin-top: -20px;
		padding: 0;
		position: relative;
	}
	

/* === Error Message ========================= */

#message {
	margin-top: 0.6em;
	margin-bottom: -15px;
	margin-left: -15px;
	margin-right: -15px;
	padding:  12px 12px 12px 50px;
	color: #58595a;
}
	.error {	
	border-top : 1px solid #b10121;
	border-bottom : 1px solid #b10121;
	background: #ffebe8;
	background-image: url(../images/icon_error.png); /*custom bullet list image*/ 
	background-repeat: no-repeat;
	background-position: 15px 5px;
}

#message ul{
	margin: 2px 0 0 15px;
	padding: 0;
	list-style-image: url(../images/con_arrow.gif); /*custom bullet list image*/ 
	line-height: 1em;
}


#message li {
	padding: 3px;
	text-align: left;
}

	.success {
	border-top : 1px solid #aee756;
	border-bottom : 1px solid #aee756;
	background: #f7fde5;
	background-image: url(../images/icon_success.png); /*custom bullet list image*/ 
	background-repeat: no-repeat;
	background-position: 15px 5px;
}

	.success a {
	color: #58595a;
	text-decoration: underline;
}

/* === Clearer ========================= */

.clearer {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
}

/* === Footer ========================= */	

#footer {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	background-color: #fff;
}
#footer p {
	color: #58595a;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	font-size: 10px;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #2ae;
	text-decoration: none;
}
#footer a:hover {
	color: #2ae;
	text-decoration: none;
}

/* === Login ========================= */	

#logcontainer {
	width: 300px; 
	margin-top: 30px
}
.login { 
	background: url(../images/dlines_thin.png) repeat #222; 
	padding: 0; 
	margin: auto; 
	text-align: left;
}
	.login form{
		margin-top: 0;
		margin-bottom: 0;
		color: white;
		line-height: 2em;
	}
	
	.login label{
		display:block;
		color: #fff;
		float:left;
		width:80px;
		text-align:right;
		margin:0px 10px 0px 0px;
	}
	
	.login input.input, select.input, textarea.input{
		width: 60%;
	}
	
	.login h2{
		color: #fff;
		font-size: 18px;
		font-weight: normal;
		margin: 0;
		padding: 10px 0 10px 20px;
	}
	.login #message {
		margin-top: 0.6em;
		margin-bottom: 10px;
		margin-left: 0px;
		margin-right: 0px;
		padding:  12px 12px 12px 50px;
		color: #58595a;
	}
	.login .padding_left {
		padding-left: 90px;
	}
	
	/* === Round Corners ========================= */
	b.rtop, b.rbottom{display:block;background: #fff}
	b.rtop b, b.rbottom b{display:block;height: 1px;
	    overflow: hidden; background: #1a1a1a;}
	b.r1{margin: 0 5px}
	b.r2{margin: 0 3px}
	b.r3{margin: 0 2px}
	b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

	/* === Login Button ========================= */	

	.logbtn { line-height: 1.1em; display: block; position: relative; background: #aaa; padding: 5px; float: left; margin: 15px 10px 0 0; text-decoration: none; cursor: pointer; }
	a.logbtn { color: #fff; }
	a:hover.logbtn { color: #000; }
	.logbtn * { font-style: normal; background-image: url(../images/btn_black.png); background-repeat: no-repeat; display: block; position: relative; }
	.logbtn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
	.logbtn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
	.logbtn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
	.logbtn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

	* html .logbtn span,
	* html .logbtn i { float: left; width: auto; background-image: none; cursor: pointer; }

	.logbtn.blue { background: #2ae; }
	.logbtn.green { background: #9d4; }
	.logbtn.pink { background: #e1a; }
	.logbtn:hover { background-color: #58595a; }
	.logbtn:active { background-color: #444; }
	.logbtn[class] {  background-image: url(../images/shade.png); background-position: bottom; }

	* html .logbtn { border: 3px double #aaa; }
	* html .logbtn.blue { border-color: #2ae; }
	* html .logbtn.green { border-color: #9d4; }
	* html .logbtn.pink { border-color: #e1a; }
	* html .logbtn:hover { border-color: #58595a; }

/* === Special Media - Images ========================= */

#slideThumbs {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.floatSlide a img{
	padding: 7px;
	background: white;
  	border: 1px dashed #a5a5a5;
  }
.floatSlide a:hover img{
	padding: 7px;
  	border:  1px solid #2ae;
	background: #ebf7fe;
  }
.floatSlide img.list{
	padding: 7px;
	background: white;
  	border: 1px dashed #a5a5a5;
  }
.floatSlide img.selected{
	padding: 7px;
  	border:  1px solid #2ae;
	background: #ebf7fe;
  }
.floatSlide img.hidden{
	padding: 7px;
  	border: 1px solid #a5a5a5;
	background: white;
	filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
  }
  
.floatSlide p {
	margin: 0;
	padding-top: 5px;
	text-align: center;
   }

/* === Icon Rollovers ========================= */	

#top_link_home {
	padding: 12px 0 0 35px;
	float: left;
}
#sub_link_home {
	padding: 1px 0 0 17px;
}
#top_link_directory {
	padding: 0 0 0 35px;
}
#filemanager_directory {
	padding: 13px 0 0 35px;
}
.preview_link_module {
	padding: 0 0 0 19px;
	line-height: 17px;
}
#preview_link_module {
	padding: 0 0 0 19px;
}
#top_link {
	padding: 12px 0 0 35px;
}

/* === General ========================= */

#btn_up {
	width: 30px;
  	height: 30px;
	margin-left: 2px;
	padding: 5px 0px 5px 5px;
	background-image: url(../images/up_arrow.gif); /*custom bullet list image*/ 
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
#btn_down {
	width: 30px;
  	height: 30px;
	padding: 5px;
	background-image: url(../images/down_arrow.gif); /*custom bullet list image*/ 
	background-repeat: no-repeat;
	background-position: 0px 50%;
}

#btn_add {
  	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_add.png) no-repeat 0 0;
}
	#btn_add:hover { 
	  	background-position: 0 -36px;
	}
	#btn_add span {
	  	display: none;
	}
#btn_print {
  	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_print.png) no-repeat 0 0;
}
	#btn_print:hover { 
	  	background-position: 0 -36px;
	}
	#btn_print span {
	  	display: none;
	}
	
#btn_delete {
  	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_delete.png) no-repeat 0 0;
}
	#btn_delete:hover { 
	  	background-position: 0 -36px;
	}
	#btn_delete span {
	  	display: none;
	}
	
#btn_lock {
  	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_lock.png) no-repeat 0 0;
}
	#btn_lock:hover { 
	  	background-position: 0 -36px;
	}
	#btn_lock span {
	  	display: none;
	}

#btn_preview {
  	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_preview.png) no-repeat 0 0;
}
	#btn_preview:hover { 
	  	background-position: 0 -36px;
	}
	#btn_preview span {
	  	display: none;
	}
	
	#btn_preview_simple {
	  	display: block;
		float: left;
	  	width: auto;
	  	height: 12px;
	  	background: url(../images/btn_preview_simple.png) no-repeat 0 0;
	}
		#btn_preview_simple:hover { 
		  	background-position: 0 -12px;
		}
		#btn_preview_simple span {
		  	display: none;
		}
	
	ul.preview {
		margin: 0;
		padding: 0 0 0 16px;
		line-height: 17px;
		background-image: url(../images/btn_preview_simple_1.png);
		background-repeat: no-repeat;
		background-position: 0px -1px;
		list-style-type: none;
	}

#btn_parent {
  	display: block;
	float: left;
	margin-left: 7px;
  	width: 90%;
  	height: 36px;
  	background: url(../images/btn_parent.png) no-repeat 0 0;
}
	#btn_parent:hover { 
	  	background-position: 0 -36px;
	}
	#btn_parent span {
	  	display: none;
	}
	
#btn_parent_simple {
  	display: block;
	float: left;
  	width: 80%;
  	height: 12px;
	margin-top: 10px;
  	background: url(../images/btn_parent_simple.png) no-repeat 0 0;
}
	#btn_parent_simple:hover { 
	  	background-position: 0 -12px;
	}
	#btn_parent_simple span {
	  	display: none;
	}
	
#btn_directory_simple {
  	display: block;
	float: left;
  	width: 80%;
  	height: 12px;
	margin-top: 10px;
  	background: url(../images/btn_directory_simple.png) no-repeat 0 0;
}
	#btn_directory_simple:hover { 
	  	background-position: 0 -12px;
	}
	#btn_directory_simple span {
	  	display: none;
	}
	
#btn_edit {
  	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_edit.png) no-repeat 0 0;
}
	#btn_edit:hover { 
	  	background-position: 0 -36px;
	}
	#btn_edit span {
	  	display: none;
	}
		
#btn_settings {
  	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_settings.png) no-repeat 0 0;
}
	#btn_settings:hover { 
	  	background-position: 0 -36px;
	}
	#btn_settings span {
	  	display: none;
	}
	
#btn_duplicate {
  	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_duplicate.png) no-repeat 0 0;
}
	#btn_duplicate:hover { 
	  	background-position: 0 -36px;
	}
	#btn_duplicate span {
	  	display: none;
	}

#btn_tree_line {
	float: left;
	padding-left: 10px;
}
#btn_tree_last {
	float: left;
	padding-left: 23px;
}

/* === Page ========================= */

#btn_addPage {
  	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_add_page.png) no-repeat 0 0;
}
	#btn_addPage:hover { 
	  	background-position: 0 -36px;
	}
	#btn_addPage span {
	  	display: none;
	}

#btn_editPage {
  	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_edit_page.png) no-repeat 0 0;
}
	#btn_editPage:hover { 
	  	background-position: 0 -36px;
	}
	#btn_editPage span {
	  	display: none;
	}
	
	
#btn_page_simple {
  	display: block;
	float: left;
  	width: 85%;
  	height: 12px;
	margin-top: 10px;
	overflow: hidden;
  	background: url(../images/btn_page_simple.png) no-repeat 0 0;
}
	#btn_page_simple:hover { 
	  	background-position: 0 -12px;
	}
	#btn_page_simple span {
	  	display: none;
	}

#btn_home {
  	display: block;
	float: left;
	margin-left: 7px;
  	width: 90%;
  	height: 36px;
  	background: url(../images/btn_home.png) no-repeat 0 0;
}
	#btn_home:hover { 
	  	background-position: 0 -36px;
	}
	#btn_home span {
	  	display: none;
	}

#btn_page {
  	display: block;
	float: left;
	margin-left: 7px;
  	width: 90%;
  	height: 36px;
  	background: url(../images/btn_page.png) no-repeat 0 0;
}
	#btn_page:hover { 
	  	background-position: 0 -36px;
	}
	#btn_page span {
	  	display: none;
	}	

.pageSetup {
  	display: block;	
  	width: 80%;
  	height: 36px;
  	background: url(../images/btn_settings.png) no-repeat 0 0;
}
	.pageSetup:hover { 
	  	background-position: 0 -36px;
	}
	.pageSetup span {
	  	display: none;
	}	

.colSetup {
  	display: block;	
  	width: 80%;
  	height: 36px;
  	background: url(../images/btn_edit.png) no-repeat 0 0;
}
	.colSetup:hover { 
	  	background-position: 0 -36px;
	}
	.colSetup span {
	  	display: none;
	}
/* === User ========================= */

#btn_user {
  	display: block;
	float: left;
	margin-left: 7px;
  	width: 80%;
  	height: 36px;
  	background: url(../images/btn_user.png) no-repeat 0 0;
}
	#btn_user:hover { 
	  	background-position: 0 -36px;
	}
	#btn_user span {
	  	display: none;
	}

#btn_user_simple {
  	display: block;
	float: left;
  	width: 80%;
  	height: 12px;
	margin-top: 10px;
  	background: url(../images/btn_user_simple.png) no-repeat 0 0;
}
	#btn_user_simple:hover { 
	  	background-position: 0 -12px;
	}
	#btn_user_simple span {
	  	display: none;
	}
	
	
/* === Media ========================= */

#btn_media {
  	display: block;
	float: left;
	margin-left: 7px;
  	width: 90%;
  	height: 36px;
  	background: url(../images/btn_media.png) no-repeat 0 0;
}
	#btn_media:hover { 
	  	background-position: 0 -36px;
	}
	#btn_media span {
	  	display: none;
	}

#btn_directory {
  	display: block;
	margin-left: 7px;
  	width: 80%;
  	height: 36px;
  	background: url(../images/btn_directory.png) no-repeat 0 0;
}
	#btn_directory:hover { 
	  	background-position: 0 -36px;
	}
	#btn_directory span {
	  	display: none;
	}

#btn_addImage {
  	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_add_image.png) no-repeat 0 0;
}
	#btn_addImage:hover { 
	  	background-position: 0 -36px;
	}
	#btn_addImage span {
	  	display: none;
	}

#btn_editMedia {
  	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_edit_media.png) no-repeat 0 0;
}
	#btn_editMedia:hover { 
	  	background-position: 0 -36px;
	}
	#btn_editMedia span {
	  	display: none;
	}
	
/* === Price ========================= */

#btn_delete_price {
	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_delete.png) no-repeat 0 0;
}
	#btn_delete_price:hover { 
	  	background-position: 0 -36px;
	}
	#btn_delete_price span {
	  	display: none;
	}
#btn_add_price {
	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_add_price.png) no-repeat 0 0;
}
	#btn_add_price:hover { 
	  	background-position: 0 -36px;
	}
	#btn_add_price span {
	  	display: none;
	}
#btn_edit_price {
	display: block;
	float: left;
  	width: 30px;
  	height: 36px;
  	background: url(../images/btn_edit.png) no-repeat 0 0;
}
	#btn_edit_price:hover { 
	  	background-position: 0 -36px;
	}
	#btn_edit_price span {
	  	display: none;
	}

/* === FLOATER IMAGE ========================= */

#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	height: 1px;
	z-index: 1000;
}
	#trailimageid h3 {
		font-size: 11px;
		font-weight:bold;
		color: #58595a;
	}

/* === FAVORITE BOTTLE IMAGES ========================= */

.bottle {
	width: 100px;
	height: 308px;
	border : 1px solid #919195;
	background: #ffffff; 
	margin: 0;
	padding : 5px 20px 20px 20px;
	text-align: center;
}

.bottle_SML {
	padding: 0 0px 10px 20px;
}
	.bottle_SML img{
		width: 32px;
		height: 116px;
		border : 1px solid #919195;
		background: #ffffff; 
		margin: 0;
		padding : 6px;
	}
	.fav_bottle {
		float:left;
		margin:0 22px 8px 0;
		padding:0;
		text-align:center;
	}
	.fav_bottle_list {
		float:left; 
		margin:0 16px 8px 0;
		padding:0;
		text-align:center;
	}
	.fav_bottle p, .fav_bottle_MED p {
		font-size: 10px;
		margin:0;
		padding:0;
		padding-top: 3px;
	}

.bottle_MED img{
	width: 54px;
	height: 200px;
	border : 1px solid #919195;
	background: #ffffff; 
	margin: 0;
	padding : 6px;
	
}
	.fav_bottle_MED {
		float:left;
		width: 80px;
		height: 250px; 
		margin:0 8px 8px 0;
		padding:0;
		text-align:center;
		overflow: hidden;
	}

/* === PRINT FAVORITE BOTTLE IMAGES ========================= */

#print_fav {
	width: auto;
	padding: 0px;
	margin: 20px;
	height: auto;
	text-align: left;
	font-family: "Trebuchet MS";
	color: #333;
	background: #FFFFFF;
	font-size: 12px
}
	#print_fav h1 {
		font-family: "Trebuchet MS";
		color: #333;
		background: #FFFFFF;
		font-size: 18px;
		margin-bottom: 7px;
		font-weight: normal;
	}
	#print_fav h2 {
		font-family: "Trebuchet MS";
		color: #333;
		background: #FFFFFF;
		font-size: 14px;
		font-weight: normal;
	}