/**********************************************************************************************
	Main Sections in CSS:
	
	1.	BASIC ELEMENTS
		Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
	
	2.	LAYOUT
		Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
		
	3.	PAGE COMMON STYLES
		Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
	
	4.	PAGE SPECIFIC STYLES
		Define content styles that are specific to a particular page
	
***********************************************************************************************/


/* import core styles */
@import url(base.css);


/*------------------------------------------
// 1.BASIC ELEMENTS
//	 Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
//------------------------------------------
*/
body { color:#000;
 background: #ffffff;
  font-family:Tahoma,  Arial, Helvetica, sans-serif; 
background-repeat: repeat-x;
	background-image: url(../images/tlo.jpg);	

}



h1, h2, h3, h4, p{line-height:1.1em;}

div#content h1{font-size:240%; color:#ffffff; font-weight:normal; margin-bottom:10px; line-height:24px;}
div#content h2{color:#45556a; font-size:180%; font-weight:normal; margin-bottom:10px;}
div#content p{font-size:130%; color:#ffffff; line-height:16px; }

div#content div.inner-content div#main ul{margin:25px; }
div#content div.inner-content div#main ul li{background:url(../images/content/bullet.gif) no-repeat 0px 4px; padding:2px 0px 2px 24px; font-size:130%; color:#637378; margin-bottom:10px; line-height:16px;}
div#content div.inner-content div#main ul li a{color:#ffffff; text-decoration:none;}
div#content div.inner-content div#main ul li a:hover{text-decoration:underline;}
div#content div.inner-content div#main a{color:#ffffff; text-decoration:none;}

/*------------------------------------------
// 2.LAYOUT
//   Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
//------------------------------------------*/
	
/*---- Container ----*/
div#container { width: 960px; margin: 0 auto; padding-bottom:20px; }
div.wrapper { width: 960px; margin: 0 auto; overflow:hidden; }

/*---- Header ----*/
div#header { position:relative; }

/*---- Menu ----*/
div#menu {padding:90px 0px 0px 0px;  float:right;}


/*---- Navigation ----
div#navigation {background:url(../images/navigation/navigation-middle.gif) repeat-x 0px 0px; float:right;}
div#navigation  div.navigation_left{background:url(../images/navigation/navigation-left.gif) no-repeat 0px 0px; float:left;}
div#navigation  div.navigation_right{background:url(../images/navigation/navigation-right.gif) no-repeat 100% 0px; height:52px; float:left; padding:0px 10px;

}*/


/*---- Banner ----*/
div#banner{clear:both; width:100%; overflow:hidden; padding-bottom:15px;}

/*---- Featured-box ----*/
div#featured-box.box, div#news.box{background:url(../images/content/box-middlebg.jpg) repeat-y 0px -2px;/* -moz-border-radius: 8px;
-webkit-border-radius: 8px;
 border:solid 1px #52565f;
 padding-top:40px;*/
 position:relative;
 margin-bottom:20px;
}
div#featured-box.box div.top-box, div#news.box div.top-box{background:url(../images/content/box-topbg.jpg) no-repeat 0px 0px;  width:100%; overflow:hidden; padding-top:55px; }
div#featured-box.box div.bottom-box, div#news.box div.bottom-box{ height:10px; position:relative; z-index:10; margin-top:-10px;}
div#featured-box.box div.bottom-box-right, div#news.box div.bottom-box-right{ height:10px;}
div#featured-box.box div.top-box{position:relative;}

div.inner-box{background:url(../images/content/box-middle-rightbg.gif) repeat-y 100% 0px; padding:20px;}


/*---- Content ----*/
div#content { padding-bottom:30px 0px 10px 0px; background:#fff; margin-bottom:20px;  }

/*---- Main ----*/
div#main { width:662px; float:left; }

/*---- Sidebar ----*/
div#sidebar { width:215px; float:right; }
div#sidebar div.style{margin:-20px -20px 0px 0px; text-align:right; margin-bottom:15px;}
div#sidebar h2{font-size:200%; color:#45556a;}

/*---- Footer ----*/
div#footer {  background:#2D3648 url(../images/footer/footer.gif) repeat-x 0px 0px; padding:40px 0px 40px 0px; }
div#footer div.footer-top{background:url(../images/footer/footer-leftbg.gif) repeat-y 0px 0px; width:100%; float:left; position:relative;}
div#footer div.logo{float:right; padding-right:30px;}
div#footer div.copyright{width:100%; float:left; padding:20px 0px 0px 0px;}
div#footer div.copyright p{color:#f5f4f0; font-size:110%; text-align:right;}


