/*******************************************
	layout
********************************************* */
body{
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	background: url('ims/bg_dot.png') #fff;
	font-size: 12px;
	text-align: center;
	margin: 0px;
}

#main{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	margin-top: 0px;
	text-align: left;
	width: 1450px;
	border: 1px solid #E5E8EA;
	border-top: 0px none;
	background: url('ims/lefter.png') repeat-y White;
}
.clear {
	clear: both;
}
#top{
	/** background: url('ims/p-one-logo.png'); */
	/** background-repeat: no-repeat; */
	/** height: 90px; */
	height: 76px;
	width: 100%;
	position: relative;
	margin-top: 0px;
	margin-bottom: 25px;
}
#top .topLogoBox {
	background: url('ims/PD-TX-head.png') no-repeat scroll center top transparent;
	/*background: url('ims/p-one-logo4.png') no-repeat scroll center top transparent;*/
	position: absolute;
	width: 220px;
	height: 107px;
}

#top .motto {
	position: absolute;
	margin: 16px 0px 0px 300px;
	font-size: 13px;
	font-style: italic;
	color: #888;
}
#layoutSet{
	z-index: 2;
	position: absolute;
	margin-left: 235px;
	margin-top: 12px;
	background: url('ims/screen_fade.png') no-repeat scroll 3px 5px;
	width: 20px;
	height: 20px;  
	cursor: pointer;        
	border: 1px solid white;
}
#layoutSet:hover{
	background: url('ims/screen.png') no-repeat  scroll 3px 5px;
	border: 1px dotted #ddd;
}
#lSett{
	z-index: 2;
	position: absolute;
	margin-left: 280px;
	margin-top: 12px;
	height: 20px;
	border: 1px solid #eee;
	background: #fff;
}
#lSett img{
	padding: 2px;          
	margin: 2px 3px;
	border: 1px solid #f9c101;
}
#lSett a img {
	border: 1px solid white;
}
#lSett a:hover img {
	border: 1px solid #f9c101;
}

#genHelp{
	z-index: 20;
	position: fixed;
	top: 3px;
	/** left: 30%; */
	margin-left: 250px;
	background: #FFF7DB;
	display: none;
	font-size: 12px;
	color: #DC9104;
	border: 2px solid #F9C101;
	padding: 10px 30px;
}

#lefter{
	float: left;
	width: 200px;
	margin-left: 10px;
	margin-bottom: 100px;
	background: url("ims/lefter.png") repeat-y scroll -10px 0px #00245D;
}

#pagecontent{
	float: left;
	padding: 10px;
	padding-left: 25px;
	width: 1200px;
	margin-bottom: 30px;
}

.padded {
	padding: 20px 40px;
}

/* ******************************************
	common
********************************************* */
form {
	margin: 0px;
}

a{
	text-decoration: none;
	font-family: Verdana;
	color: #666;
	font-weight: bold;
	font-size: 12px;
}
a:hover{
	color: #00194A;
}
a.slim{
	font-weight: normal;
}


div.info{
	border: 1px solid #ccc;
	color: #888;
	background: #efefef;
	padding: 10px;
}

div.alert{
	border: 1px solid orange;
	color: #82552B;
	background: #FFEBD2;
	padding: 10px;
}

div.error{
	border: 2px solid #cc0000;
	color: #cc0000;
	font-weight: bold;
	background: #FFE2E2;
	padding: 10px 30px;
	display: inline-block;
	margin: 20px;
}

a img{
	border: none;
}


h2 {
	font-size: 23px;
	font-weight: normal;
}
h3 {
	font-size: 20px;
	font-weight: normal;
}


span.sep{
	color: #ccc;
}

span.alike{
	font-weight: bold;
	font-family: Verdana;
	font-size: 12px;
}

div.br{
	clear: both;
}
hr.br{
	float: none;
	clear: both;
	border: none;
	height: 1px;
	width: 1px;
	color: white;
	background-color: white;
	margin: 0px;
}

a span.avail-OK, a span.avail-NO, a.avail-part{
	font-weight: normal;

}

span.avail-NA, span.avail-part, span.avail-OK{
	line-height: 17px;
	min-width: 17px;
	display: inline-block;
	padding: 1px;
}
span.avail-NA, span.avail-part, span.avail-OK{
	border: 1px solid #ddd;
	text-align: center;
}
span.avail-OK{
	height: 17px;
}
span.avail-NA{
	color: red;
}
span.avail-part{
	color: #708090;
}

div.lining{
	border: 2px solid #eee;
	padding: 10px;
}

div.actPanel{
	border: 1px solid #ccc;
	display: block;
	color: #00194A;
	font-weight: bold;
	padding: 10px;
	cursor: pointer;
}

div.actPanelContainer{
	border: 1px solid #ccc;
	display: block;
	padding: 10px;
}

#imageThumbnail {
	position: absolute;
	display: none;
	z-index: 30;
}
#imageThumbnail img {
	border: 1px solid #ddd;
}

.fullW {
	width: 100%;
}


/* ******************************************
	top menu
********************************************* */
#topmenu{
	position: relative;
	padding-left: 0px;
	/** background:	#00245D; */
	background: #000;
	width: 1230px;
	margin-left:220px; 
	/** top: 50px; */
	top: 44px;
	height: 30px;
}


#topmenu ul{
	margin: 0px;
	padding-left: 0px;
}


#topmenu ul li{
	margin-left: 0px;
	list-style-type: none;
	float: left;
	vertical-align: bottom;
	border-left: 1px solid #0054A5;
	border-right: 1px solid #00245D;
}

#topmenu ul li.act a {
	background: url('ims/grade_blue3.png') repeat-x #003364;
}

#topmenu ul li a{
	display: block;
	background: url('ims/grade_blue.png') repeat-x #003364;
	padding: 0px 10px 0px 10px;
	float: left;
	color: white;
	line-height: 30px;
}
#topmenu ul li a:hover{
	background: url('ims/grade_blue2.png') repeat-x;
	color: #F9C101;
}

#current-order{
	background: url('ims/corner.png') no-repeat scroll 0px 6px;
	width: 10px;
}
#topmenu ul li a.spec{
	padding-right: 5px;
}
#topmenu ul li a.spec:hover{background: #00245D; color: #DC9104;}

#topmenu ul li:last-child{	
	margin-left: 100px;
}


#topmenu .homebutt {
	float: left;
}

#topmenu .homebutt a{
	display: block;
	background: url("ims/home.png") no-repeat scroll 7px 7px;
	width: 30px;
	height: 28px;
	padding: 0px;
	margin-left: 12px;
	margin-right: 20px;
}
#topmenu .homebutt a:hover{
	background: url("ims/home_active.png") no-repeat scroll 7px 7px ;
}

#topmenu .helpbutt {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	width: 30px;
	height: 28px;
	background: url("ims/grade_blue.png") repeat-x scroll 0 0 ;
}

