/* Reset Defaults
--------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, del, dfn, font, img, ins, kbd, q, s, samp, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; vertical-align: baseline;}
:focus { outline: 0;}
ul { list-style: none;}
table {	border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {	quotes: "" "";}



/* Basic Selectors
--------------------------------------------------------------------------------------- */

html {height: 100%; background: #000 url(../images/bg/bg_html.jpg) top center repeat-x;}
body { background: transparent url(../images/bg/bg_body1.png) top center no-repeat; font: normal 62.5% Arial, Helvetica, Verdana, sans-serif; color: #666666; height: 100%;}

h1, h2, h3, h4, h5, h6 { font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 1.6em; color: #333333;}
h5, h6 { font-family: "HelveticaNeueLight", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px; color: #333333;}
h3.small_text { font-size:1.2em; font-weight:bold; font-family: Helvetica, Arial, Verdana, sans-serif; letter-spacing: .4em; text-transform: uppercase; color: #9ba6b3; }

h2.prd{ font-size:16px; font-weight:bold; color:#000;margin-bottom:30px;}
h2.prd a{text-decoration:none; color:#000; }

p { font-size:1.2em; line-height:1.8em; margin:12px 0; }
small { font-size:1.1em;}

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }

.float-left { float:left; }
.float-right { float:right; }
.float-none { float:none; }

.clear-left {clear: left;}
.clear-right {clear:right;}
.push {clear:both;}

.hide {display: none;}
.overflow { width: 100%; overflow: hidden; }
p.btn { margin-top: 20px; margin-bottom: 0; }
p.last { margin-bottom: 0; }

.article_thumb { float: left; display: inline; margin: 16px 16px 16px 0; }

.title_full_width_border { width:100%; padding-bottom:12px; border-bottom:6px solid #ccc; }

img.large_image { margin-top: 26px; margin-bottom: 10px}
img.image_frame { padding: 9px; background: #ffffff; border: 1px solid #dddddd;}
img.small_image { margin: 0 0 10px 40px; float: right; display: inline;}

.cl, .clear{ display:block; height:0; font-size:0; line-height:0; text-indent:-4000px; clear:both!important;}

.hr {border-bottom:1px solid #F9E9E9; background:#FFF; clear:both; display:block; margin-bottom:10px; margin-top:10px;}


.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/* Links
--------------------------------------------------------------------------------------- */

a {font-weight: bold; text-decoration: none;}
a:link { color: #169bdc;}
a:visited { color: #169bdc;}
a:hover { color: #169bdc; text-decoration: underline;}
a:active { color: #169bdc;}

.portfolio_item a:link { color: #333333;}
.portfolio_item a:visited { color: #333333;}
.portfolio_item a:hover { color: #169bdc; text-decoration: none;}
.portfolio_item a:active { color: #333333;}

#nav a:link { color: #ffffff;}
#nav a:visited { color: #ffffff;}
#nav a:hover { color: #36bafa; text-decoration: none;}
#nav a:active { color: #ffffff;}

#nav a.active { background: transparent url(../images/bg/bg_main_menu_active.gif) bottom center no-repeat;}
#nav a.active:link { color: #36bafa;}
#nav a.active:visited { color: #36bafa;}
#nav a.active:hover { color: #36bafa; text-decoration: none;}
#nav a.active:active { color: #36bafa;}

.old a:link { color: #333333;}
.old a:visited { color: #333333;}
.old a:hover { color: #999999; text-decoration: none;}
.old a:active { color: #333333;}


a.arrow {background: transparent url(../images/arrows/arrow_blue.gif) 100% 50% no-repeat; padding-right: 14px;}

.btn_main_nav { display:block; width: 139px; height: 33px; background: transparent url(../images/btn/btn_main_nav.gif) top left no-repeat; }
.btn_main_nav:hover { background-position: top right; color: #ffffff;}

.btn_more { display:block; width: 43px; height: 19px; text-indent: -9999px; background: transparent url(../images/btn/btn_more.gif) top left no-repeat; }
.btn_more:hover { background-position: top right;}

.btn_get_started { display:block; width: 266px; height: 53px; text-indent: -9999px; background: transparent url(../images/btn/btn_get_started.gif) top left no-repeat; float:right; margin: 23px 0 0 0; }
.btn_get_started:hover { background-position: top right;}

.btn_package_signup { display:block; width: 167px; height: 46px; text-indent: -9999px; background: transparent url(../images/btn/btn_package_signup.jpg) top left no-repeat; }
.btn_package_signup:hover { background-position: bottom left;}

.btn_vcard { display:block; width: 213px; height: 33px; text-indent: -9999px; background: transparent url(../images/icons/icon_vcard.gif) top left no-repeat; }
.btn_vcard:hover { background-position: bottom left;}

.btn_top { margin-left: 0;}
body.ourwork .btn_top { margin-left: 10px;}

/* Main Structural Selectors
--------------------------------------------------------------------------------------- */
.career-title { background:url(../images/title_h3_protfolio.gif) top left no-repeat; text-indent:22px;}

.pagination{ margin:0 auto; padding:10px; font-size:11px; text-align:right; float:left; }
.pagination a{ color:#000; font-weight:normal; }
.pagination p{ text-align:left; margin:0; font-weight:normal; }
.pagination p a:link,.pagination p a:visited,.pagination p a:hover,.pagination p a:active{ text-decoration:none; background:#fff; border:1px solid #ddd; margin-right:1px; padding:2px 5px; }
.pagination p a:hover{ background-color:#55c5e9; color:#fff; }
.pagination p span{ text-decoration:none; color:#000; margin-right:1px; padding:2px 5px; }
.pagination .current{ font-weight:bold; background:#f2f2f2; border:1px solid #ccc; }
	
.height10{
	padding-bottom:15px;
	height:1px;
	line-height:1px;
	display:block;
	margin-bottom:15px;
}
div.wrap { width:1000px; margin:0 auto;}
div.details-page{
	width:940px;
	height:auto;
	padding:30px;
	display:block;
	background:#FFF;
	color:#222;
	font-size:12px;
}
div.details-page h1{
	font-size:15px;
	color:#000;
	font-weight:300;
}
div.details-page h1 a{
	font-size:15px;
	color:#000;
	font-weight:800;
	text-decoration:none;
}
div.details-page h1 a:hover{
	text-decoration:none;
}
div.career {
	width:980;
	height:auto;
	padding:30px 10px;
	float:left;
	background:url(../images/body-bg.gif) 0 0 repeat-y #FFF;;
}
div.career div.career-left{
	width:680px;
	float:left;
	height:auto;
	display:inline;
	padding-bottom:15px;
}
div.career div.career-left div.career-row-left{
	float:left;
	text-align:left;
	width:312px;
	height:auto;
	height:211px;
	background:#F4F4F4;
}
div.career div.career-left div.career-row-left img{
	padding:6px;
	border:1px solid #36CBFC;

}
div.career div.career-left div.career-row-right{
	float:left;
	text-align:left;
	width:340px;
	height:auto;
	padding-left:10px;

}
div.career div.career-right{
	width:240px;
	float:left;
	display:inline;
	margin:0 auto;
	padding:10px 30px;
	margin-top:-10px;
}
div.career div.career-right h2 { float:left; display:inline; }
div.career div.career-right .more { height:13px; padding-top:3px;float:right; display:inline; background:url(../images/a_link.gif) 0 4px no-repeat; text-indent: 18px; }
div.career div.career-right .row-hr { 
	margin-top:10px;
	margin-bottom:10px;
	line-height:1px;
	height:1px;
	border-bottom:1px solid #F9E9E9;
}
div.career div.career-right .height50 { 
	line-height:50px;
	height:50px;
	text-indent:-9999px;
}
div.career div.career-right .box1{ padding:0 15px; margin:0 auto; background:#FFF;}
div.career div.career-right .box1 a:hover img{ border:1px solid #333;}
div.career div.career-right img {margin:5px 5px; padding:3px; border:1px solid #CCC;}
div.career div.career-left div.career-row-right .title a{
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	color:#333;
}
div.career div.career-left div.career-row-right .titile a:hover{
	text-decoration:underline;
	color:#000;
}
div.career div.career-left div.career-row-right .description{
	font-size:12px;
	color:#555555;
	font-weight:normal;
	padding-left:5px;
	line-height:17px;
}
div.career div.career-left div.career-row-right .official{
	color:#069;
	font-size:12px;
	padding-left:10px;
}
div.career div.career-left div.career-row-right .company{
	color:#069;
	font-size:12px;
	padding-left:10px;
}



div#container { width:1000px; margin: 0 auto; padding: 0; background:#FFF; }
div#header { width:1000px; height:90px;  margin: 0 auto; padding: 15px 0 10px 0; overflow: hidden;}  /*  height 175  */
div#header h1 {
	width:260px;
	float:left;
	display:inline;
	padding:10px 0 10px 0;
}
div#header div.logoleft {
	width:260px;
	float:left;
	display:inline;
	padding:10px 0 10px 0;
}
div#header div.concept {
	width: 730px; 
	overflow: hidden; 
	display: inline; 
	padding: 10px 0 10px 0;

}
div#header div.concept h2 a{ width: 468px; height:34px; text-indent:-9999px; background:url(../images/kela-logo/concept.png) bottom right no-repeat; float:right; line-height:34px;  margin-top:30px;}

div#nav {
	width: 1000px; 
	margin: 0 auto;
	padding: 0; 
	height: 50px; 
	overflow: hidden; 
	background: #3e5673 url(../images/bg/bg_main_menu.jpg) bottom left repeat-x; 
	border-bottom: 3px solid #999; 
	position: relative;
	-moz-border-radius-topleft:5px; 
	-moz-border-radius-topright:5px; 
	-webkit-border-top-left-radius:5px; 
	-webkit-border-top-right-radius:5px;
}

div#nav ul { float:left; }
div#nav ul li{
	float: left; 
	display:inline;
	height: 50px; 
	background: transparent url(../images/bg/bg_main_menu_li.jpg) 100% 50% no-repeat;
	font-size: 16px;
	text-align: left;
	padding:0 10px 0 10px;
	line-height:50px;
	color:#FFF;
}
div#nav ul li h1{
	height: 50px; 
	font-size: 16px;
	text-align: left;
	padding:0 10px 0 10px;
	line-height:50px;
	color:#FFF;
	float:left;
	display:inline;
}
div#nav a {
	color:#FFF;
	font-weight:normal;
}
div#nav a:link { color: #ffffff;}
div#nav a:visited { color: #ffffff;}
div#nav a:hover { color: #6F0; text-decoration: none;}
div#nav a:active { color: #ffffff;}

div#nav a.active { background: transparent url(../images/bg/bg_main_menu_active.gif) bottom center no-repeat;}
div#nav a.active:link { color: #36bafa;}
div#nav a.active:visited { color: #36bafa;}
div#nav a.active:hover { color: #36bafa; text-decoration: none;}
div#nav a.active:active { color: #36bafa;}


div#main {
	margin:0 auto;
	width:1000px;
	background: #FFF;
	min-height:400px;
}

div#main .contener-about{
	margin:0 auto;
	width:1000px;
	background: #FFF;
}
.p-img { width: 990px; position: relative; margin-bottom:20px; vertical-align:middle; padding-left:5px; }
.p-footer { float: left; width: 1000px; border-top: 1px solid #0099FF; border-bottom: 1px solid #0099FF; padding: 11px 0 11px 0; text-align: right; margin-top: 10px; background:#FFF; margin:0px; }
.p-des left h3.text{ font-size:10px;}


ul#teamsport{float:left; width:970px; list-style-type:none; padding:30px 15px;}
ul#teamsport li{float:left; height:207px; width:167px; margin:13px; display:inline; position:relative; background:url(../images/bg/bg-product.jpg) 0 0  no-repeat;}
ul#teamsport li:hover{background-position:0 -210px; color:#FFF; font-weight:bold; text-decoration:none;}
ul#teamsport li img{border:0; width:150px; height:156px; padding:5px 8px 0 8px;}
ul#teamsport li h3{font-size:11px; color:#333; font-weight:normal; text-align:center; position:absolute; width:167px; bottom:10px; overflow:hidden;}
ul#teamsport li:hover h3{color:#FFF; font-weight:bold;}
ul#teamsport li a{border:0; height:207px; width:167px; display:block; line-height:164px;  color:#FFF; font-weight:bold; text-decoration:none;}



#product_list_container{
	overflow:hidden;
	width: 960px;
	position:relative;
}


.product_list{
	background-color: #fff;
	list-style-type: none;
	display:block;
}

.product_list li{
	position:relative;
	float: left;
	width: 194px;
	height: 210px;
	background: url(../img/product_background.png) left top no-repeat;
}
.product_list li.hover {
	background-position: left bottom;
	cursor: pointer; 
}
.product_list li.hover h3 {
	color: #fff;
}

.product_list .image_wrapper{
	height: 120px;
	width: 140px;
	overflow: hidden;
	margin: 30px 26px 0;
}
.product_list li h3{
	position: absolute;
	bottom: 10px;
	left: 0px;
	font-size: 1.2em;
	color: #555;
	width: 192px;
	text-align: center;
}



#TB_window {
	background: #313131;
}


div#shop { width:1000px;  margin:0 auto; padding:0; background:#FFF;}
div#in-box { width:940px; padding:30px;}
#product {
	padding:0;
	margin:0 auto;
	clear:both;
	float:left;
	width:292px;
}
#product h4 {
	width:14px;
	float:left;
	margin:0 0 2px 3px;
}
#product #product-thumbs {
	height:280px;
	width:292px;
	text-align:center;
	padding:5px;
	
}
#product #product-thumbs img {
	max-height:280px;
	max-width:280px;
}

#product .detailArticleViews {
	width:42px;
	margin:4px;
	float:left;
	text-align:center;
	border:1px solid #d8d8d8;
}
#product .detailArticleViews span {
	font-size:0.8em;
}


div#product-detail { width:600px; float:left; margin-top:30px; margin-left:25px; display:inline; float:left;}
div#product-detail .articleProducttypeDesc {
	display:block;
	font-size:12px;
	padding:0 0 0 15px;
	margin-top:10px;
}
div#product-detail p.articleDesc {
	margin:-0.4em 0 0 0;
	padding:0 0.5em 0.5em 0;
	font-size:0.8em;
border-bottom:1px solid #d8d8d8;

}
#product-detail fieldset {
	margin:0.5em 0 0 0;
	border:0;
}
#product-detail fieldset p.message {
	clear:both;
	float:left;
	margin:0.5em 0 0 0;
	width:20.3em;
}
#product-detail fieldset div {
	clear:both;
	float:left;
	line-height:1.9em;
}

#product-detail span {
	font-size:0.8em;
}

#product-detail fieldset div label {
	display:block;
	float:left;
	width:10em;
	font-weight:bold;
}
#product-detail fieldset div select {
	height:2em;
}
#product-detail fieldset div#articlePrice {
	margin:1em 0 0;
	float: none;
}
#product-detail fieldset div#articlePrice a {
	display:block;
	font-size:0.8em;
}
#product-detail fieldset div#articlePrice div {
	float:right;
	text-align:right;
	width:11em;
	margin:-2em 0 0 0;
}




div#contact .contentBody{width:1000px; padding:0; background:url(../images/bg/content_body.png) repeat-y 0 0;}
div#contact .contentBody h1 { font-size:14px; color:#333; font-weight:bold; text-align:left; }
div#contact .contentBody .top { width:960px; height:30px; margin:0 auto }
div#contact .contentBody .sidebar{ float:left; width:250px; padding:5px 0 0 0; display:inline; overflow:hidden;}
div#contact .contentBody .sidebar .contact_info{ width:228px; padding-top:2px; }
div#contact .contentBody .sidebar .contact_info li{width:228px; padding:5px 0; display:block; background:url(../images/contact/sidebar_nav_spacer.png) repeat-x 0 bottom;}
div#contact .contentBody .sidebar .contact_info li .contact_home{ padding:0 10px 0 44px; background:url(../images/contact//contact_home.gif) no-repeat 15px 3px;}
div#contact .contentBody .sidebar .contact_info li .contact_tel{ padding:0 10px 0 44px; background:url(../images/contact/contact_tel.gif) no-repeat 19px 1px;}
div#contact .contentBody .sidebar .contact_info li .contact_fax{ padding:0 10px 0 44px; background:url(../images/contact/contact_fax.gif) no-repeat 15px 3px;}
div#contact .contentBody .sidebar .contact_info li .contact_email{ padding:0 10px 0 44px; background:url(../images/contact/contact_mail.gif) no-repeat 15px 5px;}

div#contact .contentBody .cnt-primary { padding:20px 0 20px; float:left; display:inline;}

div#contact .contentBody .cnt-primary h2.contact-form { font-size:16px; font-weight:normal; line-height:5px; }






/* contact */
div#content{}
div#content img{border:none;}

div#content h2.enquiry-form{font-size:16px; font-weight:normal; line-height:5px;}

div#content div.column-left{
  float:left;
  display:inline;
  width:700px;
  margin:0 auto;
 }
  div#content div.column-right{
  float:right;
  width:300px;
  display:inline;
  margin:0 auto;
 
 }
 
div#content form.contact{
  margin:0;
}

  div#content form.contact label{
   float:left;
   width:325px;
   line-height:22px;
   margin:0 25px 10px 0;
   font-size:13px;
   
  }
  
  div#content form.contact label.fix{
   line-height:14px;
  }
  
  div#content form.contact label.ta{
   width:675px;
  }
  
  div#content form.contact label .text {
    border:1;
    margin:0;
    float:right;
    width:210px;
    height:20px;
    color:#000;
    font-size:12px;
    margin:0;
    vertical-align:middle;
    padding:6px 10px 0 8px;
    font-family:Tahoma,sans-serif;
    background:url(../images/text-bg.png) 0 0 no-repeat;
   }
   
   div#content form.contact label.right input.text{
	   margin:0 20px 0;
   }
   
   div#content form.contact label.fix input.text{
    margin:-26px 0 0;
   }
    
    div#content form.contact label .text {
     margin:0;
    }
 
   div#content form.contact label textarea.text{
	   float:right;
	   margin-right:7px;
    width:550px;
    height:110px;
    overflow:auto;
    padding:6px 15px 5px 8px;
    background:url(../images/textarea-bg.png) 0 0 no-repeat;
   }
   div#content form.contact .btn{
	   padding-left:90px;
   }



