@font-face {
  font-family: 'HelveticaNeue-Bold';
  src: url('../fonts/HelveticaNeue-Bold.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeue-Bold';
  src:  url('../fonts/HelveticaNeue-Bold.ttf')  format('truetype'), url('../fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

ul{padding: 0; margin: 0;}

.page{width:100%; margin:0; padding:0;}

.header-wrapper{background:#f6a600; width:100%; margin:0; padding:0; }

.header{background:#fff; width:1403px; margin:0 auto; min-height:722px; padding:0 9px; }

.header-top{width:100%;  min-height:172px;}

.logo{float:left; line-height:0;}

.header-right{width:540px; float:right; padding:100px 0 0; margin:0 25px 0 0; position:relative;}

.cart{float:right;}

.header-right ul{float:right; text-align:center;}

.header-right ul li{display:inline-block; font-size:19px; font-family: 'Roboto', sans-serif; font-weight:500; padding:0 5px; line-height:30px; position:relative;}

.btn_header {
  -webkit-border-radius: 11;
  -moz-border-radius: 11;
  border-radius: 11px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  font-weight:bolder;
  background: #1bb869;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}
.btn_header:hover {
  -webkit-border-radius: 11;
  -moz-border-radius: 11;
  border-radius: 11px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 14px;
  font-weight:bolder;
  background: #004d9b;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
}

.btn_header:visited, .btn_header:active, .btn_header:focus { text-decoration:none !important; color:#ffffff !important; }

.padding_plus_gros_bouton { padding-top:60px; }
.padding_cart_plus_gros_bouton {padding-top:18px; }

.close_overlay{ float:right; padding-left:10px;}

#imprimetout {width: 325px;}
.overlay{   display:none; width:378px; height:425px; background:#fff; position:absolute; left:20px; top:40px;  z-index:999999; 
			border-radius:6px; 
			/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.26); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.26); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.26); */
			border: solid 1px #1bb869;
			text-align:left; }

.overlay h2{border-bottom:1px solid #d7d7d7; line-height:80px; font-size:25px; color:#303030; font-weight:normal; padding:0 30px; }

.overlay h2 span{ float:right; color:#808080; font-size:12px; padding-top:4px;}

.overlay a{color:#808080 !important;}

.overlay a:hover{color:#303030!important;}

.overlay p{font-size:12px; text-align:center;}

.overlay form{padding:28px;}

.overlaymail{ background:url(../themes/images/mail-input.jpg) 0 0 no-repeat;  height:50px; border:1px solid #d7d7d7; padding:10px 0 0 19%; font-size:16px; color:#808080; width:100%; margin-bottom:20px; -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;}

.overlaymail:focus{
  box-shadow: 0 0 5px rgba(158, 158, 158, 1);
}
.overlaypsw{ background:url(../themes/images/pass-input.jpg) 0 0 no-repeat; height:50px;  border:1px solid #d7d7d7; padding:10px 0 0 19%; font-size:16px; color:#808080; width:100%; margin-bottom:20px; -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;}

.overlaypsw:focus{
  box-shadow: 0 0 5px rgba(158, 158, 158, 1);
}
.overlaybtn{ background:#1bb869; width:100%; text-align:center; font-size:16px; font-weight:bold; line-height:48px; color:#fff; font-family: 'Open Sans', sans-serif; border-radius:5px;  border:0; cursor:pointer; transition:all 0.3s ease; text-transform:uppercase; margin:20px 0 10px;}

.overlaybtn:hover{background:#004d9b; color:#FFFFFF;}

.lbl{ float:left; font-size:16px; color:#1bb869; font-family: 'Open Sans', sans-serif; line-height:18px; padding-left:10px; padding-top:10px;}


.checkbox {
	background:url(../themes/images/check_box.png) no-repeat center top;
	width: 18px;
	height: 18px;
	float:left;
	display: block;
}
.drop{ padding-bottom:30px !important;}

.navbar-wrapper{width:100%; background:#1058a1; height:60px; margin-bottom:30px; }

.nav-logo{ line-height:0; float:left; }

.nav-logo img{margin-left:18px;}

/*****************************navbar*****************************/
.navbar{ width:100%; float:left; height:auto;}

.navbar ul{ width:100%;  margin:0 auto; }
.navbar ul li{float:left; line-height:60px; font-size:14px; position:relative; text-transform:uppercase;  }

.navbar ul li a{display:inline-block; color:#fff; padding:0 10px; background:url(../themes/images/nav-divider.jpg) 0 0 no-repeat;   }

.navbar ul li:first-child a {background:none;}

.navbar ul li a:hover, .navbar ul li a.active{color:#fff; background:#555555 url(../themes/images/nav-divider-hover.jpg) 0 0 no-repeat;}

.navbar ul li a span:after{background:url(../themes/images/arrow.png) no-repeat top right; content: "";
    display: inline-block;
    
    width: 12px;
    height: 8px;}
	
.navbar ul li:hover ul{ display:block;}

.navbar ul li ul{ display:none; position:absolute; background:rgba(16, 88, 161, 0.93); left:0px; top:60px; width:750px; z-index:999;}

.navbar ul li ul li{ width:250px; border:none; text-align:left; float:left; position:relative; border-top:1px solid #ccc; padding:0; line-height:30px; font-size:12px;}
.navbar ul li ul li:hover a{color:#f6a600;}

/* .navbar ul li ul li:first-child{ border:none;} */

.navbar ul li ul li a{ float:left; width:180px; background:none; border-left:none; }

.navbar ul li ul li a:hover{background:none; }

.navbar ul li ul ul{ position:absolute; left:200px; top:0; display:none !important;}

.navbar ul li li:hover ul{ display:block !important;}

.navbar ul li li ul.trd_lbl{ display:none !important;}

.navbar ul li li li:hover ul.trd_lbl{ display:block !important;}
.btn-navbar {display: none;	}

.banner{width:100%;  }

/*---------------slider---------------*/
.banner{ width:100%; margin:0; padding:0; height:auto;}

#slider4{height:auto;}

.rslides {position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}

.rslides li {-webkit-backface-visibility: hidden; position:relative; display: none; width: 100%;  left: 0; top: 0;}

.rslides li:first-child {  position: relative;  display: block;  float: left; }

.rslides img {  display: block;  height: auto;  float: left;  width: 100%;  border: 0;  max-width:100%;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0; background: #fff; position: relative;  }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { background:#0080c9;  }
.carousel li { margin-right: 5px; list-style-type:none;  }

/* Direction Nav */
.flex-direction-nav {display:none;}
/* Control Nav */
.flex-control-nav {
display:none;
}

.sliderimg {float:left; width:100%; }
.slidergt {padding:0; position:absolute; top:125px; left:87px; font-size:24px; color:#fff; line-height:normal; margin:0;  font-family: 'Open Sans', sans-serif; display:none;}
.slidergt h2{font-size:52px; font-weight:300; line-height:55px; height:178px;}
.slidergt h2 span{display:block;}

.setting {float:left; display:inline-block;}

.mainbody-wrapper{background:#fff; width:100%; margin:0; padding:0; }

/*.mainbody{width:100%; margin:0 auto; padding:35px 0 0; overflow:hidden;} */
/* .content-right{width: calc(100% - 180px); padding-bottom:35px; background-color:#0033FF;} */
.mainbody{width:1403px; margin:0 auto; padding:35px 0 0; overflow:hidden;}
.content-right{float:left; width:1015px; padding-bottom:35px;} 

.mainbodyadmin{width:100%; margin:0 auto; padding:35px 0 0; overflow:hidden;}
.content-rightadmin{float:left; width:calc(100% - 400px); padding-bottom:35px;} 


.promotion-section{width:100%; overflow:hidden; padding:0 0 35px;}

.promotion{ width:445px; float:left; position:relative; margin-right:33px;}

.promotion:last-child{margin-right:0;}

.promotiontext{ background:rgba(0,0,0,0.85); position:absolute; left:0; bottom:20px; width:316px; line-height:88px; text-align:center; font-size:37px; color:#fff; text-transform:uppercase; }

.content{width:100%; overflow:hidden;}

.product-nav{width:312px; float:left; border-right:1px solid #cccccc;  margin-right:72px;}

.product-nav h2{background:#403f3d; line-height:47px; color:#eeeeee !important; font-size:16px; text-transform:uppercase; font-weight:500; padding:0 0 0 20px; font-family: 'Roboto', sans-serif; margin-top: 0; margin-bottom: 0;}

.product-nav ul{padding:0;}

.product-nav ul li{background:url(../themes/images/divider.jpg) right bottom no-repeat; font-weight:500; line-height:47px; font-size:18px; font-family: 'Roboto', sans-serif; }

.product-nav ul li a{background:url(../themes/images/bullet_gris.png) 20px center no-repeat;  padding:0 0 0 40px; color:#555555; display:block;}

.product-nav ul li a:hover{background:#1d599f url(../themes/images/bullet_blanc.png) 20px center no-repeat; color:#FFF;}

.admin-nav{width:312px; border-right:1px solid #cccccc;  margin-right:72px;}
.admin-nav ul li{background:url(../themes/images/divider.jpg) right bottom no-repeat; font-weight:500; line-height:25px; font-size:18px; font-family: 'Roboto', sans-serif; }
.admin-nav ul li a{background:url(../themes/images/bullet.png) 20px center no-repeat;  padding:0 0 0 40px; color:#555555; display:block;}
.admin-nav ul li a:hover{background:#f6b63a url(../themes/images/bullet.png) 20px center no-repeat;}
.admin-nav h2{background:#5cb85c; line-height:47px; color:#eeeeee; font-size:16px; text-transform:uppercase; font-weight:500; padding:0 0 0 20px; font-family: 'Roboto', sans-serif;}

h2.admin-menu-header { background:#5cb85c; }
.product-nav ul.admin-menu-items li { line-height:25px; } 

.icon-section{ padding:10px 0 35px; overflow:hidden; color:#555555; font-size:13px;}

.icon{float:left; margin:0 10px 0 0; line-height:0; }

.icon-section h3{font-size:20px; font-weight:600;}





.product{ width:100%; text-align:left;}

.product h2{font-size:25px; color:#555555; font-weight:normal; padding-bottom:30px; line-height:normal; width:100%; float:left; }

.prod_row{ width:100%; overflow:hidden; clear:both;}

.productbox{ width:299px; float:left; line-height:0; position:relative; margin:0 22px 0 0; min-height:340px; overflow:hidden;}

.product-cart{ position:absolute; left:13px; top:203px; width:68px; height:67px;}

.producttext{ border-top:1px solid #cccccc; font-size:17px; color:#555555; font-weight:500;  line-height:normal; padding:10px 0 16px 98px; text-align:left;  }

.producttext a{color:#555555;}

.producttext a:hover{color:#000;}

.yellow-bar{ background:url(../img/yellow-bar.jpg) 0 0 no-repeat; width:911px; float:left; line-height:48px; font-size:21px; color:#fff; padding:0 15px; font-weight:600;}

.yellow-bar span{font-size:26px; float:right; }

.yellow-bar a{color:#fff;}

.yellow-bar a:hover{color:#efeeee;}


.features{ padding:30px 0 0; width:100%;}

.features-box{ width:280px; float:left; height:170px; border-radius:5px; margin-right:21px; font-size:13px;  color:#555555; padding:35px 0 0 20px;}

.features-box1{background:#efecec url(../img/feature-boxbg1.jpg) right top no-repeat;}

.features-box2{background:#efecec url(../img/feature-boxbg2.jpg) right top no-repeat;}

.features-box3{background:#efecec url(../img/feature-boxbg3.jpg) right top no-repeat;}

.features-box h2{font-weight:600; text-transform:uppercase; font-size:24px; line-height:normal; padding-bottom:5px; }

.features-box p{ height:72px; width:160px; line-height:20px;}

.link{ background:#f9f9f9; border:1px solid #d7d7d7; font-size:14px; color:#555555; padding:0 33px; border-radius:5px; line-height:28px; display:inline-block;  transition:all 0.3s ease;}

.link:hover{border:1px solid #000;}

.footer-wrapper{background:#f6a600; width:100%; margin:0; padding:0; }

.footer{background:#fff; width:1403px; margin:0 auto; overflow:hidden; padding:0 9px; }

.footer-top{width:100%; background:#1058a1;  padding:0;  overflow:hidden;}

.footer-top-left{width:312px; float:left; border-right:1px solid #0d4681;  margin-right:72px; height:234px;}
.impression{padding:37px 0 0 35px; color:#fff;}

.impression img{float:left; margin:0 22px 0 0;}

.impression h2{font-weight:600; text-transform:uppercase; font-size:20px; padding:30px 0 0; line-height:normal;} 

.price{ padding:40px 0 0 124px;}

.footer-address{float:left; padding:15px 0 0; width:227px; font-size:16px; font-weight:600; color:#fff; line-height:24px; }

.footer-address span{padding-left:20px;}

.twitter-widget{float:left; padding:32px 0 0; width:260px; font-size:12px;  color:#fff; line-height:18px; margin:0 40px 0 117px; }

.twitter-widget p{ padding:0 0 25px;}

.twitter-widget h2{font-size:14px; font-weight:normal; padding:0 0 15px;}

.twitter-widget span{color:#f8c86b;}

.newsletter{width:300px; float:left; padding:33px 0 0; }

.newsletter form{ overflow:hidden;}

.inputbox{ background:#fff; float:left; border:0; width:232px;  height:30px; font-size:12px; color:#555555; padding:8px 14px 0;}

.submitbtn{ background:#f6a600 url(../img/go-btn.png) center center no-repeat; border:0; cursor:pointer; width:38px; height:38px; text-indent:-999px; float:left;}

.footer-social{width:135px; margin:50px auto 0;}

.footer-social ul li a{float:left; text-indent:-9999px; padding:0; width:36px; height:36px; margin:0 3px; }

.footer-social ul li a.icon-1{background:url(../img/social1.jpg) 0 0 no-repeat; display:block; }

.footer-social ul li a.icon-1:hover{background:url(../img/social1.jpg) 0 0 no-repeat;}

.footer-social ul li a.icon-2{background:url(../img/social2.jpg) 0 0 no-repeat; display:block; }

.footer-social ul li a.icon-2:hover{background:url(../img/social2.jpg) 0 0 no-repeat;}

.footer-social ul li a.icon-3{background:url(../img/social3.jpg) 0 0 no-repeat; display:block; }

.footer-social ul li a.icon-3:hover{background:url(../img/social3.jpg) 0 0 no-repeat;}

.footer-bottom{width:100%; background:#7d7d7d; overflow:hidden; color:#fff; font-size:13px; }

.footer-bottom-left{width:312px; float:left; border-right:1px solid #646464; margin-right:72px; min-height:200px;}

.copyright{float:left; margin:25px 0 0;}
.footer_droite ul li a { color:#fff !important;}

.footer-bottom-right{float:right; margin:35px 70px 0 0; }
.footer_droite { float:left; }

.colonne_footer1 { width: 30% !important; float:left; }
.colonne_footer2 { width: 70%; float:left; }

.division_box_footer { width:30%; float:left; margin-right:10px;}
.footer_droite h3 { margin-top:10px; margin-bottom:10px;}
.division_box_footer a { color:#FFF; }
.division_box_footer h4 {text-align:center; }
/*innerpage*/

.product-nav{/*margin-top:65px;*/}

.tshirt{ width:215px; height:213px; margin:50px auto 0; padding:20px 0 0 30px;  font-family: 'HelveticaNeue-Bold';}

.tshirt h3{ font-size:24px; color:#fff; text-transform:uppercase; font-weight:bold; line-height:35px; }

.tshirt h3 span{font-size:30px; color:#000; display:block;}

.tshirt h4{ font-size:18px; color:#fff; text-transform:uppercase; font-weight:bold; line-height:35px; padding:50px 0 0; }

.tshirt h4 strong{font-size:49px; color:#000; display:block;}

.tshirt1{background:url(../img/tshirt1.jpg) 0 0 no-repeat;}

.tshirt2{background:url(../img/tshirt2.jpg) 0 0 no-repeat;}

.tshirt3{background:url(../img/tshirt3.jpg) 0 0 no-repeat;}

.product-icon-section{ /*padding:360px 0 100px;*/ padding: 40px 0 386px;}

/*Commander_step4*/

.commander{ border:3px solid #1058a1; border-radius:10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.26); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.26);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.26); padding:30px; font-size:18px; color:#808080; line-height:32px; overflow:hidden;}

.commander h4{ color:#555555; font-weight:normal; padding:0;}

.divider{ border:0; border-bottom:1px solid #e0e0e0; margin:30px 0 40px;}

.divider2{ border:0; border-bottom:1px solid #d7d7d7; margin:10px 0 10px;}

.divider3{ border:0; border-bottom:1px solid #d7d7d7; margin:10px 0 30px;}

.commander h3{ color:#1058a1; font-size:25px; font-weight:normal;}

.commander h2{color:#303030; font-size:36px; font-weight:600; padding:10px 0 14px;}

.commander form{ width:100%;}

.commander label{ font-size:30px; color:#1058a1; font-weight:600; width:100%; float:left; padding:15px 0 0;}

.commander p{padding:10px 0px; }

.commander span{padding-bottom:15px; width:100%; float:left;}

.inputbox2{ background:#fff; border:2px solid #9e9e9e; padding:0 2%; width:95%; line-height:40px; margin:12px 0; font-size:18px; color:#808080;-webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none; }

.inputbox2:focus{
  box-shadow: 0 0 5px rgba(158, 158, 158, 1);
}

.textbox2{ background:#fff; border:2px solid #9e9e9e; padding:2%; width:95%; height:165px; line-height:normal; margin:10px 0; font-size:18px; color:#808080;-webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;}

.textbox2:focus{
  box-shadow: 0 0 5px rgba(158, 158, 158, 1);
}
.continuer-btn{ background:#1bb869 url(../img/btnbg.png) 15px 0 no-repeat; padding:0 0 0 49px; width:240px; text-align:center; font-size:24px; line-height:57px; color:#fff; font-family: 'Open Sans', sans-serif; border-radius:5px; float:right; border:0; cursor:pointer; transition:all 0.3s ease;}

.continuer-btn:hover{background:#004d9b url(../img/btnbg.png) 15px 0 no-repeat; }

/*Commander_step1*/

.viewproduct{float:left; width:452px;}

.viewproduct img{ margin:20px 0 0;}

.product-description{float:right; width:470px;}

.product-description h2{padding:0;}

.product-description p{padding:0;}

.product-description .continuer-btn{font-size:19px; padding:0 0 0 59px; }
.custom_select_outer {width:auto; height:auto; float:left; margin:0 21px 15px 0; font-size:17px; color:#808080; font-weight:600; }

/*select {
    width: 177px;
    height: 42px;
    padding: 5px 42px 5px 5px;
   font-size: 16px;
   border: 2px solid #d7d7d7;
   height: 42px;
   border-radius:5px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
    background: url(../img/select_bg.jpg) no-repeat right top #f9f9f9;
    background-color: white;
  color: #303030;
  text-align:center;
} 
*/


#selectx, #selecty{
    background:#fff url("../img/select_bg.jpg") no-repeat right top;
    color:#303030;
    border-radius: 5px;
    text-align:center;
	border: 2px solid #d7d7d7;
    font-style: normal;
    font-weight: normal;
    height:32px;
    line-height:32px;
    overflow: hidden;
	font-family: 'Open Sans', sans-serif;
	
    padding: 5px 42px 5px 5px;
	font-size:16px;
    position: absolute;
	text-transform:uppercase;
    width:130px;
	-webkit-appearance:none;
}


#selectz{
    background:#fff url("../img/select_bg.jpg") no-repeat right top;
    color:#303030;
    border-radius: 5px;
    text-align:center;
	border: 2px solid #d7d7d7;
    font-style: normal;
    font-weight: normal;
    height:32px;
    line-height:32px;
    overflow: hidden;
	font-family: 'Open Sans', sans-serif;
	
    padding: 5px 42px 5px 5px;
	font-size:16px;
    position: absolute;
	text-transform:uppercase;
    width:53px;
	-webkit-appearance:none;
}





select:active, select:focus{
  outline:none;
}

.lot select{ width: 100px;  padding: 5px 42px 5px 0;}

.size{background:url(../img/info-icon.png) 0 50% no-repeat; font-size:14px; color:#808080; float:left; text-transform:uppercase; padding:0 0 0 28px; margin-top:35px;} 

.pricetag{float:left; font-size:35px; color:#aaaaaa; line-height:57px;}

.pricetag strong{color:#303030;}

.product-carousel{padding:25px 0 0;}

/* Tiny Carousel */

.viewproduct{ width:350px;}

.product-description{width:430px;}

/* Tiny Carousel */
.tinycarousel {
    height: 1%;
    margin: 30px 0 0;
    overflow: hidden;
    position: relative;
    padding: 0 10px 10px 0;
}

.tinycarousel .viewport {
    height: 280px;
    overflow: hidden;
	width:926px;
	 margin:0 auto;
    position: relative;
}

.tinycarousel .buttons {
    display: block;
    position: absolute;
    top: 30%;
    width: 23px;
    height: 41px;    
    text-decoration: none;
	text-indent:-999px;
}

.tinycarousel .prev {
    left: 3px;
	z-index:9999;
	background:url(../img/prev.png) 0 0 no-repeat;
	
}
.tinycarousel .next {
    right: 19px;
	background:url(../img/next.png) 0 0 no-repeat;
}


.tinycarousel .disable {
    visibility: hidden;
}

.tinycarousel .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 273px;
    left: 0;
    top: 0;
}

.tinycarousel .overview li {
    float: left;
    margin: 0 20px 0 0;
    padding: 1px;
    height: 280px;
    width: 290px;
 }
 
 
 .conteneur_de_contenu * h3 { 
	color:#FFF;
	font-size:18px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:10px;
	padding-right:10px;
	font-weight:normal;
}

.conteneur_de_contenu * h3 a { color:#FFF; text-decoration:none; }
.conteneur_de_contenu th { background-color:#4d4d4d; color:#FFF; }
.conteneur_de_contenu td, .conteneur_de_contenu th { padding:10px;}
.colonne_contenu_droit  {text-align:center; }
.conteneur_de_contenu * img {  width:100%; }
.bleu_fonce { background-color:#175a9f;}
.vert_fonce { background-color:#5cb85c;}
.vert_pale { background-color:#98c044;}
 


@media only screen and (min-width:980px){
	footer .fs_.footer_copyright ul {
		margin-bottom:30px;
	}
}
@media only screen and (max-width:979px){
	footer .fs_.footer_copyright ul {
		margin-bottom:30px;
		float:none !important;
		text-align:center;
	}

	footer .fs_.footer_copyright .col-sm-12, footer .fs_.footer_copyright .col-xs-12 {
		float:none !important;
		text-align:center !important;
	}
	footer .fs_.footer_copyright .col-sm-12 p, footer .fs_.footer_copyright .col-xs-12 p {
		text-align:center !important;
	}
}

@media only screen and (min-width:768px) and (max-width:1199px){
	.mainbodyadmin{width:100%; margin:0 auto; padding:35px 0 0; overflow:hidden;}
	.content-rightadmin{float:left; width:100%; padding-bottom:35px;} 

.header{ width:750px;  min-height:0; padding:0 5px; overflow:inherit;}

.header-top{width:100%; height:242px;}

.logo{float:none; text-align:center; width:100%;}

.header-right{float:none; padding:0; margin:10px auto;}

.navbar-wrapper{position:relative; }

.nav-logo{ line-height:0; float:left; }

.nav-logo img{margin-left:18px;}

/*****************************navbar*****************************/
.navbar{ position:absolute; top:15px; right:15px;}

.collapse {height:0; display:table; width:100%; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease;
-o-transition: height 0.35s ease; transition: height 0.35s ease;}	
	      
.nav-collapse.collapse { height: auto;}

.collapse.in { height: auto !important;}

.btn-navbar {width:46px;	height:34px; margin:6px auto; background: rgb(252, 252, 252); border:1px solid rgb(252, 252, 252);  border-radius:5px;}

.btn-navbar .icon-bar {display: block; width: 18px; height: 2px; margin:0 auto; background-color: #1058a1; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
		  
.btn-navbar .icon-bar + .icon-bar {margin-top: 3px;}

.navbar ul{ width:100%; }

.navbar ul li { width:100%; margin:0 auto; padding:4px 0 0 15px; list-style-type:none;  font-size:17px;  float:left;border-top:1px dashed #fff;}	

.navbar ul li ul{ display:none; position:absolute; background:rgba(16, 88, 161, 0.93); left:0px; top:60px; width:280px; z-index:999;}
.navbar ul li ul li{ width:250px; border:none; text-align:left; float:left; position:relative; border-top:1px solid #ccc; padding:0; line-height:30px; font-size:12px;}

.navbar ul li a {text-align: left; width:100%;  float:left; padding:0; line-height:23px; background:none !important; display:block; }	

.navbar ul li li a{ width:280px !important;}

.navbar ul li a:hover{color:#f6a600;}

.nav-collapse,
.nav-collapse.collapse { height: 0; overflow: hidden; background:rgba(16, 88, 161, 0.83); z-index: 99999;}

.nav-collapse {clear: both;}

.btn-navbar {display:block; margin:0 auto; height:34px; width:46px; float:right; cursor: pointer;}

.collapse {display:block;position: relative; overflow: hidden; }

/***************sub-nav*******************/

.navbar ul li ul{ display:block; position:inherit; float:left; width:90%; top:0; margin:10px 0 0 20px; background:none;}

.navbar ul li ul li{ width:100%; float:left;  padding:5px 0;}


.navbar ul li ul li ul{ display:block !important;left:10px; position:inherit; float:left; width:90%; top:0; margin:10px 0 0 20px; background:none;}

.navbar ul li ul li ul li{ width:100%; float:left; padding:5px 0;}


/***************sub-nav*******************/

.slidergt {padding:0; position:absolute; top:27%; left:6%; font-size:14px; color:#fff; line-height:normal; margin:0;  font-family: 'Open Sans', sans-serif;}

.slidergt h2{font-size:32px; font-weight:300; line-height:32px; height:107px;}

.slidergt h2 span{display:block;}

.mainbody-wrapper{background:#fff; width:100%; margin:0; padding:0; }

.mainbody{width:750px;}

.promotion{ width:240px; float:left; position:relative; margin-right:15px;}

.promotiontext{bottom:10px; width:100%; line-height:40px; font-size:17px; }

.product-nav{width:100%; float:none; border-right:0; margin:0 auto 25px;}

.product-nav ul li{font-size:16px; display:inline-block; width:245px; }

.content-right{float:none; width:100%; margin:0 auto;}

.product{ width:100%;}

.productbox{ width:240px; float:left; margin:0 10px 0 0; min-height:300px;}

.product-cart{top:160px;}

.producttext{ font-size:15px; padding:10px 0 0 88px;  }

.yellow-bar{width:96%; float:left; font-size:17px;  padding:0 2%; }

.yellow-bar span{font-size:20px;}

.features{ padding-top:0;}

.features-box{ float:left; margin:0 6px 25px; width:218px;}

.footer{width:750px; margin:0 auto; overflow:hidden; padding:0 5px; }

.footer-top-left{width:45%; float:left; border-right:1px solid #0d4681;  margin-right:9%;}

.footer-address{width:45%; }

.twitter-widget{float:left; padding:32px 5% 0; width:35%; border-right:1px solid #0d4681; margin:0 9% 0 0; }

.newsletter{width:45%; float:left; padding:33px 0 0; }

.footer-bottom-left{display:none;}

.copyright{float:left; width:40%; margin:10px 0; padding:0 5%;}

.footer-bottom-right{float:left; width:45%;margin:25px 0 0; text-align:right; }

.footer_droite { padding-left:50px; }
.footer_droite .1colonne_footer { width: 90%; margin-left:30px;}
.2colonne_footer { width: 90%; }
/*innerpage*/

.tshirt{ width:215px; height:213px; margin:50px 5px 50px 0; float:left;}

.product-icon-section{ padding:0 0 25px; float:left;}

/*Commander_step4*/
.commander-icon-section{ padding:40px;}

/*Commander_step1*/

.viewproduct{float:none; width:100%; margin:0 auto; text-align:center;}

.product-description{float:none; width:100%; margin:0 auto;}

/* Tiny Carousel */
.tinycarousel {
    height: 1%;
    margin: 30px 0 0;
    overflow: hidden;
    position: relative;
    padding: 0 10px 10px 0;
}

.tinycarousel .viewport {
    height: 280px;
    overflow: hidden;
    position: relative;
}

.tinycarousel .buttons {
    display: block;
    position: absolute;
    top: 30%;
    width: 23px;
    height: 41px;    
    text-decoration: none;
	text-indent:-999px;
}

.tinycarousel .prev {
    left: 30px;
	z-index:99999;
	background:url(../img/prev.png) 0 0 no-repeat;
}
.tinycarousel .next {
    right: 50px;
	background:url(../img/next.png) 0 0 no-repeat;
}


.tinycarousel .disable {
    visibility: hidden;
}

.tinycarousel .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 240px;
    left: 0;
    top: 0;
}

.tinycarousel .overview li {
    float: left;
    margin: 0 20px 0 0;
    padding: 1px;
    height: 280px;
    width: 240px;
 }
 
.padding_plus_gros_bouton {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
} 

}

@media only screen and (min-width:992px) and (max-width:1199px){
	.fs_.header-right ul.fs_.products_content_links {
		text-align: center !important;
	}
	.btn-navbar {float:none;}
	.header-right ul li.drop-menu .overlay {
		left: -150px;
	}
}

@media only screen and (min-width:767px) and (max-width:991px){
	.header-right ul li.drop-menu .overlay {
		left: -130px;
	}
}

@media only screen and (min-width:480px) and (max-width:767px){
.header{ width:460px;  min-height:auto; padding:0 5px; overflow:visible}

.header-top{width:100%; height:242px;}

.logo{float:none; text-align:center; width:100%;}

.header-right{width:100%; float:none; padding:0; margin:10px auto;}

.header-right ul li{ font-size:18px;  padding:0 10px;}

.navbar-wrapper{position:relative; }

.nav-logo{ line-height:0; float:left; }

.nav-logo img{margin-left:0;}

/*****************************navbar*****************************/
.navbar{ position:absolute; top:15px; right:5px;}

.collapse {height:auto; display:table; width:100%; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease;
-o-transition: height 0.35s ease; transition: height 0.35s ease;}	
	      
.collapse.in { height: auto !important;}

.btn-navbar {width:46px;	height:34px; margin:6px auto; background: rgb(252, 252, 252); border:1px solid rgb(252, 252, 252); border-radius:5px;}

.btn-navbar .icon-bar {display: block; width: 18px; height: 2px; margin:0 auto; background-color: #1058a1; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
		  
.btn-navbar .icon-bar + .icon-bar {margin-top: 3px;}

.navbar ul{ width:100%; }

.navbar ul li { width:100%; margin:0 auto; padding:4px 0 0 15px; list-style-type:none;  font-size:17px;  float:left;border-top:1px dashed #fff;}	

.navbar ul li ul{ display:none; position:absolute; background:rgba(16, 88, 161, 0.93); left:0px; top:60px; width:280px; z-index:999;}
.navbar ul li ul li{ width:250px; border:none; text-align:left; float:left; position:relative; border-top:1px solid #ccc; padding:0; line-height:30px; font-size:12px;}

.navbar ul li a {text-align: left; width:100%;  float:left; padding:0; line-height:23px; background:none !important; display:block; }	

.navbar ul li li a{ width:280px !important;}

.navbar ul li a:hover{color:#f6a600;}

.nav-collapse,
.nav-collapse.collapse { height: 0px; overflow: hidden; background:rgba(16, 88, 161, 0.83); z-index: 99999;}

.nav-collapse {clear: both;}

.btn-navbar {display:block; margin:0 auto; height:34px; width:46px; float:right; cursor: pointer;}

.collapse {display:block;position: relative; overflow: hidden; }

/***************sub-nav*******************/

.navbar ul li ul{ display:block; position:inherit; float:left; width:90%; top:0; margin:10px 0 0 20px; background:none;}

.navbar ul li ul li{ width:100%; float:left;  padding:5px 0;}


.navbar ul li ul li ul{ display:block !important;left:10px; position:inherit; float:left; width:90%; top:0; margin:10px 0 0 20px; background:none;}

.navbar ul li ul li ul li{ width:100%; float:left; padding:5px 0;}


/***************sub-nav*******************/

.slidergt {padding:0; position:absolute; top:27%; left:6%; font-size:10px; color:#fff; line-height:normal; margin:0;  font-family: 'Open Sans', sans-serif;}

.slidergt h2{font-size:18px; font-weight:300; line-height:18px; height:57px;}

.slidergt h2 span{display:block;}

.mainbody-wrapper{background:#fff; width:100%; margin:0; padding:0; }

.mainbody{width:460px;}

.promotion{ width:445px; float:none; position:relative; margin:0 auto;}

.promotion:last-child{margin:0 auto;}

.product-nav{width:312px; float:none; border-right:0; margin:0 auto 25px;}

.product-nav ul li{font-size:17px;  }

.content-right{float:none; width:100%; margin:0 auto;}

.product{ width:100%;text-align:center;}
.product h2{text-align:center;}

.productbox{ width:299px; float:none; margin:0 auto 40px; }

.yellow-bar{width:96%; height:48px; float:left; font-size:16px;  padding:0 2%; line-height:normal;}

.yellow-bar span{font-size:18px; float:none; padding-left:10px;}

.features-box{ float:none; margin:0 auto 25px;}

.footer{width:460px; margin:0 auto; overflow:hidden; padding:0 5px; }

.footer-top-left{width:70%; float:none; border-right:0;  margin:0 auto;}

.footer-address{width:70%; float:none;  margin:0 auto;}

.twitter-widget{width:70%; float:none;  margin:0 auto; padding:32px 0 0;  }

.newsletter{width:70%; float:none;  margin:0 auto; padding:33px 0; overflow:hidden; }

.footer-bottom-left{display:none;}

.copyright{float:left; width:40%; margin:10px 0; padding:0 5%;}

.footer-bottom-right{float:left; width:45%;margin:25px 0 0; text-align:right; }

/*innerpage*/

.product-icon-section{ padding:25px 0;}

/*Commander_step4*/

.commander{text-align:left;}

.commander h2{text-align:left !important;}

/*Commander_step1*/

.viewproduct{float:none; width:100%; margin:0 auto; text-align:center;}


.product-description{float:none; width:100%; margin:0 auto;}



/* Tiny Carousel */
.tinycarousel {
    height: 1%;
    margin: 30px 0 0;
    overflow: hidden;
    position: relative;
    padding: 0 80px 10px;
}

.tinycarousel .viewport {
    height: 280px;
    overflow: hidden;
    position: relative;
}

.tinycarousel .buttons {
    display: block;
    position: absolute;
    top: 30%;
    width: 23px;
    height: 41px;    
    text-decoration: none;
	text-indent:-999px;
}

.tinycarousel .prev {
    left: 30px;
	background:url(../img/prev.png) 0 0 no-repeat;
}
.tinycarousel .next {
    right: 30px;
	background:url(../img/next.png) 0 0 no-repeat;
}


.tinycarousel .disable {
    visibility: hidden;
}

.tinycarousel .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 299px;
    left: 0;
    top: 0;
}

.tinycarousel .overview li {
    float: left;
    margin: 0 20px 0 0;
    padding: 1px;
    height: 280px;
    width: 299px;
 }
 
 /* overlay*/
 
 .productbox {
  clear: both;
  float: none;
  min-height:0;
  margin: 0 auto 40px;
  width: 299px;
}

.footer_droite { padding-left:30px; }
.footer_droite .1colonne_footer { width: 90%; margin-left:30px;}
.2colonne_footer { width: 90%; }

.padding_plus_gros_bouton {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
} 


}
@media only screen and (min-width: 10px) and (max-width: 479px){
.header{ width:300px;  min-height:auto; padding:0 5px; overflow:visible; }

.header-top{width:100%; height:183px;}

.logo{float:none; text-align:center; width:100%;}

.header-right{width:100%; float:none; padding:0; margin:10px auto;}

.header-right ul li{font-size:12px; padding:0 5px;}

.navbar-wrapper{position:relative; height:50px !important; text-align:center; margin-top: 168px !important; }

.nav-logo{ line-height:0; float:left; }

.nav-logo img{margin-left:0;}

/*****************************navbar*****************************/
.navbar{ position:absolute; top:-10px; right:0;}


.collapse {height:0; display:table; width:100%; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease;
-o-transition: height 0.35s ease; transition: height 0.35s ease;}	
	      
.nav-collapse.collapse { height: auto;}

.collapse.in { height: auto !important;}

.btn-navbar {width:46px;	height:34px; margin:6px auto; background: rgb(252, 252, 252); border:1px solid rgb(252, 252, 252); border-radius:5px;}

.btn-navbar .icon-bar {display: block; width: 18px; height: 2px; margin:0 auto; background-color: #1058a1; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);}
		  
.btn-navbar .icon-bar + .icon-bar {margin-top: 3px;}

.navbar ul{ width:100%; }

.navbar ul li { width:100%; margin:0 auto; padding:4px 0 0 15px; list-style-type:none;  font-size:17px;  float:left;border-top:1px dashed #fff;}	

.navbar ul li ul{ display:none; position:absolute; background:rgba(16, 88, 161, 0.93); left:0px; top:60px; width:280px; z-index:999;}
.navbar ul li ul li{ width:250px; border:none; text-align:left; float:left; position:relative; border-top:1px solid #ccc; padding:0; line-height:30px; font-size:12px;}

.navbar ul li a {text-align: left; width:100%;  float:left; padding:0; line-height:23px; background:none !important; display:block; }	

.navbar ul li li a{ width:280px !important;}

.navbar ul li a:hover{color:#f6a600;}

.nav-collapse,
.nav-collapse.collapse { height: 0; overflow: hidden; background:rgba(16, 88, 161, 0.83); z-index: 99999;}

.nav-collapse {clear: both;}

.btn-navbar {display:block; margin:0 auto; height:34px; width:46px; float:none; cursor: pointer;}

.collapse {display:block;position: relative; overflow: hidden; }

/***************sub-nav*******************/

.navbar ul li ul{ display:block; position:inherit; float:left; width:90%; top:0; margin:10px 0 0 20px; background:none;}

.navbar ul li ul li{ width:100%; float:left;  padding:5px 0;}


.navbar ul li ul li ul{ display:block !important;left:10px; position:inherit; float:left; width:90%; top:0; margin:10px 0 0 20px; background:none;}

.navbar ul li ul li ul li{ width:100%; float:left; padding:5px 0;}


/***************sub-nav*******************/

.slidergt {padding:0; position:absolute; top:15%; left:6%; font-size:10px; color:#fff; line-height:normal; margin:0;  font-family: 'Open Sans', sans-serif; }

.slidergt h2{font-size:18px; font-weight:300; line-height:18px; height:57px;}

.slidergt h2 span{display:block;}

.mainbody-wrapper{background:#fff; width:100%; margin:0; padding:0; }

.mainbody{width:300px;}

.promotion{ width:100%; float:none; position:relative; margin:0 auto;}

.promotion:last-child{margin:0 auto;}

.promotiontext{bottom:10px; width:100%; line-height:40px; font-size:17px; }

.product-nav{width:300px; float:none; border-right:0; margin:0 auto 25px;}

.product-nav ul li{font-size:17px;  }

.content-right{float:none; width:100%; margin:0 auto;}

.product{ width:100%; text-align:center;}
.product h2{text-align:center;}

.productbox {
  clear: both;
  float: none;
  min-height:275px;
  margin: 0 auto 40px;
  width: 299px;
}

.yellow-bar{width:96%; height:48px; float:left; font-size:13px;  padding:5px 2% 0; line-height:normal;}

.yellow-bar span{font-size:16px; float:none; padding-left:10px;}

.features-box{ float:none; margin:0 auto 25px;}

.footer{width:300px; margin:0 auto; overflow:hidden; padding:0 5px; }

.footer-top-left{width:70%; float:none; border-right:0;  margin:0 auto;}
.price{ padding:10px 0 0 30px;}
.footer-address{width:70%; float:none;  margin:0 auto;}

.twitter-widget{width:70%; float:none;  margin:0 auto; padding:32px 0 0;  }

.newsletter{width:98%; float:none;  margin:0 auto; padding:33px 0; overflow:hidden; }
.inputbox{width:228px;}
.footer-bottom-left{display:none;}

.copyright{float:none;  margin:10px auto; width:100%; padding:0; text-align:center;}

.footer-bottom-right{float:none;  margin:0 auto 10px; width:100%; text-align:center; }

.footer_droite { padding-left:30px; }
.colonne_footer1 { width: 90%; margin-left:15px;}
.colonne_footer2 { width: 90%; margin-left:15px;}
.division_box_footer { width:100%;}

/*innerpage*/

.product-icon-section{ padding:25px 0;}

/*Commander_step4*/

.commander{text-align:left; padding:20px;}

.commander h2{text-align:left !important; font-size:33px;}

.continuer-btn{float:left;}

/*Commander_step1*/

.viewproduct{float:none; width:100%; margin:0 auto; text-align:center;}

.viewproduct img{ margin:20px 0 0;}

.product-description{float:none; width:100%; margin:0 auto;}

.product-description h2{padding:0;}

.product-description p{padding:0;}

.product-description .continuer-btn{font-size:19px; padding:0 0 0 59px; }
.custom_select_outer {width:auto; height:auto; float:left; margin:0 21px 15px 0; font-size:17px; color:#808080; font-weight:600; }
select {
    width: 177px;
    height: 42px;
    padding: 5px 42px 5px 5px;
   font-size: 16px;
   border: 2px solid #d7d7d7;
   height: 42px;
   border-radius:5px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
    background: url(../img/select_bg.jpg) no-repeat right top #f9f9f9;
    background-color: white;
  color: #303030;
  text-align:center;
} 
select:active, select:focus{
  outline:none;
}

.lot select{ width: 100px;  padding: 5px 42px 5px 0;}

.size{background:url(../img/info-icon.png) 0 50% no-repeat; font-size:14px; color:#808080; float:left; text-transform:uppercase; padding:0 0 0 28px; margin-top:35px;} 

.pricetag{float:left; font-size:35px; color:#aaaaaa; line-height:57px;}

.pricetag strong{color:#303030;}

.product-carousel{padding:25px 0 0;}

/* Tiny Carousel */
.tinycarousel {
    height: 1%;
    margin: 30px 0 0;
    overflow: hidden;
    position: relative;
    padding: 0 10px 10px;
}

.tinycarousel .viewport {
    height: 280px;
    overflow: hidden;
    position: relative;
}

.tinycarousel .buttons {
    display: block;
    position: absolute;
    top: 30%;
    width: 23px;
    height: 41px;    
    text-decoration: none;
	text-indent:-999px;
}

.tinycarousel .prev {
    left: 30px;
	z-index:999999999;
	background:url(../img/prev.png) 0 0 no-repeat;
}
.tinycarousel .next {
    right: 30px;
	background:url(../img/next.png) 0 0 no-repeat;
}


.tinycarousel .disable {
    visibility: hidden;
}

.tinycarousel .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 299px;
    left: 0;
    top: 0;
}

.tinycarousel .overview li {
    float: left;
    margin: 0 20px 0 0;
    padding: 1px;
    height: 280px;
    width: 299px;
 }
 
/* overlay*/
 .overlay{  width:300px;  left:-20px; height:550px !important; }

 .overlay h2{ font-size:21px; padding:0 10px;}
 
 .overlaymail{  padding:0 0 0 24%; width:75%; }
.overlaypsw{ padding:0 0 0 24%; width:75%;}



.padding_plus_gros_bouton {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
} 

.cart { display:none;}

}

@media only screen and (min-width: 1200px){
	.header-right ul li.drop-menu .overlay {
		left: -150px;
	}
}

@media only screen and (min-width: 1200px) and (max-width: 1401px){

.header-wrapper{background:#f6a600; width:100%; margin:0; padding:0; }

.header{background:#fff; width:1171px; margin:0 auto; min-height:642px; padding:0 9px; }

/*****************************navbar*****************************/
.navbar ul li{ font-size:14px; }

.navbar ul li a{padding:0 16px; font-size:13px;}

.mainbody{width:1171px; }

.promotion{ width:380px; margin-right:15px;}

.product-nav{width:280px; margin-right:25px;}

.content-right{width:865px;}

.product h2{font-size:25px; color:#555555; font-weight:normal; padding-bottom:30px; line-height:normal; width:100%; float:left; }

.productbox{ width:253px; margin:0 12px 0 0; min-height:340px; overflow:hidden;}

.product-cart{top:183px;}

.yellow-bar{ width:824px; font-size:19px;}

.yellow-bar span{font-size:20px; }

.features{ padding:30px 0 0; width:100%;}

.features-box{ width:268px; margin-right:10px; font-size:12px;  padding:35px 0 0 10px;}

.footer{ width:1171px; }

.footer-top-left{width:280px; margin-right:40px;}

.twitter-widget{ margin:0 20px 0 37px; }

.footer-bottom-left{width:280px;}

/*innerpage*/

/*Commander_step1*/

.viewproduct{ width:350px;}

.product-description{width:430px;}

/* Tiny Carousel */
.tinycarousel {
    height: 1%;
    margin: 30px 0 0;
    overflow: hidden;
    position: relative;
    padding: 0 10px 10px 0;
}

.tinycarousel .viewport {
  height: 280px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 795px;
}

.tinycarousel .buttons {
    display: block;
    position: absolute;
    top: 30%;
    width: 23px;
    height: 41px;    
    text-decoration: none;
	text-indent:-999px;
}

.tinycarousel .prev {
    left: 0;
	z-index:9999;
	background:url(../img/prev.png) 0 0 no-repeat;
	
}
.tinycarousel .next {
    right: 12px;
	background:url(../img/next.png) 0 0 no-repeat;
}


.tinycarousel .disable {
    visibility: hidden;
}

.tinycarousel .overview {
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 0;
    width: 273px;
    left: 0;
    top: 0;
}

.tinycarousel .overview li {
    float: left;
    margin: 0 15px 0 0;
    padding: 1px;
    height: 280px;
    width: 253px;
 }


}