#topmenu .helpbutt a{
	color: white;
	display: block;
	font-weight: bold;
	background: url('ims/help.png') no-repeat 5px 0px scroll;
	width: 30px;
	height: 28px;
}
#topmenu .helpbutt a:hover {
	background: url('ims/help_active.png') no-repeat 5px 0px scroll;
}


div.label{
	position: absolute;
	top: 0px;
	right: 30px;
	width: 600px;
	height: 40px;
	padding-top: 10px;
	background: url("ims/divisions2.png") no-repeat scroll 0px -17px transparent;
	text-align: right;
	font-size: 11px;
	color: #00245D;
}

/* ******************************************
	submenu (content part)
********************************************* */
#submenu{
	border-bottom: 1px dotted #ccc;
	top: -20px;
	position: relative;
	height: 25px;
}

#submenu a{
	color: #999;
}

#submenu ul{
	padding: 0px;
	margin: 0px;
}

#submenu ul li{
	float: left;
	list-style-type: none;
	height: 25px;
	margin-left: 20px;
}
#submenu ul li a {
	padding: 0px 20px 0px 20px;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	border-top: 1px solid #ddd;
	display: block;
	line-height: 25px;
}

#submenu ul li a:hover {
	background: url("ims/grade_gray.png") repeat-x;
}

#submenu ul li:first-child{
	border-left: none;
}

#submenu ul li.act a{
	color: #00194A;
	background: url("ims/grade_gray.png") repeat-x;
}

/* ******************************************
	left menu
********************************************* */
#lefter ul{
	padding-left: 0px;
	display: block;
	margin-left: 0px;
}

#lefter ul li{
	display: block;
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

#lefter>ul>li{
	margin-top: 10px;
}

#lefter ul ul ul {
	background: url('ims/cat-bg.png') repeat-y scroll 8px 0px transparent;
	*background: none;
	padding-left: 15px;
}
#lefter>ul>ul>ul{
	background:	url("ims/1dot_white2.png") !important;
	padding-left: 16px;
}
#lefter>ul>ul>li>a.act{
	background:	url("ims/1dot_white2.png");
}
#lefter ul ul ul li {
	padding-left: 0px !important;
	*padding-left: 10px !important;
	*background: url("ims/cat-exp.png") no-repeat scroll 3px 7px transparent;
}


#lefter ul li a {
	border-top: 1px solid #0054A5 !important;
	border-bottom: 1px solid #00245D !important;
}

#lefter ul ul ul li a, #lefter ul ul li a.act {
	border-top: 0px none !important;
	border-bottom: 0px none !important;
}


#lefter>ul>li>a{
	background: url('ims/grade_blue2.png') repeat-x !important;
	color: White !important;
	font-weight: normal !important;
	padding-left: 14px;
}

#lefter>ul>li>a:hover{
	color: #F9C101 !important;
}
#lefter ul a{
	display: block;
	padding: 4px;
	font-weight: normal;
	border-top: 1px solid #D6DFD9;
}

#lefter ul ul a{
	border-top: 0px none;
	border-bottom: 0px none;
	padding: 4px;
}

#lefter>ul>ul>li>a {
	padding-left: 20px !important;
}

#lefter ul a{background: none; color: white;
	border-top: 1px solid #0054A5;
	border-bottom: 1px solid #00245D;
}

#lefter>ul>ul>li>a.act{
	border-bottom: 0px none;
}

#lefter a.active{
	background: url('ims/1dot_white2.png');
	color: #F9C101; 
	font-weight: bold;  border-bottom:0px none !important;
}

#lefter>ul>ul{
	margin-bottom: 15px;
}

/** IE7 */
#lefter li ul { *padding-left: 0px !important; }
#lefter ul li ul li { *margin-left: 10px !important; }
#lefter ul ul li ul li { *margin-left: 0px !important; }
#lefter ul ul li ul { *padding-left: 10px !important; }


#lefter ul a:hover, #lefter li.active a:hover, #lefter li.act a:hover{
	background: #00245D;
	color: #F9C101;
}


#lefter ul.outletCat li a {
	color: #FFF7D4;
} 
#lefter ul.outletCat li a.active {
	color: #FEEA00;
}
#lefter ul.outletCat li a:hover {
	color: #F9C101;
}

#lefter .catexp {
	float: left;
	/** background: url("ims/cat-exp.png") no-repeat scroll 8px 7px transparent; */
	background: url("ims/cat-expandable.png") no-repeat scroll 8px 7px transparent;
	width: 20px;
	height: 22px;
	display: block;
	*display: none;	/** IE6,IE7 */
}
#lefter .catexp:hover {
	/** background: url("ims/cat-exp_active.png") no-repeat scroll 8px 7px transparent; */
	background: url("ims/cat-expandable_active.png") no-repeat scroll 8px 7px transparent;
}

#lefter ul ul ul .catexp, #lefter ul ul ul .catexp:hover {
	/* background-position: 4px 7px; */
}
#lefter .catinexp {
	float: left;
	background: url("ims/cat-inexpandable.png") no-repeat scroll 8px 7px transparent;
	width: 20px;
	height: 22px;
	display: block;
	*display: none;	/** IE6,IE7 */
}



/* ******************************************
	search forms
********************************************* */
.mainSearch {
	width: 200px;
	margin-bottom: 20px;
}
.mainSearch a, .mainSearch span {
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	margin-left: 10px;
	font-family: Verdana;
}
.mainSearch a:hover {
	color: #F9C101;
}
.mainSearch input[type="text"]{
	border: 2px solid #0094D3;
	margin-left: 10px;
	width: 158px;
}
.mainSearch input[type="image"]{
	vertical-align: middle;
	color: White;
}

.fulltextSearch {
	background: url('ims/grade.png') repeat-x;	
	padding: 20px 30px;
}
.fulltextSearch span {
	display: block;
	width: 200px;
	float: left;
}
.fulltextSearch form {
	display: block;
	text-align: center;
	width: 740px;
	float: left;
}
.fulltextSearch .fullFT {
	margin-left: 20px;
}

.fulltextSearch input[type="text"]{
	width: 200px;
}
.fulltextSearch input[type="submit"]{
	margin-left: 20px;
}


.searchform {
	margin: 15px 0px;
	padding: 10px;
	border: 1px solid #F9C101;
	clear: both;
	background: #FFF7DB;
}
.searchform label, .searchform input[type="submit"] {
	margin-right: 8px;
	margin-left: 30px;
}
.searchform label{
	font-size: 11px;
}
#sf-code {
	width: 90px;
}
#sf-name {
	width: 270px;
}
#sf-brand {
	width: 110px;
}
.searchform span{
	display: inline-block;
}
.searchform form {
	text-align: center;
	display: inline;	
}
.searchform span {
	width: 80px;
	padding-left: 20px;
}
.searchform span a img {
	float: left;
	margin-right: 8px;
}