div#slide-shirt{
	width:1000px;
	background:#FFF;
	margin:0 auto;
	padding:30px 0;
}
.slider
{
	margin:0 auto;
	height: 262px;
	position: relative;
	overflow:hidden;
}
 .slider .itemHolder   /* in-slide */
{
	margin: 0 26px;
	overflow: hidden;
}
 .slider .itemHolder .item
{
	/*background-image: url(../images/static/home/item_bg.png);*/
	background-position: 0 0;
	float: left;
	height: 242px;
	padding: 20px 12px 0 17px;
	width: 196px;
}
 .slider .itemHolder .active
{
	background-position: 0 -262px;
}
 .slider .itemHolder .item a:hover
{
	text-decoration: none;
}
 .slider .itemHolder .item h2
{
	color: #000;
	font-size: 20px;
	letter-spacing: -0.05em;
	margin-bottom: .35em;
}
 .slider .itemHolder .item a:hover h2
{
	color: #a43a00;
}
 .slider .itemHolder .item h2 span.new
{
	color: #C30;
	font-size: 10px;
	text-transform: uppercase;
}
 .slider .itemHolder .item p
{
	height: 65px;
	margin: 0;
}
 .slider .itemHolder .item a:hover p
{
	color: #4f1c00;
}
 .slider .itemHolder .item img
{
	margin-left: 6px;
}
 .slider .itemHolder .item img.cta
{
	float: right;
	margin: 1px 0 0;
}
 .slider a.slideLeft
{
	background: url(../images/static/home/btn_slider-left.png) 0 0 no-repeat;
	left: 0;
}
 .slider a.slideRight
{
	background: url(../images/static/home/btn_slider-right.png) 0 0 no-repeat;
	right: 0;
}
 .slider a.slideLeft, .slider a.slideRight
{
	height: 262px;
	overflow: hidden;
	position: absolute;
	text-indent: -999em;
	top: 0;
	width: 38px;
	z-index: 1;
}
 .slider a.slideLeft:hover, .slider a.slideRight:hover
{
	background-position: -38px 0;
}
 .slider a.slideLeft:active, .slider a.slideRight:active
{
	background-position: -76px 0;
}
 .slider a.disabled, .slider a.disabled:hover, .slider a.disabled:active
{
	background-position: -114px 0;
}

