@import "lightbox.css";
@import "dialog.css";
/* Zero space
*******************************************************************************/
html, body, p, ul, li, form, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }


/* Generic
*******************************************************************************/
body { min-width: 1000px; max-width: 1700px; background: #000000 url('img/bg.gif') repeat-x top;
	color: #000000;	font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;}
h1 { font-size: 1.7em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1em; }
h6 { font-size: .9em; }


a { color: #ED1C24; }
a:hover { color: #FF6633; }

img { border: 0; }

acronym:hover { cursor: help; }

table { margin: 1em 0; border-collapse: collapse; }
table.full { width: 100%;  }
table.half { width: 50%;  }
table td,
table th { padding: 0.2em 0.5em; color: #112344; border: 1px solid #DC132B; }
table th { text-align: left; }
table th.total { color: #ffffff; background: #DC132B url('img/bg-th.gif') repeat-x top; border-top: 0;  }
table.blank td, table.blank th { border: 0; }
table .h_center { text-align: center; }
table .h_price { text-align: right; white-space: nowrap; }
table .aright { text-align: right; white-space: nowrap; }
table .nowrap { white-space: nowrap; }
table td p.amount input { width: 1.5em; text-align: center; font-weight: bold; font-size: 0.9em; padding: 0.2em; }
table td p.amount { margin-bottom: 0.5em; }
table td p.button { margin: 0.2em 0 0 0; }
fieldset { border: none; }
textarea.full {width: 98%; }

table.blue th { color: #ffffff; background: #0086CB url('img/bg-th-blue.gif') repeat-x top; border: 1px solid #0086CB; }
table.blue td { border: 1px solid #0086CB; }
table.blue th.side { background: none; color: #112344;}

table.cart td,
table.cart th { border: 1px solid #C1C1C1; padding: 0.4em 1em; }
table.cart th { color: #000000; white-space: nowrap; background: #E6E6E6;  }

/* Common
*******************************************************************************/
hr.cleaner { clear:both; height:1px; margin: -1px 0 0 0; padding:0; border:none; visibility: hidden; }
.hidden { display: none; }
.fright { float: right; }
.fleft { float: left; }
.strike { text-decoration: line-through; }
.align-center { text-align: center; }
.optional { font-weight: normal; }
.red { color: red; }

.error { background: #ffdddd url('img/vykricnik.gif') 15px 50% no-repeat; border: 1px solid #ff6666; margin: 1em 0; font-weight: bold; padding: 1em; padding-left: 40px; color: #000000; line-height: 1.3; }
.error ul { list-style-type: none; }
.info { background: url('img/bg-info.gif') no-repeat; border: 1px solid #B8DDF0; margin: 0 0; padding: 0.3em 1em; color: #000000; line-height: 1.3; }
.info p { padding: 0.3em 0; }
.info p span { font-size: 0.9em; }
.info p.tip { color: red; font-weight: bold; font-size: 1.2em;  }


/* Container
*******************************************************************************/
#container { margin: 0 10px; background: #ffffff url('img/bg-header.jpg') repeat-x; border: 5px solid #212121; border-top: 0;  }

#content { position: relative; margin-top: 5px; padding-left: 220px; min-height: 500px; _height: 500px; }
#content-right { position: relative; margin-top: 5px; padding-left: 220px; padding-right: 201px; min-height: 500px; _height: 500px; }
#content-order { position: relative; margin-top: 5px; padding-right: 201px; min-height: 500px; _height: 500px; }
#content .column { position: relative;  }
#content-right .column { float: left; }
#content-order .column { float: left; }

#center { width: 100%; background: none; }
#left { width: 214px; position: absolute; top: 0px; left: 0px; }
#right { width: 201px; margin-right: -201px; background: none; margin-top: 0px; } 

/* Header (component)
*******************************************************************************/
#header { margin: 0; height: 328px; background: url('img/header.jpg') no-repeat; position: relative; }
#header .logo { position: absolute; z-index: 1; top: 0;  left: 0;  width: 322px; height: 190px; }
#header .logo a { display: block; width: 420px; height: 150px;}
#header .logo span { display: none; }
#foto1 { position: absolute; height: 95px; width: 153px; top: 8px; right: 5px; background: url('img/foto4.jpg') no-repeat; }
#foto2 { position: absolute; height: 95px; width: 153px; top: 8px; right: 160px; background: url('img/foto3.jpg') no-repeat; }
#foto3 { position: absolute; height: 95px; width: 153px; top: 8px; right: 315px; background: url('img/foto2.jpg') no-repeat; }
#foto4 { position: absolute; height: 95px; width: 153px; top: 8px; right: 470px; background: url('img/foto1.jpg') no-repeat; }

#header .cart { position: absolute; z-index: 3; bottom: 28px; right: 5px;  width: 253px; height: 100px; color: #ffffff; background: #000000; border: 1px solid #ffffff; }
#header .cart h4 { margin: 10px 20px; padding-left: 35px; height: 27px; line-height: 27px; font-size: 16px; background: url('img/bg-cart.gif') no-repeat left 50%; }
#header .cart h5 { margin: 10px 20px 0 20px; height: 20px; line-height: 20px; font-size: 12px; text-align: center; }

#header .cart .sum  { color: #000000; text-align: center; font-weight: bold; height: 28px; line-height: 28px; font-size: 1.2em; background: url('img/bg-sum.gif') no-repeat center; }
#header .cart a { text-decoration: none; color: #ffffff; }
#header .cart .sum a { color: #000000; }

#header .top-menu { position: absolute; z-index: 2; right: 0px; top: 301px; left: 0px; height: 28px; line-height: 28px; background: #212121; }
#header .top-menu,
#header .top-menu a { color: #C1C1C1; font-weight: bold; font-size: 1em; text-decoration: none; }
#header .top-menu ul { height: 100%; list-style: none; text-align: left; }
#header .top-menu li { padding: 0 0.8em; line-height: 28px; float: left; }


/* Breadcrumb Navigation (component)
*******************************************************************************/
#breadcrumb { height: 25px; line-height: 25px; margin: 0 0 0 0.5em; font-size: 0.9em; color: #000000; overflow: hidden; }
#breadcrumb .left { padding: 0 0 0 1em; }
#breadcrumb .right { padding: 0 1em 0 0; }
#breadcrumb a { font-weight: bold; color: #000000; }

/* HOMEPAGE
*******************************************************************************/
div.homepage { line-height: 1; height: 148px; margin: 10px 0 0 0em; padding-left: 150px; background: url('img/bg-homepage.gif') no-repeat;}
div.homepage h1 { color: #0083CA; margin: 0; padding: 0; font-size: 1.8em; }
div.homepage h2 { color: #005A89; margin: 0 0 1em 0; padding: 0; font-size: 1.5em; }
div.homepage p { line-height: 1.5; text-align: justify; }
div.why-shop { color: #0083CA; font-size: 1.1em; text-align: right; margin-right: 1em; font-weight: bold; }

div.banner { text-align: center; margin: 0.5em 0; }
h3.hp-aktuality { margin: 1em 0 0 0; color: #ffffff; background: #DD2B19; font-size: 13px; padding: 0.5em 1em; }
#hp-aktuality { padding: 0 0; }
#hp-aktuality .news { padding: 0.5em; }
#hp-aktuality .news h6 { color: #000000; font-size: 1.1em; margin-bottom: 0.2em; }
#hp-aktuality .news .text { color: #000000;}

h3.hp-good { margin: 1em 0 0 0; color: #ffffff; background: #000000; font-size: 13px; padding: 0.5em 1em; }


/* Main content of page
*******************************************************************************/
#main { padding: 5px 10px; padding-bottom: 2em; }
#main	.labels { margin-top: 0.5em; margin-bottom: 0.5em; text-align: left; }
#main	.desc { margin-bottom: 0.5em; font-size: 1em; line-height: 1.4em; }
#main	.desc ul { margin-left: 1.5em; }
#main h1 { margin: 0.5em 0 0.5em 0; }
#main h1, h2 { color: #E3005D; }
#main h1 { font-size: 15px; color: #ffffff; background: #000000; padding: 0 1em; height: 33px; line-height: 33px; }
#main h3 {  margin: 1em 0 0.5em 0; }
#main ul { margin-left: 1em; }

#main .left { float: left; width: 49%; }
#main .right { float: right; width: 49%; }

#main p.without-duty{ margin: 0.5em 0; font-size: 1.1em; }
#main p.common { margin: 0.5em 0; color: #000000; }
#main p.with-duty { font-weight: bold; font-size: 1.5em; margin: 0 0 0.3em 0; }
#main p.discount { font-weight: bold; margin: 0.8em 0 0.5em 0; color: #D4F0F9;}
#main p.transport { margin: 0.3em 0; }

#main .prices-order { margin: 0.5em 0; color: #0E2041; text-align: right; padding: 13px 13px 5px 5px; background: #ffffff url('img/bg-price1.gif') no-repeat top right; }
#main .prices-order p.with-duty { color: #ED411F; font-weight: bold; font-size: 1.4em; margin: 0 0 0.3em 0; }

#main .buttons { text-align: right; margin: 1em 0; }
#main .buttons-recal { text-align: right; margin-bottom: 1em; }

/*--- kroky objednavky --------------------------------------------*/
div#process {  margin: 1em auto; text-align: center; line-height: 1.3em; width: 656px;}
div#process ul { margin-left: 0em;  }
div#process ul li { float: left; width: 182px; height: 81px; margin: 0; font-size: 0.9em; list-style: none; color: #ffffff; text-align: center; }
div#process ul li.step0a {  background: url('img/step0a.gif') no-repeat; width: 164px; }
div#process ul li.step1a {  background: url('img/step1a.gif') no-repeat; width: 164px; }
div#process ul li.step2a {  background: url('img/step2a.gif') no-repeat; width: 164px; }
div#process ul li.step3a {  background: url('img/step3a.gif') no-repeat; width: 163px; }
div#process ul li.step1 {  background: url('img/step1.gif') no-repeat; width: 164px; }
div#process ul li.step2 {  background: url('img/step2.gif') no-repeat; width: 164px; }
div#process ul li.step3 {  background: url('img/step3.gif') no-repeat; width: 163px; }
div#process ul li a { display: block; color: #ffffff; font-weight: bold;}
div#process ul li span { display: block; color: #ffffff; padding-top: 57px; }

#main div.order-left { float: left; width: 59%; }
#main div.order-right { float: right; width: 40%; }
#summary { margin: 12px 0; border: 1px solid #DD2B19; background: #FEFBF1; }
#summary h3 { margin: 0; padding: 0.2em 0.5em; color: #ffffff; background: #DD2B19; }
#summary h4 { margin: 0.2em 0.5em; color: #404040; font-size: 1em; }
#summary h4.border { border-top: 2px solid #DD2B19; padding-top: 0.3em; }
#summary table { margin-top: 0; }
#summary table .bold { font-weight: bold; }
#summary .prices { margin: 0; color: #606060; border-top: 3px solid #DD2B19; text-align: right; padding: 0 13px 5px 5px; }
#summary .prices p.with-duty { color: #000000; font-weight: bold; font-size: 1.4em; margin: 0 0 0.3em 0; }
#summary .prices h4 { text-align: left; }
.order h4 { margin: 0 0 0 0; padding: 0.2em 0.5em; color: #000000; font-size: 1.1em; background: #c1c1c1; }
.order h4 span { font-size: 0.8em; }
div.order { margin: 12px 0 0 0; border: 1px solid #C1C1C1;  }
table.order { margin: 0; width: 100%; }
table.order tr.border { border-bottom: 1px solid #c1c1c1; }
table.order tr.selected { background: #E6E6E6; }
table.order th, table.order td { border: 0; color: #000000; }
table.order td.help { width: 60%; font-size: 0.9em; color: #575D57;  }
table.order th.w150 { width: 100px;  }
table.order td.help span { font-size: 0.9em; }
table.order td.price { width: 65px; text-align: right; white-space: nowrap; }
table.order ul { font-size: 0.8em; color: #575D57; padding: 0.2em 0.5em; font-weight: normal; }
table.order p.main { padding: 0.2em 0; font-weight: bold;}
table.order td.input { text-align: center; width: 15px; vertical-align: top; padding-top: 0.5em}

	
/*--- Bars --------------------------------------------*/
#main .order-by { line-height: 22px; height: 22px; margin-top: 1em; font-size: 0.9em; font-weight: bold;  }
#main .order-by .label { line-height: 22px; height: 22px; float:left; color: #ffffff; font-size: 0.9em; padding-left: 0.5em; width: 125px; background: url('img/bg-filter.gif') no-repeat; }
#main .order-by a { padding-left: 15px; color: #152747;  }
#main .order-by .selected { color: #F26100; }

#main .subcategory { margin: 0.5em 0; padding: 10px 0 10px 140px; background: url('img/bg-pokracujte.gif') no-repeat; line-height: 20px; }
#main .subcategory span { display: none; }
#main .subcategory a { margin-right: 0.9em; padding-left: 15px; line-height: 20px; color: #4B7B4A; background: url('img/arrow1.gif') no-repeat 0 50%; font-weight: bold;  }

/*--- Catalog --------------------------------------------*/
div#catalog { margin: 0 auto; }
div#catalog div.good { float: left; position: relative; height: 285px; margin: 1em 1em 1em 0;  width: 219px; border: 5px solid #E6E6E6; }
div#catalog div.good-in { border: 1px solid #C1C1C1; padding: 0.5em; background: #ffffff; height: 271px; }
div#catalog div.good h2 { margin: 1px; text-align: center; font-size: 1.1em;  padding: .5em 10px; overflow: hidden; }
div#catalog div.good h2 a { color: #000000; text-decoration: none; }
div#catalog div.good div.image { position: relative; margin: auto; padding: 0; text-align: center; }
div#catalog div.good div.image img { margin-top: 1em; }
div#catalog div.good p.description { position: absolute; text-align: center; font-size: 0.9em; top: 170px; width: 207px; background: #ffffff; }
div#catalog div.good p.availability { position: absolute; text-align: center; font-size: 0.9em; top: 215px; width: 207px; }
div#catalog div.good p.availability span { font-weight: bold; }
div#catalog div.good p.rv { position: absolute; text-align: center; font-size: 0.9em; top: 200px; width: 207px; }
div#catalog div.good p.najeto { position: absolute; text-align: center; font-size: 0.9em; top: 215px; width: 207px; }

div#catalog div.good p.price { text-align: center; position: absolute; top: 230px; width: 207px; 
	color: red; padding: 0.2em 0; border: 1px solid #ffffff; font-weight: bold; font-size: 1.20em; }
div#catalog div.good p.price span { font-weight: normal; font-size: 0.9em; }
div#catalog div.good div.buttons { position: absolute; top: 247px; width: 207px; margin: 0.7em 0 0 0; font-size: .9em; text-align: center;  }
div#catalog div.good div.buttons a { margin: 0 0.3em; }

div.category-button { width: 250px; float: left; text-align: center; }
div.category-button h3 { display: none; }

.label-new {  position: absolute; top: 0px; left: 0px; width: 67px; height: 68px; background: url('img/label-novinka.gif') no-repeat;}
.label-action {  position: absolute; top: 0px; left: 0px; width: 67px; height: 68px; background: url('img/label-akce.gif') no-repeat;}
.label-prodano {  position: absolute; top: 0px; left: 0px; width: 70px; height: 70px; background: url('img/label-prodano.gif') no-repeat;}
.label-new span,
.label-action span,
.label-prodano span { display: none; }


/*--- Good Detail ----------------------------------------*/
#good-info { margin: 0em 0; }
#good-left,
#good-right { padding-top: 0em; }

#good-left { width: 215px; float: left; }
#good-left div.thumb { position: relative; width: 182px; margin-left: 0px; text-align: center; }
#good-left div.zoom { position: relative; width: 182px; text-align: center; margin-left: 0px; }
#good-left div.zoom img { border: 1px solid #C1C1C1; padding: 5px;  background: url('img/img-zoom.gif') no-repeat right bottom; padding-bottom: 20px; }


#good-right { margin-left: 215px; }
#good-right	.desc { color: #000000; font-size: 1em; line-height: 1.4em; padding: 0.7em; background: none; }
#good-right table.parameters { margin: 0; padding: 0; width: 510px; }
#good-right table.parameters td,
#good-right table.parameters th { border: 1px solid #C1C1C1; padding: 0.4em 1em; }
#good-right table.parameters th { white-space: nowrap; background: #E6E6E6; text-align: right; width: 110px; }

#tools { height: 36px;  width: 510px; margin: 0.5em 0; background: #B4B4B4; border: 1px solid #E6E6E6; }
#tools a { display: block; float:left; color: #000000; font-size: 0.9em; font-weight: bold; padding-left: 28px; line-height: 36px; }
#tools .mobil { width: 140px; background: url('img/mobil.gif') no-repeat 0% 50%; margin-left: 5px;  }
#tools .obalka { width: 70px; background: url('img/obalka.gif') no-repeat 0% 50%; padding-left: 28px; }
#tools .pes { width: 80px; background: url('img/pes.gif') no-repeat 0% 50%; padding-left: 28px; }
#tools .tisk { width: 80px; background: url('img/tisk.gif') no-repeat 0% 50%; padding-left: 42px; }


#add-cart { position: relative; }
#add-cart .button {  position: absolute; top: 0px; left: 50px; width: 171px; height: 44px; }
#add-cart .amount {  margin-top: 3px; font-weight: bold; font-size: 1.1em; }
#add-cart .amount input#amount { width: 1.5em; text-align: right; }


#good-subpage { clear: both; margin-top: 1em; padding-bottom: 0.5em; line-height: 1.4em;  }
#good-subpage .fold { padding: 1em; border: 1px solid #CEE3E4; }
#good-subpage .ui-tabs-hide { display: none; }
#good-subpage .ui-tabs-nav { height: 27px; list-style: none; margin: 0; padding: 0 0 0 0px; }
#good-subpage .ui-tabs-nav:after { display: block; clear: both; content: " "; } /* clearing without presentational markup, IE gets extra treatment */
#good-subpage .ui-tabs-nav li { float: left; margin-right: 5px; line-height: 27px; width: 173px; text-align: center; background: #CFCFCF url('img/bg-tabs.gif') no-repeat; }
#good-subpage .ui-tabs-nav li span { display: block; background: transparent url('img/bg-tabs-right.gif') no-repeat right top; }
#good-subpage .ui-tabs-nav a { margin: 0 0 0 0; color: #ffffff; text-decoration: none; font-weight: bold; }
#good-subpage .ui-tabs-nav a:link,
#good-subpage .ui-tabs-nav a:visited { color: #ffffff; }
#good-subpage .ui-tabs-nav .ui-tabs-selected  { background: #CAE5F4 url('img/bg-tabs-active.gif') no-repeat; }
#good-subpage .ui-tabs-nav .ui-tabs-selected span { display: block; background: url('img/bg-tabs-active-right.gif') no-repeat right; }
#good-subpage .ui-tabs-nav .ui-tabs-selected a:link { color:#006AB3; }

#good-subpage div.thumb { width: 130px; height: 140px; float: left; margin: 1em 1em 0 0; }
#good-subpage .thumb img { border: 1px solid #E6F7FD; padding: 5px; padding-bottom: 20px; }
#good-subpage .thumb img.zoom-cs { background: #ffffff url('img/zoom.gif') no-repeat right bottom; }
#good-subpage .thumb img.zoom-sk { background: #ffffff url('img/zoom.gif') no-repeat right bottom; }

#good-subpage .accessory { clear: both; margin-bottom: 1em; padding: 0.5em 1em 0.5em 1em; border: 1px #D9E9F4 dashed; background: #ffffff; width: 95% }
#good-subpage .accessory img.thumb { float: right; margin: 0 0em;  border: 1px solid #E6F7FD; padding: 5px; background: #ffffff; }
#good-subpage .accessory .price { height: 28px; line-height: 28px; text-align: right; position: relative; margin: 0.5em 120px 0 0;  }
#good-subpage .accessory .price span { margin: 0 80px 0 0; color: #E3005D; padding: 4px 2em; font-weight: bold; font-size: 1.20em; }
#good-subpage .accessory .price img { position: absolute; right: 0; bottom: 0; }

#good-subpage h4 { color: #000000; }
#good-subpage h3 { margin: 0.5em 0; }
#good-subpage ul { margin: 0 1em; }
#good-subpage p { line-height: 1.4em; margin-bottom: 0.2em; }
#good-subpage p.name { font-style: italic; font-weight: bold; }
#good-subpage ul.discuss { list-style: none; }
#good-subpage ul.discuss ul { list-style: none; }
#good-subpage ul.discuss li { border-left: 3px solid #00A4E0; padding-left: 0.5em; margin: 0.5em 0; }
#good-subpage fieldset { border: 1px solid #D5D5D5; margin-top: 2em; }
#good-subpage legend { font-weight: bold; color: #000000; }
#good-subpage .discuss_error { color: red; padding: 1em 0 0 1em; } 
#good-subpage table.discuss td, 
#good-subpage table.discuss th { border: 0; color: #000000; }
#good-subpage table.discuss td span { font-size: 0.8em; }
#good-subpage input { margin: 0.1em 0; }
#good-subpage input.normal { width: 17em; }



#good-subpage .rgood { width: 32.8%; margin: 1em 0; float: left; text-align: center; border-right: 1px solid #DC132B; }
#good-subpage .no-border { border: none; }
#good-subpage .rgood h3 { font-size: 1em; background: none; }
#good-subpage .rgood .price { padding: .3em 0 .8em 0; font-weight: bold; font-size: 1.3em; color: #0E2041; }


	

/* Left stripe (component)
/******************************************************************************/
#left h4 { color: #ffffff;  }
#left h4.category { height: 35px; line-height: 35px; padding: 0 1em; font-size: 1.2em; background: url('img/bg-menu-caption.gif') no-repeat; }

#left h4.search { margin-top: 1em; height: 29px; line-height: 29px; background: #DD2B19; }
#left h4.search span { padding: 0 1em;}

#left div.search { text-align: center; padding-top: 0.5em; background: #E6E6E6; }
#left div.search p { padding-bottom: 1em;  }
#left div.search input { margin: 0.2em 0; }
	
/*--- Category menu ---------------------------------------*/
#left ul {  list-style: none; font-weight: bold; }
#left ul ul { padding: 0; border: 0; }
#left ul a { font-size: 1em; color: #000000; text-decoration: none; }
#left ul li { line-height: 25px;  list-style: none; border-bottom: 1px solid #ffffff;  }

#left li a { display: block; padding-left: 22px; height: 25px; background: #DADADA url('img/menu-li.gif') no-repeat; font-variant: small-caps;   }
#left li li a { padding-left: 2.5em; height: 24px; background: none; font-variant: normal; }
#left li li li a { padding-left: 3em; height: 24px; background: none; }


#left ul.menu-1 li a.active,
#left ul.menu-1 li a:hover,
#left ul.menu-2 li a.active,
#left ul.menu-2 li a:hover,
#left ul.menu-3 li a.active,
#left ul.menu-3 li a:hover, 
#left ul.menu-4 li a.active,
#left ul.menu-4 li a:hover, 
#left li a.active,
#left li a:hover { background: url('img/bg-menu-actual.gif') repeat-x; }
#left ul.menu-1 li a:hover,
#left ul.menu-2 li a:hover,
#left ul.menu-3 li a:hover,
#left ul.menu-4 li a:hover,
#left li a:hover { text-decoration: underline; }



/* Right stripe (component)
/******************************************************************************/
#right h4 span { }

#right div.box { background: #E6E6E6;  }

#right div.contact { padding: 0.5em 1em; }
#right div.contact p { padding: 0.3em 0; }

#right div.special-offer { background: #B0E5FA; border-top: 1px solid #ffffff; padding: 0.5em 0.5em; }

#right div.good { background: none; text-align: center; margin: 0.5em 0; border: 5px solid #E6E6E6; }
#right div.good-in { border: 1px solid #C1C1C1; padding: 0.5em; background: #ffffff; }

#right div.good h3 { margin-bottom: 0.5em;  }
#right div.good h3 a { font-size: 0.9em; color: #000000; text-decoration: none; }
#right div.good p.price { text-align: center; color: red; padding: 0.2em 0; font-weight: bold; font-size: 1.10em; }
#right div.good p.price span { font-weight: normal; font-size: 0.9em; }
#right div.good img.thumb { float: none; margin: 0.5em 0; }
#right hr { height: 1px; color: #C1C1C1; margin: 0 1em; padding: 0; }
#right h6 { color: #ffffff; padding: 0.3em 0; font-size: 1em; }
#right .news { color: #ffffff; font-size: 0.9em; padding: 0.5em 1em;   }


/* LOGIN
*******************************************************************************/
#login { position: absolute; right: 0; top: 0; z-index: 2; width: 202px; height: 32px; line-height: 26px; font-size: 0.9em; background: url('img/bg-login.jpg') no-repeat right top; }
#login a { color: #ffffff; font-weight: bold; text-align: left; margin: 0 0; margin-right: 4px; padding-left: 25px;  }
#login a.arrow  { padding-right: 15px; background: url('img/arrow.gif') no-repeat right 50%; }
	
/* Footer (component)
*******************************************************************************/
div#footer { clear: both; height: 20px; color: #ffffff; font-size: 0.9em; background: #212121; }
div#footer p.copyright { line-height: 20px; padding: 0 1em 0 1em; font-weight: bold; text-align: right;  }
div#footer p.link { text-align: center; clear: both; margin: 0.5em; color: #000000; background: #ffffff; }
div#footer p.link a { margin: 0 0.5em; }

/* GLOBAL JAVASCRIPT 
*******************************************************************************/
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav, * html .ui-tabs-nav a { /* auto clear and hasLayout, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}