.searchform span, .fulltextSearch span {
	font-size: 13px;
	font-family: Verdana;
	color: #0054A5;
}






/* ******************************************
	breadcrumb navigation
********************************************* */
#breadcrumbs{
	margin-bottom: 15px;
	background: url('ims/grade.png') repeat-x;
}

.outletItemDetail #breadcrumbs, #pagecontent .outletCat{
	background: url('ims/grade-outlet_grn.png') repeat-x;
}
#breadcrumbs ul{
	margin: 0px;
	padding: 0px 10px;
}

#breadcrumbs ul ul{
	margin: 10px 20px 20px 20px;
}

#breadcrumbs ul li:first-child{
	background: none;
	padding-left: 10px;
}

#breadcrumbs ul li{
	display: inline;
	padding-left: 30px;
	padding-right: 20px;
	background-image: url('ims/arr-right-black.png');
	background-repeat: no-repeat;
	background-position: left center;
}


#breadcrumbs ul ul li{
	padding-left: 20px !important;
	padding-right: 35px !important;
	background: url("ims/subcategory.png") no-repeat !important;
	margin-bottom: 10px;
	display: block;
	float: left;
}
#breadcrumbs ul ul a{
	color: #888;
}
#breadcrumbs ul ul a:hover{
	color: #444;
}

#breadcrumbs{ 
	padding-bottom: 8px;
	padding-top: 10px;
	margin-bottom: 0px;
	width: 100%;
	
}

/** div.prodbc #breadcrumbs a{ */
#breadcrumbs a{
	color: #0054A5;
	font-weight: normal;
}
#breadcrumbs a:hover{
	color: #00194A;
	font-weight: normal;
}


/* ******************************************
	items table
********************************************* */

table.items{
	border-collapse: collapse;
	margin: 10px 0px;
	border-bottom: 2px solid #ddd;
	width: 100%;
}

table.items td{
	padding-left: 8px;
	padding-top: 4px;
	padding-bottom: 1px;
}

table.items .thumb {
	border-right: 1px dotted #ddd;
}
table.items tr.head td{
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid white;
	background: url('ims/grade_blue.png') repeat-x #003364;
	padding: 5px 8px;
	color: white;
}

table.items tr.head td a{
	color: white;
}
table.items tr.head td a.act{
	color: #F9C101;
}
table.items tr.head td a:hover{
	color: #F9C101;
}
table.items tr.head td.act {
	min-width: 15px;
}


table.items tr.head span.faded, table.items tr.item-faded{
	color: #afafaf;
}
table.items tr.item-odd-faded{
	color: #aaa;
}
table.items tr.item td, table.items tr.item-faded td{
	border-bottom: 1px solid #ddd;
	background: #f2f2f2;
}
table.items tr.item-odd td, table.items tr.item-odd-faded td{
	border-bottom: 1px solid #ddd;
}

table.items tr.item td.dark, table.items tr.item td.darkc, table.items tr.item td.darkr, table.items tr.item-dark{
	border-bottom: 1px solid #c8c8c8;
}
table.items tr.item-odd td.dark, table.items tr.item-odd td.darkc, table.items tr.item-odd td.darkr, table.items tr.item-odd-dark{
	border-bottom: 1px solid #c8c8c8;
	background: #ececec;
}