div#catagory{}
div.wrap{}


/* Footer Slugs Animation */
#ulFooterSlugs{float: left; display: inline; list-style: none; height: 238px; background:#070B0F; width:1000px;}
#ulFooterSlugs li{float: left; display: inline; list-style: none; height: 238px; width:238px; margin: 0 12px 0 0;}
#ulFooterSlugs li.clsLiLastSlug{margin: 0;} 
li.slugOne a, li.slugTwo a, li.slugThree a, li.clsLiLastSlug a {display:block; width:235px; height:235px; position:relative;}	
li.slugOne a .rollover {display:block; position:absolute; top:0; left:0; width:235px; height:235px; background:url(../images/sport-hover.png); border:1px solid #111;}
li.slugTwo a .rollover {display:block; position:absolute; top:0; left:0; width:235px; height:235px; background:url(../images/souvenir-hover.png); border:1px solid #111;}
li.slugThree a .rollover {display:block; position:absolute; top:0; left:0; width:235px; height:235px; background:url(../images/techno-hover.png); border:1px solid #111;}
li.clsLiLastSlug a .rollover {display:block; position:absolute; top:0; left:0; width:235px; height:235px; background:url(../images/career-hover.png); border:1px solid #111;}

#slide{}
#slide div.wrap{
	width:1000px;
	background:#0C0C0C;
}




/** Fade  **/
div#fade{
	width:998px;
	margin:0 auto;
	background-color:#000;
	position:relative;
	border-right:1px solid #111;
	border-left:1px solid #111;
}

div#fade #boxes {
	position:relative;
	height:500px;
	width:960px;
	z-index: 20;
	padding:20px;
}
#home-mid-bg-container {
	position:absolute;
	left:0px
	top:0px;
	width:980px;
	height:470px;
	z-index:1;
}
#rotator {
	position:absolute;
	width:970px;
	height:470px;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}

