@charset "UTF-8";
/* CSS Document */

body{background:#e5e5e5; padding:0 8px}
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #333; line-height:14px}

#container { width: 982px; margin: 0 auto; position: relative; margin-top:5px}
#center {width: 803px} 
.clear{clear:both}
/* ------- Two column layout ------- */

#navigation { float: left;margin-right: 10px;width: 169px;font-size: 1.1em;line-height: 1.2em; _margin-right:6px}
#navigation{font-size:11px; color:#333}
/*#navigation h2{background:url(../images/left/h2.gif) repeat-x;display: block;padding: 0 0 1px 10px;color: #fff; height:21px; display:block}*/
	
#content{background:#e5e5e5 url(../images/center/center_inside.gif) center top repeat-y; width:803px}
	.top{background:#e5e5e5 url(../images/center/center_top_side.gif) center top no-repeat;height:5px;_height:0}
	.btm{background: #e5e5e5 url(../images/center/center_bottom_side.gif) center bottom no-repeat; height:5px}
	.holder{margin:0 2px; background:#fff; padding: 2px; _padding-top:0}

.content{margin:10px;}

/* ------- footer section ---------------- */
#footer{font-size:10px; text-align:center; margin:0 auto; color:#999; padding-bottom:20px}
	#footer .login{width:160px; float:left}
	#footer .credits{float:right; width:800px}
	#footer .copyright{float:left; width:500px; text-align:left}
	#footer .powered{float:right; text-align:right; width:200px; padding-right:10px}
	#footer a{color:#405d97}
.holder a{color:#5b5e7f; text-decoration:none}
.holder a:hover{color:#039; text-decoration:underline}


/* ------- top subnavigation & search area in top right -------- */
/*#subnav{background:red; margin-top:-30px; z-index:1; position:relative}
#subnav{margin-left:310px; width:600px}
	#subnav ul{ list-style-type:none; xfloat:left}
	#subnav li{display:inline}
	#subnav a{display:block; float:left; padding:0 30px; line-height:24px}
	#subnav a, #subnav a:link, #subnav a:visited{color:#5b5e7f; font-size:11px; text-decoration:none}
	#subnav a:hover{color:#039; text-decoration:underline}*/

#subnav{width:982px; margin:0 auto; margin-top:-25px; position:relative; margin-bottom:20px; text-align:right}
#subnav ul{ list-style-type:none; float:left}
	/*#subnav li{display:inline}*/
	#subnav a{margin-right:10px}
	/*#subnav a{display:block; float:left; xpadding:0 30px; xline-height:24px}*/
	#subnav a, #subnav a:link, #subnav a:visited,
	#footer a, #footer a:link, #footer a:visited	{color:#5b5e7f; font-size:11px; text-decoration:none}
	#subnav a:hover,
	#footer a:hover{color:#039; text-decoration:underline}


#subsearch{float:right; padding-right:10px; width:250px; margin-top:5px; _margin-top:0}
	#subsearch input{font-size:11px; margin-right:5px;}
	#subsearch a{line-height:34px; vertical-align:bottom}
	#subsearch img{padding:0 3px}



/* ---------- novo ordo seclorum ------- */
/* navigation on the left */
.mtab,.mtop{line-height:27px; height:27px; padding-left:10px}
	.ylw{background:url(../images/left/btn_bgnormal_yellow.gif) top left no-repeat}
	.gray{background:url(../images/left/btn_bgnormal_gray.gif) top left no-repeat}
	.green{background:url(../images/left/btn_bgnormal_green.gif) top left no-repeat}
	.red{background:url(../images/left/btn_bgnormal_red.gif) top left no-repeat}
/* ---- top menu (only) colors ---- */ 
	.t_ylw{background:url(../images/left/btn_bg_yellow.gif) top left no-repeat}
	.t_gray{background:url(../images/left/btn_bg_gray.gif) top left no-repeat}
	.t_green{background:url(../images/left/btn_bg_green.gif) top left no-repeat}
	.t_red{background:url(../images/left/btn_bg_red.gif) top left no-repeat}
	.t_off{background:url(../images/left/btn_bgnormal.gif) top left no-repeat}
	.top_off{background:url(../images/left/btn_bgtopnormal.gif) top left no-repeat}

.mtop {background:url(../images/left/btn_bg.gif) top left no-repeat;}
	.mtab a:link,
	.mtab a:visited,
	.mtab a:active{font-weight:bold; color:#333; padding-left:15px; text-decoration:none}
	.mtab a:hover{color:#000}
	.mtab_list { padding: 0 10px; _padding: 0; overflow: hidden; background:#edf3fe;padding: 0 10px}
	.mtab_list li { line-height: 16px; height:20px; padding: 3px 0; border-bottom: 1px dotted #ccc; }
	.mtab_list li.last { border: 0; }
	.mtab_list li a {background: url(../images/left/bon.gif) no-repeat; padding-left: 23px; _Xpadding: 0 0 0 18px; color:#405d97; }
	.mtab_list li a{text-transform:capitalize}
	.mtab_list li a:hover {background: url(../images/left/bo.gif) no-repeat;}
	.mtab_list a{text-decoration:none}
	.mtab_list a:hover{color:#003399}
	.mtab_list a.selected{font-weight:bold; color:#c00!important;background: url(../images/left/bo.gif) no-repeat;}
	.mtab_end{background:transparent url(../images/left/box_btm.gif) no-repeat; height:6px}

.light_grey {background:url(../images/left/light_grey.gif) center left no-repeat; padding-left:20px; margin-left:5px}
.light_red {background:url(../images/left/light_red.gif) center left no-repeat; padding-left:20px; margin-left:5px}
.light_yellow {background:url(../images/left/light_yellow.gif) center left no-repeat; padding-left:20px; margin-left:5px}

.light_green {background: transparent url(../images/left/light_green.gif) center right no-repeat; padding-right:60px; xmargin-left:10px; position:relative}

.arrow_down {background: url(../images/left/arrow_down.gif) center left no-repeat}	
.arrow_up {background: url(../images/left/arrow_up.gif) center left no-repeat;}
.arrow_left {background: url(../images/left/arrow_left.gif) center left no-repeat; margin-left:10px; line-height:10px}
.arrow_right {background: url(../images/left/arrow_right.gif) center left no-repeat;}
.arrow_right2 {background: url(../images/left/arrow_right.gif) center center no-repeat;}


#breadcrumb, #breadcrumb a{color:#999; font-size:11px}
	#breadcrumb li {float: left;text-indent: 0;white-space: nowrap;}
	#breadcrumb li a{margin-top: 1px;padding:0 10px}
	#breadcrumb li a:hover{color:#039}
/*--------  center top navigation ------ */
/*#center_top{background:#e5e5e5 url(../images/center/center_top_nav_bg.gif) 0 0 no-repeat; height:38px}
#center_top{font-size:11px}
#center_top ul,#center_top ol {float: left;list-style: none}
#center_top li {display: inline;text-indent: 0}
#center_top a, #center_top span{display: block;float: left;padding: .95em 10px;color: #405d92}		
#center_top a:hover {text-decoration: none;color: #000;color: #0085cf}

		

#user_nav {margin-top: 1px;margin-right: 30px;position: relative;float: right;min-height: 2.95em;}
#user_nav ul {padding: .795em 0 .795em 2px;float: left;}
#user_nav a {padding-top: 2px;padding-bottom: 2px;border-right: 1px solid #cfcfcf; padding-left:20px}
#user_nav #u_cart a {border-right: 0;}*/

/* ---- calendar ------ */
#cal {border-collapse:collapse; width:140px;color:#6f7a8d; text-align:center; margin:0 auto;font-size:11px}
	#cal .cal_month{font-weight:bold; color:#333}
	#cal .cal_days{background:#edf3fe url(../images/calendar/cal_td_bg.gif) no-repeat; text-align:center}
	#cal .selected{font-weight:bold;color:#fff; background:url(../images/calendar/cal_on.gif) no-repeat}
	#cal td .cal_days:hover{background:#fff}
	.cal_days,.selected{height:18px}
	.left_title {font-weight: bold;font-size:12px;padding-left: 16px;}

/* ----- center - content --- */
h1,h2,h3{ font-weight:normal}
h1{font-size:20px; padding:4px 0; line-height:normal; margin:0 0 0 10px}
h2{font-size:14px; color:#69c; margin:-6px 0 0 10px; padding:0; letter-spacing:-1px}
h3{font-size:12px; color:#4f6b8c; margin:-6px 0 0 10px; padding:0; letter-spacing:-1px}
td h2{font-size:14px; color:#69c; margin:-6px 0 0 0px; padding:0; letter-spacing:-1px}
td h1{font-size:20px; padding:4px 0; line-height:normal; margin:0}
.aligncenter{text-align:center; margin:0 auto}
/*.hr{border:1px dotted #c00; margin:5px 0}*/
.hr{background:transparent url(../images/ui/hr.gif) 0 0 repeat-x; height:5px; margin:5px auto; text-align:center}
.hrv{background:transparent url(../images/ui/hrv.gif) 0 0 repeat-x}
/* page navigation */
.pagenav {margin-right:23px; margin-bottom:10px; font-size:11px; text-align:right; color:#666; }
	.pagenav a.previous { color:#333; text-decoration:none; padding-left:9px; background:url(../images/left/arrow_left.gif) no-repeat 0 .3em; }
	.pagenav a.next { color:#333; text-decoration:none; padding-right:8px; background:url(../images/left/arrow_right.gif) no-repeat 100% .3em; }
	.pagenav .pages { display:inline; padding:0 2px; }
	.pagenav .pages a { padding:0 4px; border-right:1px solid #aaa; color:#555; }
	.pagenav .pages a:hover{color:#039}
	.pagenav .pages a.last { border-right:0; width:auto !important; float:none !important; background:none; }
	.pagenav .pages .active { font-weight:bold; color:#7a869d; text-decoration:none; font-size:1.3em; cursor:default; }
	.pagenav a.disabled { opacity:0.5; filter:alpha(opacity=50); }
	.pagenav a.disabled:hover { text-decoration:none; cursor:default }

#content p{font-size:11px}
/*#content a{color: #405d92; font-size:11px}
#content a:hover{color:#003399}*/

#col_left, #col_right{width:385px}
	#col_left{float:left; padding-right:5px; border-right:1px dashed #c00}
	#col_right{float:right; padding-left:5px}
	#double_cols{}

/* --- store page ---- */
/*#.info{background:url(../images/store/info.gif) 0 1px no-repeat; padding:0 20px 5px 0}*/



.selekt{font-size:10px; text-align:center}
	.selekt_center a{margin:0 auto; text-decoration:none!important}
	.selekt a{background: transparent url(../images/buttons/select_off.gif) 0 0 no-repeat;height: 23px;width:74px; display:block; line-height:24px}
	.selekt a:hover{background: transparent url(../images/buttons/select_on.gif) 0 0 no-repeat}
	.selekt a{text-decoration:none; color:#333!important}
	.select a:hover{color:#4d6a8a!important}

.boxx ul{text-align:center}
	.boxx h2 a{color:#4d6a8a; text-decoration:none; font-size:16px!important; line-height:24px}
	.boxx h2 a:hover{color:#4539be!important}
	.boxx .moreinfo{color: #405d92; font-size:10px; text-decoration:none}
	.boxx .moreinfo:hover{color:#4539be!important}

/*a.button {background: transparent url(../images/buttons/bg_button_a.gif) no-repeat scroll top right;display: block;
float: left;height: 24px;padding-right: 18px; text-decoration:none; font-weight:bold; color:#333!important}

a.button span {background: transparent url(../images/buttons/bg_button_span.gif) no-repeat;display: block;line-height: 14px;padding: 5px 0 5px 18px;}
a.button:active {background-position: bottom right;color: #000;outline: none;}
a.button:active span {background-position: bottom left;padding: 6px 0 4px 18px;}*/

.boxx{width:185px; float:left; text-align:center}
/*.boxx .button{xmargin:10px 0 0 60px}*/
/*.boxx h2 a,.boxx h2 a:link,.boxx h2 a:visited {font-size:16px!important; color:#4d6a8a; font-weight:bold; text-decoration:none}
.boxx h2 a:hover{color:#4539be!important}*/

/* --- acccount ---- */
#account{}
/*#c_left{float:left; padding-right:5px; border-right:1px dashed #c00; width:620px}
#c_left{font-size:11px}
#c_right{float:right; padding-left:5px; width:150px}*/
.bordered {border:2px solid #cccccc}
.profiles_list{border:1px dotted #ccc; padding:10px; margin-bottom:20px; width:80%; margin:0 auto 20px auto}
.profiles_list table{margin:0 auto; width:auto}
.profiles_list h3{font-weight:bold; line-height:24px}
.profiles_list ul{font-size:11px}


/* --- data sheet --- */
.datasheet { width:100%; border-collapse:collapse}
	.datasheet th, 
	.datasheet td { font-size:11px; padding:9px 18px; vertical-align:top; text-align:left; }
/*	.datasheet ul, 
	.datasheet ul { margin-bottom:0 !important; }*/
	.datasheet th { font-weight:bold; }
	.datasheet thead th { font-size:12px; color:#fff; font-weight:bold; background:#4c4c4c url(../images/tables/thead2.gif) 0 0 repeat-x}
	.datasheet thead th.divider { border-right:none; }
	.datasheet tbody .odd{ background:#e0e4e6 url(../images/tables/thead.gif) 0 0 repeat-x; }
	
	.datasheet .odd td, .datasheet tbody .odd th{background:#e0e4e6 url(../images/tables/thead.gif) 0 0 repeat-x; }
	
	
	.datasheet .odd .divider { border-right:1px solid #fff; }
	.datasheet .even .divider { border-right:1px solid #e0e4e6; }
	.datasheet tbody td { xwidth:300px; }
/*	.datasheet tbody td ul { margin-left:16px; }*/
	.datasheet tbody tr:hover {background:#ddd}
	.table_bordered{border:1px dotted #999; padding:3px; margin-bottom:20px}
	.datasheet a{font-weight:bold}



/* ----- action box ---- */
.actions input[type="submit"],.actions input[type="button"]{background: transparent url(../images/btnGray100.PNG) no-repeat 0 0; 	border:none;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	width:100px;
	height:30px;}
.update a {background: transparent url(../images/buttons/update.gif) no-repeat 0 0;}
.update input {background: transparent url(../images/buttons/update.gif) no-repeat 0 0; height:28px; width:90px; border-style:none;}
.next a {background: transparent url(../images/buttons/next.gif) no-repeat 0 0;}
.next input {background: transparent url(../images/buttons/next.gif) no-repeat 0 0; height:28px; width:90px; border-style:none;}
.save a {background: transparent url(../images/buttons/save.gif) no-repeat 0 0;}
.save input {background: transparent url(../images/buttons/save.gif) no-repeat 0 0;  height:28px; width:90px; border-style:none;}
.edit-profile a {background: transparent url(../images/buttons/edit-profile.gif) no-repeat 0 0;  width:100px}
.edit-profile input {background: transparent url(../images/buttons/edit-profile.gif) no-repeat 0 0; height:28px; width:100px; border-style:none;}
.add-list a {background: transparent url(../images/buttons/add-list.gif) no-repeat 0 0; width:100px}
.cancel a {background: transparent url(../images/buttons/cancel.gif) no-repeat 0 0;  height:28px; width:90px; border-style:none;}
.cancel input {background: transparent url(../images/buttons/cancel.gif) no-repeat 0 0;  height:28px; width:90px; border-style:none;}
.cancel {background: transparent url(../images/buttons/cancel.gif) no-repeat 0 0;  height:28px; width:90px; border-style:none;}

.addlist {background: transparent url(../images/buttons/add-list2.gif) no-repeat 0 0;  height:28px; width:90px; border-style:none;}

.cancel {background: transparent url(../images/buttons/cancel.gif) no-repeat 0 0;  height:28px; width:90px; border-style:none;}
.add-account a {background: transparent url(../images/buttons/add-account.gif) no-repeat 0 0; width:100px}
.build-item a {background: transparent url(../images/buttons/build-item.gif) no-repeat 0 0; width:100px}
.fastrack a {background: transparent url(../images/buttons/fastrack.gif) no-repeat 0 0; width:100px}
	.fastrack a:hover,
	.update a:hover,
	.update input[type="submit"]:hover,
	.update input[type="button"]:hover,
	.next a:hover,
	.next input[type="submit"]:hover,
	.next input[type="button"]:hover,
	.save a:hover,
	.save input[type="submit"]:hover,
	.save input[type="button"]:hover,
	.edit-profile a:hover,
	.edit-profile input[type="submit"]:hover,
	.edit-profile input[type="button"]:hover,
	.cancel:hover,
	.add-list a:hover,
	.cancel a:hover,
	.cancel input[type="submit"]:hover,
	.cancel input[type="button"]:hover,
	.add-account a:hover,
	.build-item a:hover {background-position:0 -30px;}	

.actions input[type="submit"]:hover, .actions input[type="button"]:hover{background:#808490 url(../images/btnBlue100.PNG) no-repeat center center;}

.actions input[disabled]
{
	background: transparent url(../images/btnDisabled100.PNG) no-repeat 0 0;
	border: none;
	width: 100px;
	height: 30px;
	color: silver;
}

.actions input[disabled]:hover
{
	background: transparent url(../images/btnDisabled100.PNG) no-repeat 0 0;
}


.actions{text-align:right; width:100%; _float:none; margin:0 auto; display:inline-table;}
/*.actions ul,.actions ol{list-style-type:none; height:1%!important}
.actions li a{float:left; display:inline; margin:0 5px}
.actions ol,
.actions li,
.actions ul{height:1%!important}
*/

.actions td{vertical-align:middle}
.actions td{padding:0 5px}
.actions a{color:#039}
.actions a:hover{color:#039}

.btnOptions input[type="submit"],.btnOptions input[type="button"]{background: transparent url(../images/images/bgBigButton.png) no-repeat 0 0; 	border:none;
	color:#FFFFFF;
	font-size:12px;	
	font-weight:bold;
	text-align:center;
	display:table;
	width:338px;
	height:87px;}

.btnOptions input[type="submit"]:hover, .btnOptions input[type="button"]:hover{background:#808490 url(../images/images/bgBigButtonHover.PNG) no-repeat center center;}

.holder a:hover {
	color:#003399;
	text-decoration:underline;
}

.info[class] {
	display:block;
}

a.info:hover {
	background-color:#E5E5E5;
	z-index:25;
}

a.info {
	color:#000000;
	position:relative;
	z-index:24;
}

a.info span {
	display:none;
}	

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:90%;
    border:1px solid #C2C2C2;
    background-color:#E5E5E5; color:#000;
    text-align: center
}

.dividerLineGray
{
	background: url(../../store2/images/common/bkgdDividerGrayTile.gif) repeat-x left bottom;
	margin: 5px 0 15px 0;
	height: 1px;
	line-height: 0;
}