table.items td.lb{border-left: 1px solid #e5e5e5;}

table.items tr.head td.dark, table.items tr.head td.darkc, table.items tr.head td.darkr{
	background: url('ims/grade_blue4.png') repeat-x #002754;
}
table.items tr.item td.dark, table.items tr.item td.darkc, table.items tr.item td.darkr, table.items tr.item-dark{ background: #dedede; }

td.darkc, td.c{text-align: center; padding-right: 5px;}
td.darkr, td.r{text-align: right; padding-right: 5px;}
td.up{vertical-align: top; }

table.items td.action{
	background: #6585B8 !important;
	text-align: center;
	padding: 0px;
}

table.items tr.item-odd td.action, table.items tr.item-odd-faded td.action{ background: #359 !important; }

table.items tr.item:hover td, table.items tr.item-faded:hover td { background: #DBE8F0; }
table.items tr.item-odd:hover td, table.items tr.item-odd-faded:hover td { background: #EBF3F8; }
table.items tr.item:hover td.dark td, table.items tr.item:hover td.darkc, table.items tr.item:hover td.darkr,table.items tr.item-dark:hover { background: #CDE3EF; }
table.items tr.item-odd:hover td.dark, table.items tr.item-odd:hover td.darkc, table.items tr.item-odd:hover td.darkr,table.items tr.item-odd-dark:hover{ background: #C0DBEB; }

table.items tr.item:hover td.action, table.items tr.item-faded:hover td.action, table.items tr.item-dark:hover td.action{background: #555;}
table.items tr.item-odd:hover td.action, table.items tr.item-odd-faded:hover td.action,  
table.items tr.item-odd-dark:hover td.action{background: #333;}

table.items td.itemNote{
	padding-left: 120px;
	font-size: 12px;	
	font-style: italic;
	color: #6585B8;
}


table.items tr.summary td{
	border-top: 2px solid #666;
}


table.balsa td {
	text-align: center;
}



input.ocnt, input.ocnt-act{
	width: 25px;
}
input.ocnt{
	border: 1px solid #ddd;
	background-color: inherit;
	color: #ddd;
}

input.ocnt-act{
	background-color: #ffc;
	border: 1px solid #444;
	color: inherit;
}

input.buyBtn {
	border: 1px solid;
	border-color: #ccc #aaa #aaa #ccc;
	background: url('ims/shopping_cart.png') no-repeat scroll -4px -2px transparent;
	width: 30px;
	height: 20px;
}
input.buyBtn:hover{
	border-color: #aaa #777 #777 #aaa;
	cursor: pointer;
}
.outletItem input.buyBtn, .outletItemDetail input.buyBtn {
	background: url('ims/shopping_cart_grn.png') no-repeat scroll -4px -2px transparent;
	border-color: #5c9600 #446f00 #446f00 #5c9600;
}
.outletItem input.buyBtn:hover, .outletItemDetail input.buyBtn:hover {
	border-color: #446f00 #284200 #284200 #446f00;
}

table.items input.tabInput{
	border: none;
	background: transparent;
}

table.items div.sdescr{
	font-size: 11px;
	color: #999;
	font-weight: normal;
}

table.items input.cntInput{
	width: 30px;
	text-align: right;
	padding-right: 5px;
}

.singleItem input {
	float: right;
	margin-left: 3px;
}

.itemDescr input {
	float: left;
	margin: 0px 3px 0px 0px;	
}

.itemDescr form {
	clear: both;
	display: block !important;
}

/* ******************************************
	items list
********************************************* */
.items .name a, .singleItem .name a, .relItem .name a {
	font-size: 12px;
	font-weight: bold;
	color: #0054A5;
}

.action a {
	display: block;
	color: white;
}

.singleItem .reduced{ 
	line-height: 90%;                  
}
.singleItem .reduced a{
	font-size: 10px;                    
}

.items .outletItem .name a, div.outletItem .name a {
	color: #333;
}
.items .outletItem .code a, div.outletItem .code a{
	color: #70a078;
	/** color: #092e00; */
}

.items .name a:hover, .singleItem .name a:hover, .relItem .name a:hover {
	color: #DC9104;
}
.items .code a, .singleItem .code a, .relItem .code a {
	font-size: 12px !important;
	font-weight: normal;
}
.items .code a:hover, .singleItem .code a:hover, .relItem .code a:hover {
	color: #aaa;
}

.items .brand, .singleItem .brand {
	color: #999;
}
.items .price, .items .specprice, .items .dscnt, .items .minprice {
	text-align: right;
}
.singleItem .price {
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
}
.items .price, .singleItem .price {
	font-weight: bold;
}
.items .minprice, .singleItem .minprice, .itemDescr .minprice{
	color: #aaa;
	font-size: 11px;
}
.itemDescr .minprice {
	background: #fbfbfb;
}
.singleItem .specprice {
	float: right;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
}
.items .pheprice, .singleItem .pheprice, .itemDescr .pheprice {
	color: #aaa;
	font-size: 10px;
}


.items .formerPrice, .singleItem .formerPrice {
	color: #ccc;
	text-align: right;
	text-decoration: line-through;
}
.items .formerPrice span, .singleItem .formerPrice span{
	color: #999;
}

.singleItem .formerPrice{
	text-align: left;
	float: left;	
	margin-bottom: 0px;
	margin-top: 0px;
}

.items .dscnt, .singleItem .dscnt {
 	/** color: #901B1E; */
	color: #0054A5;
}
.singleItem .dscnt {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 1px;
	height: 15px;
	clear: both;
	float: right;
}
.itemsContainer {
	width: 100% !important;
}

.singleItem {
	background: url('ims/grade.png') repeat-x center top #fff;
	float: left;
	width: 225px;
	border: 1px solid #B6D6FF;
	margin: 5px 0px 5px 10px;
	padding-bottom: 6px;
}

div.outletItem {
	/** background: url('ims/grade_gray.png') repeat-x; */
	background: url('ims/grade-outlet_grn.png') repeat-x;
	border: 1px solid #ddd;
}

.singleItem div {
	margin: 5px 15px;
}

.singleItem .name {
	height: 35px;
	margin-top: 10px;
}
.singleItem .thumb {
	text-align: center;
	height: 140px;
	overflow: hidden;
	margin: 0px;
}
.singleItem .thumb>img {
	margin-top: 45px;
}
.singleItem .code {
	margin: 0px 15px 2px 15px;
}

.singleItem .c {
	float: left;
	margin: 0px 5px 0px 0px;
	height: 28px;
}
.singleItem .brand {
	margin-top: 0px;
	margin-bottom: 0px;
}

.singleItem .itemFooter {
	clear: both;
	margin-top: 10px;
	height: 25px;
}


.singleItem a.boInfo, .singleItem a.uboInfo, .singleItem a.ooInfo {
	display: inline-block;
	margin: 0px 0px 0px 5px;
	float: left;
}
.singleItem .octrl {
	float: right;
	text-align: right;
	width: 100px;
	margin: 0px 0px 0px 0px;
}
.singleItem .octrl input {
	margin-top:0px;
}

/* ******************************************
	order panel (gallery view)
********************************************* */
.obyPanel {
	background: url('ims/grade_blue.png') transparent;
	height: 25px;
	margin: 12px 0px;
	padding-left: 25px;
}

.obyPanel li{
	float: left;
	list-style: none;
	display: block;
	margin-right: 40px;
	height: 23px;
} 
.obyPanel li a {
	color: White;
	line-height: 23px;
}
.obyPanel li.act a, table.items tr.head td.act a {
	color: #E2FCFE;
}
.obyPanel li a:hover{
	color: #F9C101;
}

/* ******************************************
	canceled items
********************************************* */
.singleItem.canceled, .items .item.canceled, .items .item-odd.canceled{
	opacity: 0.5;
	filter: alpha(opacity=50); 
}
.singleItem.canceled:hover, .items .item.canceled:hover, .items .item-odd.canceled:hover{
	opacity: 1.0;
	filter: alpha(opacity=100); 
}

.singleItem .itemFooter .itemLabel{
	display: block;
	text-align: center;
	padding-top: 10px;
}
.singleItem .itemFooter .itemLabel, .items .item .itemLabel, .items .item-odd .itemLabel{
	color: #990000;
	font-size: 10px;
}




/* ******************************************
	navigation, page control
********************************************* */
div.navi, div.navi-bottom{
	font-size: 12px;
	margin: 15px 0px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 6px 40px;
	text-align: left;
	clear: both;
}

div.pagecontrol{
	width: 90%;
	display: inline;
}
div.pagecontrol a{
	display: inline-block;
	padding:0px 1px;
	font-weight: normal;
	color: #0054A5;
}

div.pagecontrol .alike a:first-child {
	padding-left: 0px;
}
div.pagecontrol span.act{	color: #F9C101; }
div.pagecontrol span.sep{	font-weight: normal; }
div.pagecontrol form{
	position: absolute;
	vertical-align: middle;
	margin-top: -3px;
	margin-left:  470px;
	float: right;
}

div.pagecontrol form .arrs{
	display: inline-block;
	width: 42px;
	min-height: 3px;
	vertical-align: top;
	line-height: 20px;
}

span.pgBy{
	float: right;
	margin-right: 40px;
}

span.pgBy, span.pgBy a{
	font-size: 11px;
	font-weight: normal;
	color: #999;
	padding: 2px;
}


span.pgBy a.act{
	border: 1px solid #F9C101;
}


div.pageCntrlShort{
	display: inline;
	width: 90%;
	background-color: red;
	border: 5px solid black;
}


div.navi img, div.navi-bottom img{	vertical-align: middle;  }

div.vscontrol{
	display: block;
	float: right;
	margin-top: -2px;
}
div.vscontrol img {
	border: 1px solid white;
}
div.vscontrol a.act img {
	border: 1px solid #F9C101;
}
div.vscontrol a {
	padding: 0px 2px;
}






/* ******************************************
	float panel
********************************************* */

div.floatPanel{
	z-index:10;
	background-color: #efefef;
	position: absolute;
	border: 2px solid #ddd;
	/*
	width: 400px;
	height: 300px;
	*/
	padding-bottom: 15px;
}

div.floatPanel div.floatHeader{
	height: 20px;
	z-index: 10;
	background: url('ims/grade_blue.png') repeat-x #003364;
	display: block;
	color: white;
	vertical-align: bottom;
	cursor: move;
}

div.floatPanel div.floatTitle{
	padding: 3px 30px 3px 10px;
	float: left;
	cursor: move;
	font-weight: bold;
}

div.floatPanel div.cont{
	padding: 20px;
}

div.floatPanel div.close,  #evItemInfo div.close {
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-color: #00245D;
	background-image: url('ims/x_fade.png');
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
	font-size: 10px;
}


/* ******************************************
	form
********************************************* */
input .ocnt{
	width: 20px;
}


div.form input, div.form textarea{
	margin-bottom: 10px;
	display: block;
	float: left;
}

div.form input.right{
	float: right;
}

div.form input{width: 120px;}
div.form input.short{width: 40px;}
div.form input.long{width: 280px;}
div.form input[type="submit"], div.form input.free{width: inherit;}
div.form input[type="checkbox"] {width: inherit; margin-left: 10px; margin-right:10px; }


div.form label{
	width: 140px;
	padding-right: 20px;
	text-align: right;
	float: left;
	margin-bottom: 10px;
	font-size: 12px;
}

div.form label.longLabel{
	width: auto;
}
div.form label.leftLabel{
	width: auto;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding-top: 3px;
}

div.form br{
	clear: left;
}

div.form input.mandatory, select.mandatory, textarea.mandatory{
	border: 1px solid red;
}



#oCntrls, #oSpecCntrls {
	margin-top: 30px;
}

#oCntrls #sas {
	float: right;
}



/* ******************************************
	product detail
********************************************* */
div.logoBox {
	width: 100px;
	min-height: 20px;
	padding-top: 30px;
	float: left;
}


div.prodTitle{
	background: url("ims/grade_blue.png") repeat-x #003364;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 17px;
	color: white;
	font-family: verdana;
}
div.prodTitle.outletTitle {
	background: url("ims/grade_green.png") repeat-x #599300;	
}

div.prodTitle span.code{
	color: #CADEF3;
	margin-right: 20px;
	margin-left: 12px;
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
}
div.prodTitle.outletTitle .code {
	color: #EAF3C9;
}

table.itemDescr td{
	padding: 6px 20px 4px 30px;
	border-bottom: 1px dotted #eee;
}
table.itemDescr tr td:first-child {
	border-bottom: 1px dotted #ddd;
	padding-left: 20px;
}


table.itemDescr tr:first-child td:first-child {
	border-top: 1px dotted #ddd;
}
table.itemDescr tr:first-child td:last-child{
	border-top: 1px dotted #eee;
}

table.itemDescr td.price{
	font-weight: bold;
}
table.itemDescr td.brand{
	color: #aaa;
}

table.itemDescr td.title{
	font-size: 12px;
	color: #888;
	background: #f6f6f6;
	padding-right: 40px;
}

table.itemDescr{
	margin: 10px 0px;
	border-collapse: collapse;
}

table.itemDescr tr.highlighted td {
	background-color: #f6f6f6;
}
table.itemDescr tr.highlighted td.title {
	background-color: #eee;
}
table.itemDescr tr.highlighted td span {
	font-weight: bold;
	font-size: 11px;
}

div.productImage{
	width: 400px;
	margin: 10px;
	margin-left: 50px;
	float: right;
	text-align: center;
}

div.shortDescr{
	margin: 20px 50px 20px 0px;
	font-size: 12px;
	width: 400px;
}

div.prodHead{
	border-bottom: 1px dotted #ddd;
}

div.prodMain{
	width: 760px;
	float: left;
}

div.prodMain>div{
	margin: 30px 0px;
}

div.prodSider{
	width: 250px;
	height: 100%;
	float: right;
}

div.prodImgs{
	margin: 20px 0px 10px 25px;
	width:250px;
}
div.prodImgs div{
	width:70px;
	height: 60px;
	float: left;
}
div.prodImgs a{
	width:70px;
	height: 60px;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
div.prodImgs a img {
	border: 1px solid #fff;
}
div.prodImgs a:hover img {
	border: 1px solid #F9C101;
}
div.prodMain .longDescr {
	text-align: justify;
}
div.prodMain .techDescr table {
	/** width: 100%; */
	border-collapse: collapse;	
}
div.prodMain .techDescr table td {
	border: 1px solid #ddd;
	padding: 5px 50px 5px 10px;
}
div.prodMain .techDescr table tr td:first-child {
	background: #f6f6f6;
}

div.prodMain .longDescr a, div.prodMain .techDescr a, div.prodMain .itemDld a {
	color: #0054A5;	
}
div.prodMain .longDescr a:hover, div.prodMain .techDescr a:hover, div.prodMain .itemDld a:hover {
	color: #F9C101;
}

div.prodMain .longDescr .faultSpec {
    background: #f3fbe6 none repeat scroll 0 0;
    border: 1px solid #000;
    color: #222;
    font-size: 15px;
    margin-bottom: 40px;
    padding: 10px 20px;
}

div.itemVideo {
	text-align: center;
}
div.itemVideo .video{
	margin-top: 10px;
	margin-bottom: 20px;
}

div.itemDld table{
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0px 20px 0px;
}
div.itemDld table tr td {
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
}
div.itemDld table tr td a {
	color: #0054A5;
}
div.itemDld table tr td a:hover {
	color: #dc9104;
}
div.itemDld table tr td img {
	float: left;
	margin-right: 10px;
}
div.itemDld table .dldDescr {
	font-size: 11px;
}
div.itemDld table .dldDate {
	text-align: right;
	font-size: 10px;
}

div.prodRels, div.rightBox {
	margin: 5px 0px;
	float: right;
	width: 235px;
}
div.prodRels .relBox, div.rightBox{
	border: 1px solid #ddd;
	margin-top: 20px;
}

div.rightBox ul {
	margin-left: 10px;
	padding-left: 0px;
}
div.rightBox ul li {
	list-style: none;
	margin-left: 10px;
}
div.rightBox a {
	color: #0054A5;
	font-size: 11px;
}
div.rightBox a:hover {
	color: #dc9104;
}

div.prodRels .relBox > a , div.rightBox > a , div.rightBox .boxTitle{
	display: block;
	padding: 5px;
	background: url('ims/grade_blue.png') repeat-x #003364;
	color: white;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana;
}
div.prodRels .relBox > a:hover, div.rightBox>a:hover {
	color: #F9C101;
}
div.prodRels .relBox .relItem {
	padding: 5px;
	border-bottom: 1px dotted #eee;
}
div.prodRels .relBox .relItem .thumb {
	float: left;
	width: 65px;
	margin: 0px 10px 0px 0px;
	text-align: center;
}
div.prodRels .relBox .relItem .code {
	margin-bottom: 2px;
}
div.prodRels .relBox .relItem .name {
	height: 32px;
	overflow: hidden;
}
div.prodRels .relBox .relItem .name a {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

div.prodRels .relBox .relShowAll {
	text-align: center;
	padding: 3px;
}
div.prodRels .relBox .relShowAll a{
	color: #0054A5;
	font-size: 10px;
	font-weight: normal;
}
div.prodRels .relBox .relShowAll a:hover{
	color: #DC9104;
}



div.rightBox .itemDld {
	padding:5px 10px;
}
div.rightBox .itemDld .dldName{
	display: block;
}
div.rightBox .itemDld .dldName img{
	float: left;
	margin-right: 5px;
}
div.rightBox .itemDld .dldDescr{
	font-size: 10px;
}
div.rightBox .itemDld .dldDate{
	display: block;
	float: right;
	margin-left: 5px;
	font-size: 10px;
	padding-top: 2px;
	color: #aaa;
}

/*******************************
	item tags
********************************/
table.items .tags {
	float: right;
}
.tags span {
	display: inline-block;
	height: 16px;
	margin-right: 3px;
	vertical-align: middle;
}

.prodHead .tags span img {
	float:left;
}
.prodHead .tags span {
	padding:0px;
	color: white;
	font-size: 10px;
	padding: 2px 4px;
}
.prodHead .tags span strong {
	line-height: 16px;
	padding: 0px 5px;
}

.tags .prAction{ background: url('ims/tag-action_bg.png') repeat-x #920000; }
.tags .prDamaged{ background: url('ims/tag-damaged_bg.png') repeat-x #393939; }
.tags .prDscnt{ background: url('ims/tag-dscnt_bg.png') repeat-x #CE5900; }
.tags .prNew{ background: url('ims/tag-new_bg.png') repeat-x #920000; }
.tags .prOnDemand{ background: url('ims/tag-ondemand_bg.png') repeat-x #00846B; }
.tags .prOutlet{ background: url('ims/tag-outlet_bg_grn.png') repeat-x #72b800; color:#fff !important;}
.tags .prPrepare{ background: url('ims/tag-prepare_bg.png') repeat-x #0094BB; }
.tags .prRcmnd{ background: url('ims/tag-rcmnd_bg.png') repeat-x #8001A4; }
.tags .prSale{ background: url('ims/tag-sale_bg.png') repeat-x #D7A200; }
.tags .prUsed{ background: url('ims/tag-used_bg.png') repeat-x #8DAA19; }

.singleItem .tags {
	position: absolute;
	z-index: 3;
}



a.boInfo{
	color: White;
	background: url('ims/grade_in_backorder.png') repeat-x #dc9e00;
	border: 1px solid #FF7540;
	padding: 3px;
	margin: 2px;
}

a.uboInfo{
	color: #888;
	background-color: #ccc;
	border: 1px solid #888;
	padding: 3px;
	margin: 2px;
}

a.ooInfo{
	background: url('ims/grade_in_order.png') repeat-x #1875ff;
	border: 1px solid #0044A6;
	color: white;
	padding: 3px;
	margin: 2px;
}

.itemDescr a.ooInfo, .itemDescr a.boInfo, .itemDescr a.uboInfo {
	display: inline-block;
	margin: 0px 1px 3px 0px;
	float: left;
}


div.relItems {
	clear: both;
	margin-bottom: 30px;
}



/***************************************
 * Reklamace
***************************************/

div.newClaimForm{
	margin-top: 30px;
}

.claimLabel{
	border: 2px solid black;
	color: black;
	background: #ffc;
	padding: 3px 6px;
	font-size: 16px;
}

dl.claim{
	width: 600px;
}

dl.claim dt{
	font-weight: bold;
	color: #888;
	padding: 3px;
	background: #efefef;
	margin-top: 10px;
	border-top: 1px solid #ccc;
}

dl.claim dd{
	padding-top: 10px;
}





/***************************************
 * novinky
**************************************/
div.newsList {
	float: left;
	width: 596px;
}

div.wide{
	width: 1200px !important;
}

div.newsOne{
	margin: 10px 15px 10px 25px;
   min-height: 160px;
   width: 550px;
	border: 1px solid #EEEEEE;
   float: left;
}

div.newsOne div.title, div.newsDetail div.title{
	background: url("ims/grade_blue.png") repeat-x #003364;
	color: white;
	margin-bottom: 10px;
	padding: 5px 10px;
}
div.newsList.trivox div.title, div.newsDetail.trivox div.title {
	background: url("ims/grade_red.png") repeat-x #680000;
}

div.newsOne a.title, div.widget div.widget-title a{
	font-size: 13px;
	color: White;
}
div.newsOne a.title:hover, div.widget div.widget-title a:hover {
	color: #f9c101;
}
div.newsDetail span.title{
	font-size: 16px;
	font-weight: bold;
	color: white;
}

div.newsOne img.ico, div.newsDetail img.ico{
	float: left;
	margin: 5px 20px;
}

div.newsOne div.motto{
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

div.newsDetail div.motto{
	margin-top: 30px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	color: #0054A5;
}

div.newsOne div.newsText{
	width: 400px;
	float: right;
	text-align: justify;
	font-size: 11px;
	margin-right: 20px;
	height: 90px;
	overflow: hidden;
}

div.newsDetail div.newsText{
	width: 600px;
	padding-top: 20px;
	padding-right: 20px;
	float: right;
	font-size: 14px;
	line-height: 1.5em;
}

div.newsDetail div.navi{
	margin-top: 30px;
}

div.newsDate{
	font-size: 10px;
}
div.newsList div.newsDate, div.newsDetail div.newsDate {
	float: right;
}

a.newsLink{
	font-size: 10px;
}

div.newsDetail{

}



/***************************************
 * oblibene
**************************************/
#favWidget {
	display: inline-block;
	padding-left: 14px;
	width: 180px;
}
#addCoTf, .fav-widget, #favWidget a {
	background: url('ims/favourites_fade.png') no-repeat scroll 5px 3px transparent;
	padding: 4px 5px 3px 27px;
	color: #666;
	cursor: pointer;
	border: 1px solid white;
	line-height: 18px;
	font-weight: normal;
	display: inline-block;
}
#addCoTf:hover, .fav-widget:hover {
	background: url('ims/favourites.png') no-repeat scroll 5px 3px transparent;
}
#favWidget a{
	background: none;
	padding: 4px 5px 3px 0px;	
	margin-right: 30px;
	display: block;
	float: left;
}
#favWidget a:hover {
	color: #0054A5;
}
#favWidget a img {
	float: left;
}
.fav-widget-act{
	display: inline-block;
	cursor: pointer;
	padding: 5px 5px 2px 5px;
	border: 1px solid white;
}
#addCoTf {
	float: right;
}
#addCoTf:hover, .fav-widget:hover, .fav-widget-act:hover{
	color: #0054A5;
	border: 1px dotted #ddd;
}



/***************************************
* objednavky
**************************************/
.o-import-link {
	float: right;
	height: 20px;
	line-height: 19px;
	cursor: pointer;
}
.o-import-link img {
	float: left;
	margin-right: 5px;
}

#backToStock{
	cursor: pointer;
	padding: 10px;
	background-color: #eee;
	color: #555;
	display: block;
	float: right;
}

/***************************************
 * export
**************************************/
.exportType {
	background: #f2f2f2;
	border: 1px solid #ddd;
	margin-bottom: 40px;
}

.exportType .heading {
	background: url('ims/grade_blue.png') repeat-x #003364;
	color: White;
	padding: 8px 30px;
}
.exportType .heading h3 {
	margin: 0px;
}

.exportType .cont {
	padding: 30px;
}
.exportType hr {
	background:	#F9C101;
	color: #F9C101;
	height: 1px;
	border: medium none;
	margin: 6px 0px 26px 0px;
}

.button1, .button2 {
	color: White;
	padding: 6px;
	border: 1px solid white;
	font-weight: bold;
}
.button1 { background: url('ims/grade_btn_b.png') repeat-x #144984; }
.button2 { background: url('ims/grade_btn_o.png') repeat-x #941401; }
.button1:hover, .button2:hover {
	color: #f9c101;
}


/***************************************
 * napoveda
**************************************/
.helpcontent {
	padding:	20px 40px;
}
.helpcontent a{
	padding-left: 7px;
	padding-right: 7px;
}
.helpcontent li {
	padding:	3px 0px;
}

.helpcontent .helpswitch{
	margin-left: 20px;	
}
.helpcontent .helpswitch li {
	list-style: square;
	padding: 5px 0px;
}
.helpcontent .helpswitch li a{
	font-size: 15px;
	font-weight: normal;
}
.helpcontent .helpswitch li a:hover{
	text-decoration: underline;
}
.helpcontent p {
	margin-top: 10px;
	margin-bottom: 30px;
	line-height: 20px;
}
.helpcontent p img {
	vertical-align: middle;
	padding-bottom: 3px;
}
.helpcontent li img {
	vertical-align: middle;
}
.helpcontent h3 {
	font-size: 27px;
}
.helpcontent h5 {
	font-size: 13px;
	font-weight: bold;
	margin: 15px 0px 5px 0px;
	border-bottom: 1px dotted #ccc
}

/***************************************
 * login
**************************************/
.loginOuter {
	margin-top: 150px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}
.loginForm {
	border: 1px solid #E5E8EA;
	padding-top: 30px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}
.loginForm .inner{
	padding: 0px 50px 20px 265px;
}

.loginForm{
	background-color: #fff;
	border: 1px solid #E5E8EA;
	padding-top: 30px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}

.loginFormKE{
	background-image: url('ims/KAVAN_226_143.svg');
	background-repeat: no-repeat;
}

.loginFormSC{
	background-image: url('ims/STABLECAM_226_143.svg');
	background-repeat: no-repeat;
}

.loginForm{
	border: 1px solid #E5E8EA;
	padding-top: 30px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
}

.loginForm input[type="text"], .loginForm input[type="password"] {
	width: 125px;
}
.loginalert {
	display: block;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	margin-top: -60px;
	width: 450px;
	padding: 10px 0px !important;
}
.logout {
	margin-top: 150px;
	border: 1px solid #E5E8EA;
	padding: 30px;
	width: 450px;
	margin-left: auto;
	margin-right: auto;
	background: White;
}


/***************************************
 * main-page
**************************************/
.widget {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid #EEEEEE;
	min-height: 100px;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.widget-title {
	font-size: 13px;
	background: url('ims/grade_blue.png') repeat-x scroll 0 0 #003364;
	color: white;
	padding: 5px 20px;
	font-weight: bold;
}

.trivox .widget-title{
	background: url('ims/grade_red.png') repeat-x scroll 0 0 #680000;
}
.widget.trivox .newsOne div.title a {
	color: #6F0000 !important;
}
.widget .widget-content {
	padding: 20px;
}
.w2 .widget-content, .w3 .widget-content {
	padding: 0px;
}

.w1 {
	width: 1175px;		
}
.w2 {
	width: 465px;
}
.w3 {
	width: 690px;
	float: right;
	padding-bottom: 0px;		
}

.w4 {
	width: 455px;		
}

.w9 {
	width: 692px;
}



.w2 div.newsOne {
	margin: 8px 0px 0px 0px;
	width: 455px;
	border: 0px none;
	height: 94px;
	min-height: 65px !important;
	border-bottom: 1px dotted #eee;
}
.w2 div.newsOne img.ico {
	margin: 5px;
}
.w2 div.newsOne div.newsText {
	width: 340px;
	height: 60px;
	overflow: hidden;
	position: absolute;
	margin-left: 108px;
	margin-top: 25px;
	line-height: 15px;
}
div.newsOne div.newsText {
	line-height: 15px;
}
div.newsOne div.newsText p {
	line-height: 15px;
	margin: 0px;
	padding: 0px;
}
div.newsOne div.newsText ul {
	margin: 0px;
}
.w2 div.newsOne div.title {
	background: none;
	position: absolute;
	margin-left: 0px;
	width: 400px;
}
.w2 div.newsOne div.title a {
	color: #0054A5;
}
.w2 div.newsOne a.title{
	position: absolute;
	margin-left: 3px;
}
.w2 div.newsOne div.title a.title{
	margin-left: 97px;
	width: 213px;
	height: 18px;
	overflow: hidden;
	background: #fff;
	z-index: 10;
}
.w2 div.newsOne div.title a.title:hover {
	overflow: auto;
	height: auto;
	padding-bottom: 5px;
	color: #dc9104 !important;
}
.w2 div.newsOne a.title img {
	margin-top: 23px;
}
.w2 div.newsOne .motto {
	display: none;
}
.w2 div.newsOne .newsDate {
	color: #aaa;
	padding-top: 4px;
}



.w3 h3, .w1 h3 {
	font-size: 18px;
	padding-left: 20px;
}

.w3 .exp1, .w3 .exp2, .w3 .exp3{
	width: 230px;
	float: left;
	padding-bottom: 15px;
}

.w1 .exp1, .w1 .exp2, .w1 .exp3{
	width: 300px;
	float: left;
	padding-bottom: 15px;
}

.w3 .exp2, .w1 .exp2{
	background: #F6F6F6;
}

.w3 .exp3, .w1 .exp3 {
	float: right;
}

.w3 .exp2 h3, .w3 .exp3 h3, .w1 .exp2 h3, .w1 .exp3 h3 {
	cursor: help;
}
.w3 div.day, .w1 div.day{
	margin: 15px 20px 3px 20px;
	color: #0054A5;
	font-weight: bold; 
	font-size: 11px;
	font-family: Verdana;
	text-align: right;
	border-bottom: 1px dotted #eee;
}
.w3 div.day .dow, .w1 div.day .dow {
	float: left;
	color: #AAAAAA;
	font-weight: normal;
	font-size: 13px;
}
.w3 div.exp-item, .w1 div.exp-item{
	margin: 0px 30px 3px 30px;
	background:	url("ims/cat-exp.png") no-repeat scroll 0px 4px transparent;
	padding-left: 12px;
}

.w3 .end-of-week, .w1 .end-of-week{
	margin-left: 20px;
	margin-right: 20px;
	border: 0px none;
	border-bottom: 1px solid #ddd;
}

.w3 .widget-content {
	min-height: 531px;
}

.w3 .widget-content img.loading{
	position: absolute;
	margin-top: 150px;
	margin-left: 330px;
}




.blueInfo {
	background: #F0F7FF;
	border: 1px solid #CCE3FF;
	padding: 10px 20px;
	margin-bottom: 10px;
}
.blueInfo a {
	font-weight: normal;
}
.blueInfo a:hover {
	color: #000;
}
.blueInfo h3 {
	color: #0054A5;
	margin-bottom: 3px;
	margin-top: 3px;
}
.blueInfo a:hover h3 {
	color: #000;
}


/** exploded views */
.evSymbol{
	text-align: center;
}
.evNos{
	text-align: center;
}
a.evNo{
	text-align: center;
	border: 1px solid #ddd;
	display: inline-block;
	min-width: 17px;
	line-height: 17px;
	padding: 1px;
	margin: 2px 4px;
}
a.evNo:hover{
	background: url('ims/grade_blue.png') repeat-x #003364;
	color: white !important;
}

#overDiv { 
	position: fixed; 
	background: #000; 
	width: 100%; 
	height: 100%; 
	display: none;
	z-index: 5;
	opacity: 0.8;
	filter: alpha(opacity=80); 
	left: 0px;
}
.markerBox { 
	position: absolute; 
	border:1px solid #329FCC; 
	border-radius: 3px; 
	opacity:0.6; 
	filter: alpha(opacity=60); 
}
.markerBox:hover, #expVContent .act { 
	border: 1px solid #F9C101 !important; 
	cursor:pointer; 
	z-index: 10;
	opacity: 1.0; 
	filter: alpha(opacity=100);
}
.markerBox a { 
	display: block; 
	height:100%; 
	background:#329FCC; 
	opacity:0.3;
	filter: alpha(opacity=10); 
}
.markerBox a:hover , #expVContent .act a{ 
	background:#F9C101 !important; 
	opacity:0.1;
	filter: alpha(opacity=10); 
}
.imageContainer { 
	position: absolute; 
	top: 50px; 
	width: 100%; 
	min-height: 300px; 
	text-align: center; 
	display: none;
	z-index: 8;
}
.imageContainer img { 
	position: absolute; 
}
.imageContainer .inner { 
	text-align: left; 
	margin-left: auto; 
	margin-right: auto; 
	width: 0px; 
	height:0px; 
}
#closer { 
	padding: 15px; 
	font-size: 14px; 
	font-weight: bold; 
	color:white; 
	position: fixed; 
	right: 20px; 
	cursor: pointer; 
	z-index: 15; 
	display: none;
	background: url('ims/grade_blue.png') repeat-x #003364; 
	border: 6px solid white; 
	text-transform: uppercase;
	font-family: Arial;
}
#closer:hover { 
	background: url('ims/grade_blue.png') repeat-x #003364; 
	color: #F9C101; 
}
#closer img { 
	margin-right: 20px; 
	margin-bottom: -3px; 
}
#closer a {
	font-size:14px;font-weight:bold;color:white;font-family:Arial;
}
#otherEV {
	padding: 12px; 
	font-size: 14px; 
	font-weight: bold; 
	background: url('ims/grade_blue.png') repeat-x #003364;
	color:white; 
	position: fixed; 
	left: 20px; 
	cursor: pointer; 
	z-index: 12; 
	display: none;
	border: 6px solid white; 
	text-transform: uppercase; 
	font-family: Arial;
}
#otherEV a{ 
	color: white; 
	padding: 0px 15px; 
	text-decoration: none;
	font-size: 18px;
	font-family: Arial;
	font-weight: bold;
	background: none;
	border: 0px none;
	display: inline;
}
#otherEV a:hover{ 
	color: #F9C101 !important; 
}
#otherEV a.act{ 
	color: #F9C101; 
	text-decoration: underline 
}
#evItemInfo { 
	display: none; 
	position: absolute;  
	z-index: 20; 
	width:520px;
	min-height: 250px; 
	background: white; 
	border: 3px solid #333;
	text-align: left;
}
#evItemInfo .floatHeader { 
	color: white; 
	background: url('ims/grade_blue.png') repeat-x #003364; 
	padding: 5px 15px;
	font-weight: bolder;
	cursor: move;
}
#evItemInfo .iImage { 
	float: left;
	margin: 30px 8px 30px 15px;
	width: 220px;
	height: 140px;
	text-align: center;
	vertical-align: center;
}
#evItemInfo .itemDescr { 
	margin: 30px 20px 30px 0px;
	width: 250px;
	float: right;
}
#evItemInfo .itmLink {
	float: left;
	margin-left: 20px;
	text-transform: lowercase;
}
#evItemInfo .info, #evItemInfo .alert, #evItemInfo .error {
	clear: both;
	margin: 0px 20px 20px 20px;
}
#evItemInfo .tags {
	position: absolute;
	padding: 5px 15px;
}
#evItemInfo .tags strong {
	color: White;
   font-size: 10px;	
	line-height: 16px;
   padding: 0 5px;
}
#evItemInfo .tags img {
	float: left;
}

span.preOrderInfo, div.preOrderInfo{
	font-style: italic;
	color: blue;
}

div.brandBadge{
	width: 200px;
	height: 200px;
	/*border: 1px solid #ccc;*/
	box-shadow: 0px 0px 20px 3px rgba(180,180,180,0.2);
	margin: 20px;
	text-align: center;
	float: left;
}
div.brandBadge img {
	padding: 10px;
	-webkit-filter: grayscale(100%); 
	filter: grayscale(100%);
}
div.brandBadge img:hover {
	-webkit-filter: none;
	filter: none;
}
div.brandListAlphabeticall {
	padding: 20px;
}
div.brandListAlphabeticall h2 {
	padding-left: 40px;
	background: #f2f2f2;
	margin-top: 30px;
	margin-bottom: 0px;
	line-height: 40px;
}
div.brandListAlphabeticall ul {
	color: #ccc;
	list-style: circle;
}
div.brandListAlphabeticall ul a {
	margin-right: 10px;
}
div.categoryDescription {
	clear:both;
	padding:20px;
}

div.public-warning p {
	margin-bottom: 5px;
}