ul.ui-tabs-nav {
	position:absolute;
	left:20px;
	z-index:1;
	top:480px;
	width: auto;
	height: auto;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item,
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {
	font-size:0.8em;
	font-weight:normal;
	color:#363636;

}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	color:#363636;
}

#rotator .ui-tabs-nav-item a span {
	float:left;
	cursor:pointer;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:10px 5px 0 5px;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	color: #C0C0C0;
	background-image: url(../images/arrow-up.png);
	background-repeat: no-repeat;
	background-position: center bottom;

}

/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	padding:0;
	height:460px;
}

#rotator .ui-tabs-hide {
	display:none;
}

#rotator h2 {

}

#rotator p {

}

#rotator .btn_get_started {

	overflow:hidden; 
	
}

#rotator .btn_learn_more {
	float:left;

}

/* Background ../images */
#rotator #fragment-1 {
	
}

#rotator #fragment-2 {

}

#rotator #fragment-3 {


}

#rotator #fragment-4 {


}


/**      about        **/
#about {
	padding:30px 0;
	width:1000px;
	background:#fff;
	clear:both;
}

#about .about-left {
	width:675px;
	height:auto;
	float:left;
	display:inline;
	border-right:1px solid #DDD;
}
#about .about-right {
	width:320px;
	height:auto;
	float:left;
	display:inline;
}
#about .about-right .menu-des{
	color:#333;
	font-size:11;
	margin-top:-5px;
	padding-left:2px;
}
#about .about-right ul.services{
	display: block;
	float: left;
	width: 255;
	height: auto;
	margin: 0 10px 0 20px;
	padding: 0;
}
#about .about-right ul.services li{
	margin: 0 0 11px 0;
	padding: 0 0 0 32px;
	list-style: none;
	font-size: 11px;
}