/*------------------------------------------
// 3. PAGE COMMON STYLES
//	  Define content styles that are common to all the pages in the project. For example Logo in header, tabs in navigation, buttons, rounded boxes etc
//------------------------------------------*/

/*---- Header - Logo ----*/
div#header div.logo h1, 
div#header div.logo h1 span,
div#header div.logo a,
div#header div.logo a span { display: block; width: 212px; height: 135px; overflow: hidden; }

div#header div.logo h1,
div#header div.logo a { position: relative; }
	
div#header div.logo h1 span,
div#header div.logo a span  { position: absolute; top: 0; left: 0; z-index: 10; background:url(../images/header/logo.png) no-repeat; }

div#header div.logo a span { cursor: pointer; text-indent:-1000em; display:block; }

div#header div.logo{float:left; padding:11px 0px 0px 8px; }

/*---- Menu ----

div#menu div.global-navigation{padding:18px 0px 0px 0px; position:absolute; left:202px; top:54px;}
div#menu div.global-navigation ul li{float:left; background:url(../images/navigation/links.gif) no-repeat 0px -34px; height:14px; padding-left:16px; margin-right:24px; }
div#menu div.global-navigation ul li a{float:left; margin-left:3px;}
div#menu div.global-navigation ul li.home a{background: url(../images/navigation/links.gif) no-repeat -23px 0px; width:14px; height:14px;}
div#menu div.global-navigation ul li.home a:hover{background-position:-23px -19px;}
div#menu div.global-navigation ul li.mail a{background: url(../images/navigation/links.gif) no-repeat -80px 0px; width:18px; height:14px;}
div#menu div.global-navigation ul li.mail a:hover{background-position:-80px -19px;}
div#menu div.global-navigation ul li.call a{background: url(../images/navigation/links.gif) no-repeat -139px 0px; width:18px; height:14px;}
div#menu div.global-navigation ul li.call a:hover{background-position:-139px -19px;} 
*/
/*---- Navigation ----
div#navigation ul li{float:left; padding:20px 16px 0px 16px;}
div#navigation ul li a{float:left; height:16px; }

div#navigation ul li.home a{background:url(../images/navigation/navigation-btn1.jpg) no-repeat 0px 0px; width:80px;}
div#navigation ul li.home a:hover, div#navigation ul li.home a.active{background-position:0px -31px;}
div#navigation ul li.news a{background:url(../images/navigation/navigation-btn1.jpg) no-repeat -95px 0px; width:88px;}
div#navigation ul li.news a:hover, div#navigation ul li.news a.active{background-position:-95px -31px;}
div#navigation ul li.press a{background:url(../images/navigation/navigation-btn1.jpg) no-repeat -217px 0px; width:102px;}
div#navigation ul li.press a:hover, div#navigation ul li.press a.active{background-position:-217px -31px;}
div#navigation ul li.support a{background:url(../images/navigation/navigation-btn1.jpg) no-repeat -351px 0px; width:62px;}
div#navigation ul li.support a:hover, div#navigation ul li.support a.active{background-position:-351px -31px;}
div#navigation ul li.distributors a{background:url(../images/navigation/navigation-btn1.jpg) no-repeat -441px 0px; width:87px;}
div#navigation ul li.distributors a:hover, div#navigation ul li.distributors a.active{background-position:-441px -31px;}

div#navigation ul li { float:left; }
div#navigation ul li a { display:block; float:left; }

*/

/*---- Banner ----*/
div#banner div.detail{float:left; width:515px; padding:35px 0px 0px 31px;}
div#banner div.detail h1{color:#dd8f30; font-size:380%; font-weight:normal; line-height:40px; margin-bottom:10px;}
div#banner div.detail h2{font-size:250%; color:#fff; line-height:25px; font-weight:normal; margin-bottom:20px;}
div#banner div.detail p{color:#babbbc; font-size:160%; line-height:28px; font-family:Tahoma, Geneva, sans-serif; margin-bottom:15px;}
div#banner div.detail p a{float:left; background:url(../images/buttons/left-btn1.png) no-repeat 0px 0px; padding-left:10px; font-size:80%; color:#fff; line-height:18px; text-decoration:none;}
div#banner div.detail p a span{float:left; background:url(../images/buttons/right-btn1.png) no-repeat 100% 0px; height:22px; padding-right:10px;}
div#banner img{float:right;}