#about .about-right ul.services li.one{ background: url(../images/services1.png) no-repeat 0px 0px;}
#about .about-right ul.services li.two{ background: url(../images/services2.png) no-repeat 0px 0px;}
#about .about-right ul.services li.three{ background: url(../images/services3.png) no-repeat 0px 0px;}
#about .about-right ul.services li h4{
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
#about .about-right ul.services li h4 a{
	font-size:15px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#about .about-right ul.services li h4 a:hover{
	font-weight:bold;
	text-decoration:underline;
}

#about .shirt-step {
	background:url(../images/kela-service.jpg) top center no-repeat;
	width:603px;
	height:90px;
	padding:0 20px;
	display:block;
}
#about .about-left ul.step-tshirt {
	float:left;
	display:inline;
	width:600px;
	padding:30px 10px;
}
#about .about-left ul.step-tshirt li.step1{
	width:110px;
	color:#333;
	font-size:11px;
	float:left; 
	display:inline;
	padding-top:10px;
	padding-left:40px;
}
#about .about-left ul.step-tshirt li.step2{
	width:150px;
	color:#333;
	font-size:11px;
	float:left; 
	display:inline;
	padding-top:3px;
	
}
#about .about-left ul.step-tshirt li.step3{
	width:150px;
	color:#333;
	font-size:11px;
	float:left; 
	display:inline;
	margin-top:-10px;
	padding-left:10px;
}
#about .about-left ul.step-tshirt li.plus{
	width:50px;
	height:36px;
	background:url(../images/plus.png) center top no-repeat;
	float:left; 
	display:inline;
}
#about .about-left ul.step-tshirt li.arrow{
	width:50px;
	height:36px;
	background:url(../images/arrow.png) center top no-repeat;
	float:left; 
	display:inline;
}


#about .about-line {
	border-bottom:1px solid #999;
	padding:0 10px;
	width:920px;
}
#about p.about-title-left {
	font-size:13px;
	color:#000;

}	
#about p.about-title-left {
	font-size:13px;
	color:#000;
}	
#about span.about-des {
	font-size:12px;
	color:#333;
}
#about .row-left {
	float:left;
	margin:0 auto;
	background:#FFF;
	width:640px;
	padding:0 10px;
}
#about .row-left img {
	border:0px;
	padding-right:10px;
}
#about .row-right {
	float:right;
	margin:0 auto;
	background:#FFF;
	width:600px;
	padding:10px 10px;
}
#about .row-right img {
	border:0px;
	padding-left:10px;
}

#about ul.service{
	display: inline;
	float: left;
	
	padding: 0;
}
#about ul.servicios li{
	margin: 0 0 11px 0;
	padding: 0 0 0 32px;
	list-style: none;
	font-size: 11px;
	color: #a2ff00;
}
#about ul.shirt-printing {float:left; display:inline; margin:20px 0;}
#about ul.shirt-printing li.shirt1 { background:url(../about/images/kela-shirt.jpg) center top no-repeat; padding:10px; width:295px; height:307px; float:left; display:inline;}
#about ul.shirt-printing li.shirt2 { background:url(../about/images/kela-printing-2.jpg) center top no-repeat;  padding:10px; width:295px; height:307px; float:left; display:inline;}
#about ul.shirt-printing li.shirt3 { background:url(../about/images/kela-printing-3.jpg) center top no-repeat;  padding:10px; width:295px; height:307px; float:left; display:inline;}