/*---- Featured-box ----*/
div#featured-box div.divider{background:url(../images/content/divider.gif) repeat-y 0px 0px;  width:100%; float:left; }
div#featured-box div.divider div.box{width:263px; float:left; margin-top:-25px; padding:0px 28px 15px 28px; position:relative;}
div#featured-box div.divider div.box h2{color:#dd8f30; font-size:130%; font-weight:bold; margin-bottom:10px; line-height:16px;}
div#featured-box div.divider div.box p{color:#fff; line-height:18px; font-size:130%;}


/*---- Content ----*/

div.inner-content{ padding:20px;}
div.inner-content a{color:#ffffff;}


div.top-content{background:#202532 url(../images/content/top-curve.png) no-repeat 0px 0px; }
div.bottom-content{background:url(../images/content/bottom-curve.png) no-repeat 0px 100%;}
div.bottom-content p{text-align:left; color:#ffff00;}
div.archiwum p{text-align:left; width:605px; }


div.section{width:100%; overflow:hidden; clear:both; margin-bottom:15px;}
div.section div.buttons{width:310px; float:left;}
div.section div.buttons ul li{padding-bottom:11px;}
div.section div.buttons ul li{padding-bottom:11px;}

div.section div.box{width:625px; float:right; background:url(../images/content/square-pattern.gif) repeat 0px 0px;}
div#news.box div.top-box{width:625px; padding:0px;}
div.section div.box a.link{float:left; background:url(../images/buttons/left-btn1.png) no-repeat 0px 0px; padding-left:10px; font-size:120%; color:#fff; line-height:18px; text-decoration:none; float:right; margin-top:4px;}
div.section div.box a.link span{float:left; background:url(../images/buttons/right-btn1.png) no-repeat 100% 0px; height:22px; padding-right:10px;}


/*---- Main ----*/

/*---- Sidebar ----*/
div#sidebar div.box{margin-bottom:15px; width:100%; overflow:hidden;}

div#sidebar div#gallery ul li{float:left; padding:0px 10px 10px 5px;}
div#sidebar div#gallery ul li a{float:left; background:url(../images/content/placeholder.jpg) no-repeat 0px 0px; padding:8px 10px;}

div#sidebar div#info ul{padding-left:5px;}
div#sidebar div#info ul li{ font-size:130%; background:url(../images/content/bullet1.gif) no-repeat 0px 2px; padding:2px 0px 2px 15px; margin-bottom:4px;}
div#sidebar div#info ul li a{color:#637378;}
div#sidebar div#info ul li a:hover, div#sidebar div#info ul li a.active{color:#2190d7;}


/*---- Footer ----*/

div#footer div.menu{ width:156px; float:left;}
div#footer h3{font-size:130%; color:#fff; margin-bottom:10px;}
div#footer ul li, div#footer p{ color:#fff; font-size:120%; line-height:20px;}
div#footer ul li a{color:#fff;}

div#footer div#sign-up{width:255px; float:left; padding-left:70px; }
div#footer div#sign-up ul{padding:15px 0px 0px 0px;}
div#footer div#sign-up ul li{ padding-bottom:10px; width:100%; float:left; }
div#footer div#sign-up ul li span{background:url(../images/footer/input-box.jpg) no-repeat 0px 0px; width:179px; height:20px; padding:0px 10px; float:left; margin-right:10px; margin-top:5px;}
div#footer div#sign-up ul li span input{background:none; border:0; width:100%; padding-top:1px; font-size:100%; color:#637378;}
div#footer div#sign-up ul li *{vertical-align:top;}



/*------------------------------------------
// 4.1  INNER PAGE SPECIFIC STYLES
//------------------------------------------*/

body#index div#banner{background:url(../images/content/large-bg.jpg) no-repeat 0px 0px; height:283px; position:relative; overflow:visible; z-index:10; padding-bottom:0px;}
body#index div#banner div.product{position:absolute; left:0px; top:0px; width:100%; height:100%;display:none;}
body#index div#banner div.product.active{display:block;}
body#index div#banner div.pic{float:left;  position:relative;}
body#index div#banner div.pic img{float:none; position:absolute; left:19px; top:12px;}
body#index div#banner div.new-brand{ position:absolute; right:-18px; top:-18px;}
body#index div#banner div.detail{float:right; width:390px; text-align:right; padding:45px 50px 0px 0px;}
body#index div#banner div.detail p{font-size:130%; color:#fff; line-height:22px;}
body#index div#banner div.detail h1{font-size:320%; color:#fff; width:100%; overflow:hidden; }
body#index div#banner div.detail h1 span{float:right; background:url(../images/content/flower.png) no-repeat 0px 0px; padding:25px 0px 0px 34px;}
body#index div#banner div.detail p a{float:right; font-size:100%;}

body#index div#products {background:url(../images/content/center-cornerbg.jpg) repeat-x 0px 0px; margin-bottom:15px;}
body#index div#products div.left-side{background:url(../images/content/left-cornerbg.jpg) no-repeat 0px 0px;}
body#index div#products div.right-side{background:url(../images/content/right-cornerbg.jpg) no-repeat 100% 0px;}


body#index div#content div.section{width:303px; float:left; padding-right:50px; clear:none;}
body#index div#content div.section h2{font-size:240%; color:#45556a;}

body#index div#content div.section ul li{font-size:130%; color:#637378; line-height:18px; background:url(../images/content/bullet.gif) no-repeat 0px 2px; padding:0px 0px 0px 20px; margin-bottom:14px;}
body#index div#content div.section ul li a{color:#2190d7;}

body#index div.section{margin-bottom:0px;}
body#index div#content div.inner-content{background:url(../images/content/flower2.png) no-repeat 100% 0px;}
body#index div#content div.top-content{background:url(../images/content/inner-contentbg.jpg) no-repeat 0px 0px;}

body#index div#content div.pic{float:right; padding:120px 0px 0px 0px;}

body#index div#footer{margin-top:-40px;}

body#index  div.box1{background:#202532 url(../images/vari/store_open_1.gif) no-repeat 530px 10px; float:right; width:635px}
body#index div.box1 div.box-right{padding:30px;}
body#index  div.box1 h1{ font-size:280%; color:#dd8f30; margin-bottom:20px; font-weight:normal;}

body#index  div.box1 td{color:#fff; font-size:130%;
	line-height: 1;
}
body#index  div.box1 i{color:#fff; font-size:130%;
	line-height: 1;
}
body#index  div.box1  p{color:#fff; font-size:130%; line-height:20px;}
body#index  div.box1  p a{color:#46a0d9;}





/*------------------------------------------
// 5.1  INNER PAGE SPECIFIC STYLES
//------------------------------------------*/

/*---- News ----*/
div#news.box{margin-bottom:0px;}
div#news h2{font-size:240%; color:#dd8f30; margin-bottom:18px;}
div#news ul li{color:#babbbc; font-size:130%; margin-bottom:4px; line-height:17px;}
div#news ul li a span{color:#dd8f30;}
div#news ul li a{color:#babbbc;}
div#news ul li a:hover{color:#46a0d9; text-decoration:none;}
div#news ul li a:hover span{color:#dd8f30;}


/*---- Products ----*/
div#products{background:url(../images/content/center-side.jpg) repeat-x 0px 0px;}
div#products div.left-side{background:url(../images/content/left-side.jpg) no-repeat 0px 0px;}
div#products div.right-side{background:url(../images/content/right-side.jpg) no-repeat 100% 0px; height:77px; position:relative;}

div#products a{cursor:pointer;}
div#products a.prev{ position:absolute; left:-18px; top:15px; background:url(../images/buttons/previous-btn.png) no-repeat 0px 0px; width:43px; height:40px; z-index:20;}
div#products a.next{ position:absolute; right:-18px; top:15px; background:url(../images/buttons/next-btn.png) no-repeat 0px 0px; width:43px; height:40px; z-index:20;}

div#products ul{padding:4px 0px 0px 10px !important; height:66px; overflow:hidden; width:896px;}
div#products ul li span strong{color:#a6afbc; font-size:120%; margin-top:10px; margin-bottom:5px; display:block;}
div#products ul li span{display:block;}
div#products ul li{float:left; color:#a6afbc;  width:212px; line-height:15px; padding-right:10px;}
div#products ul li span{font-size:110%; line-height:14px; color:#a6afbc;}
div#products ul li .pic{float:left; margin-right:10px;}
div#products ul li a:hover{text-decoration:none;}

#container .inset { text-shadow:#000 1px 1px 1px}

/* Ultimate Added */

#ultimate {
	margin-bottom: 10px;
	
}