#about ul.servicios li a:link{ color: #a2ff00; text-decoration: none;}
#about ul.servicios li a:visited{ color: #a2ff00; text-decoration: none;}
#about ul.servicios li a:hover{ color: #a2ff00; text-decoration: underline;}
#about ul.servicios li a:active{ color: #a2ff00; text-decoration: none;}

#about ul.servicios li.one{ background: url(../images/services1.png) no-repeat 0px 0px;}
#about ul.servicios li.two{ background: url(../images/services2.png) no-repeat 0px 0px;}
#about ul.servicios li.three{ background: url(../images/services3.png) no-repeat 0px 0px;}
#about ul.servicios li h4{
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.footer-blog { width:950px; margin:0 auto;  padding:0;}
.blog { width:289px; float:left; margin:0; padding:10px 5px 10px 20px;}
.blog h2 { font: bold 18px Arial, Helvetica, sans-serif; color:#fff; padding:10px 5px; margin:0; border-bottom-width: 1px; border-bottom:1px solid #3d3d3d;}
.blog p { color:#acacac; font:normal 11px Arial, Helvetica, sans-serif; line-height:1.8em; padding:5px 5px; margin:0;}
.blog img { float:left; margin:10px 10px; padding:0;}
.blog a { color:#ac5400; text-decoration:none;}
.menu_sub { padding:0; margin:0; width:380px; float:left;}
.menu_sub ul { padding:9px 0; margin:0; list-style:none; border:0;}
.menu_sub ul li { float:left; margin:0; padding:0; border:0;}
.menu_sub ul li a { float:left; margin:0; padding:11px 17px; color:#fff; font:normal 12px  Arial, Helvetica, sans-serif; text-decoration:none;}
.menu_sub ul li a:hover { background:#ebebeb; color:#282828;}
.menu_sub ul li a.active {background:#ebebeb; color:#282828;} 

div#footer { width: 1000px;  margin:0 auto; overflow: hidden; color: #fff; background: url(../images/bg/bg-footer1.gif) top repeat-x; height:374px;}
div#footer { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
#recent-team-sport{
	width:240px;
	background:url(../images/bg/body_bot_div.gif) right top no-repeat;
	float:left;
	padding:0 24px 0 0;
	margin:0 25px 0 0;
}
#recent-team-sport h2{
	color:#FFFEF4;
	background-color:inherit;
	font:normal 17px/14px Arial, Helvetica, sans-serif;
	margin:0 0 14px 0;
	display:block;
}
#recent-team-sport ul{
	padding:0 0 2px 10px;
}
#recent-team-sport ul li{
	font-size:0;
	line-height:0;
}
#recent-team-sport ul li a{
	display:block;
	background:url(../images/bg/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
	color:#CF9201;
	background-color:inherit;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#recent-team-sport ul li a:hover{
	color:#fff;
	background-color:#393939;
}

#recent-souvenir{
	width:260px;
	float:left;
	padding:0;
	margin:0;
}
#recent-souvenir h2{
	color:#FFFEF4;
	background-color:inherit;
	font:normal 17px/14px Arial, Helvetica, sans-serif;
	margin:0 0 14px 0;
	display:block;
}
#recent-souvenir ul{
	padding:0 0 2px 10px;
}
#recent-souvenir ul li{
	font-size:0;
	line-height:0;
}
#recent-souvenir ul li a{
	display:block;
	background:url(../images/bg/arrow.gif) 0 5px no-repeat;
	padding:0 0 0 14px;
	color:#CF9201;
	background-color:inherit;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#recent-souvenir ul li a:hover{
	color:#fff;
	background-color:#393939;
}


div#footer h1 {width: 120px; height: 53px; font-size:14px; font-weight:normal;}
div#footer h1 a {text-indent:-9999px; width:120px; height: 53px; line-height:33px; background:url(../images/kela-logo/kela-thumbnail.png) 0 0 no-repeat; display:block;}
div#footer h1 a.pkp {text-indent:-9999px; width:120px; height: 65px; line-height:33px; background:url(../images/kela-logo/pkpsport-logo.jpg) 0 0 no-repeat; display:block;}
div#footer h3 { color: #ffffff; font-size:14px;}
div#footer div.footer-left { float: left; display: inline; width: 200px; height:53px; overflow: hidden;}
div#footer div.footer-right { float: right; display: inline; width: 770px; height:53px; text-align:right;}
div#footer div.footer-right ul li { font-size:11px;  display:inline; float:right; line-height:9px; border-right:1px solid #CCC;}
div#footer div.footer-right ul li a {font-size:11px; color:#ccc; line-height:9px; text-decoration:none; padding:0 7px; font-weight:normal;}
div#footer div.footer-right ul li a:hover { color:#fff; text-decoration:none;}
div#footer div.footer-right ul li a.last{border-right:0px;}

div#footer div.footer-right .copy-right {font-size:10px; color:#999;}

div#bottom-site {width:1000px; margin:0 auto; height:70px; }
div#bottom-site h1 { font-size:14px; font-weight:normal; float:right; margin:5px;}
div#bottom-site h1.kela a.kela {text-indent:-9999px; width:203px; height: 55px; background:url(../images/kela-logo/kela-thumbnail.png) right top no-repeat; display:block; margin-right:-10px;}
div#bottom-site h1.pkp a.pkp {text-indent:-9999px; width:129px; height: 70px; background:url(../images/pkpsport-logo.jpg) right top no-repeat; display:block; margin-top:-10px; margin-left:4px;}
div#bottom-site h1.sport a.sport {text-indent:-9999px; width:129px; height: 70px; background:url(../images/sport.jpg) right top no-repeat; display:block; margin-top:-10px; margin-left:4px; }
div#bottom-site div.site-left{
	float:left;
	display:inline;
	width:400px;
	color:ccc;
	margin-top:20px;
	padding-left:20px;


}
div#bottom-site div.site-right { float:right; display: inline; width: 550px;  margin-top:10px;}

div#bottom-site div.site-left p.address { font-size:11px; color:#FFF; line-height:3px;}
div#bottom-site div.site-left p.address a.kevinorganizer {color:#D76009; text-decoration:none;}




#slideShow
{
	width: 280px;
	height: 330px;
	background-color: #fff;
	padding:0 20px;
}
.pagelinks a
{
	font-weight: bold;
	color: #666;
	text-decoration:none;
}
.slideCaption
{
	background-color: #FFFFCC;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}
.pagelinks a.activeSlide
{
	color: #f90;
	text-decoration:none;
}

.nextSlide,.prevSlide
{
	background-image: url(../images/spacer.gif);
}
.nextSlide:hover
{
	background-image: url(../images/nextslide.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-decoration:none;
}
.prevSlide:hover
{
	background-image: url(../images/prevslide.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	text-decoration:none;
}
.inputsTooltip
{
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
#tooltipURL
{
	display: none;
}


#product-box{
	overflow: hidden;
	width: 292px;;

}

.navigation-controls {
	position: relative;
	text-align: center;
	background: #fff;
	padding: 5px;
	z-index: 1001;
}

/* Picture slides */
.picture-slides-disabled {
	color: #eee;
}

.picture-slides-container {
	margin-bottom: 2em;
}

.picture-slides-dimmed-background .navigation-controls {

}

.picture-slides-dimmed-background .picture-slides-image-text {

}

.picture-slides-fade-container {
	position: relative;
	overflow: hidden;
	z-index: 1002;
}

.picture-slides-fade-container a {
	display: block;
	height: 292px;
	text-align: center;
	margin-bottom: 10px;
}

.picture-slides-fade-container a img {
	padding:3px;
	border:3px solid #CCC;

}

.picture-slides-image-load-fail {
	display: none;
}

.picture-slides-image-text {
	position: relative;
	background: #000;
	text-align: center;
	padding: 5px 0 10px;
	z-index: 1001;
}

.picture-slides-previous-image, 
.picture-slides-next-image, 
.picture-slides-start-slideshow, 
.picture-slides-stop-slideshow {
	display: none;
}

.picture-slides-previous-image, 
.picture-slides-next-image, 
.picture-slides-start-slideshow, 
.picture-slides-stop-slideshow {
	cursor: pointer;
}

.picture-slides-thumbnails {
	list-style: none;
	overflow: hidden;
	margin: 0 auto;
}

.picture-slides-thumbnails li {
	float: left;
	width: 48px;
	margin:5px;
}

.picture-slides-thumbnails li img {
	width: 48px;
	height:48px;
	border:1px solid #ccc;
}

.picture-slides-thumbnails a {
	outline: none;
}

.picture-slides-thumbnails li .picture-slides-selected-thumbnail img {
	width: 48px;
	height:48px;
	border:1px solid #333;
}

.picture-slides-dim-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	z-index: 1000;
	display: none;
}
