/* Reset Browser Styles */
* {margin:0px; padding:0px;} img {border:none;} ul li {list-style-type:none;}
/* Global tags*/
body {
    font:normal 12px/17px Arial, Tahoma, Helvetica, sans-serif;
    color:#666;
    background:url(../../../images/frontEnd/layout/body-bg.jpg) center top no-repeat #FFF;}
a {color:#F1393F; text-decoration:none;}
h1 {
    font:normal 40px/50px Trebuchet MS, Tahoma, Helvetica, sans-serif;
    color:#F1393F;
    padding:5px 0 10px 0;}
h2 {
    font-size:17px;
    padding:5px 0 10px 0;}
h3 {
    font-weight:normal;
    font-size:15px;
    color:#000;
    padding:10px 0 0 0;}
h4 {
    font-weight:normal;
    font-size:12px;
    color:#000;
    padding:0px;}
/* */
/* Universal Class*/
.red {color:#ff0000 !important; text-decoration:none !important;}
.searchKeyword {color:#ff0000 !important;}
.noBorder {border:none; background:none !important;}
.clear {clear:both;}
/* Specific Class and ID */
.wrapper {
    width:980px;
    margin:0 auto;}
.logo{
    width:200px;
    float:left;
    padding-top:35px;}
.topContent{
    position:relative;
    z-index:100;}
.navigation{
    width:760px;
    float:left;}
.topLinks{
    padding:13px 0 14px 0;
    font-size:11px;}
.topLinks a{
    color:#666;
    padding:0 5px;}
.topLinks a:hover{
    text-decoration:underline;}
.languages{
    float:left;
    display:none;}
.specialNav{
    float:right;}
.specialNav a {
    font:normal 11px/13px Tahoma, Arial, Helvetica, sans-serif;
    border-left:solid 1px #BBB;
    padding:0 5px 0 7px;}
.specialNav a:hover {
    text-decoration:none;
    color:#F1393F;}
.specialNav a:first-child {
    border:none;}
.nav-holder{
    height:40px;
    background-color:#F13941;}
/* main-navigation */
.main-nav{
    float:left;}
/*
.main-nav li{
    float:left;}
.main-nav li a{
    font-size:14px;
    font-weight:bold;
    color:#fff;
    display:block;
    padding:12px 18px 11px 18px;}
.main-nav li a:hover{
    background-color:#C62326;}
*/
.main-nav .level1 {
    font-size:14px;
    font-weight:bold;}
.main-nav .level1 a {
    color:#fff;
    display:block;
    padding:12px 18px 11px 18px;}
.main-nav .level1 a:hover {
    background-color:#C62326;}
.main-nav .level2 {
    font-size:11px;
    background-color:#C62326;}
.main-nav .level2 a {
    color:#fff;
    display:block;
    padding:2px 10px 2px 20px;
    border-top:1px solid #F13941 !important;
    border-bottom:1px solid #AC1E21 !important;
    width:200px;
    background:url(../../../images/frontEnd/layout/main-nav-ddl-bg.png) 10px 9px no-repeat;}
.main-nav .level2 a:hover {
    background-color:#000;}
/* end main navigation */

/* sub-navigation */
.sub-nav{
    padding:10px;}
.sub-nav .level1{
    font-size:14px;
    width:185px;}
.sub-nav .level1 a{
    color:#666;
    display:block;
    padding:8px 0px 8px 5px;
    border-top:1px solid #FDFDFD !important;
    border-bottom:1px solid #D7D7D7 !important;}
.sub-nav .level1 a:hover{
    color:#F1393F;}
.sub-nav .level2{
    font-size:11px;}
.sub-nav .level2 a {
    color:#666;
    display:block;
    padding:3px 10px 3px 10px;
    background:url(../../../images/frontEnd/layout/sub-nav-ddl-bg.png) 0px 9px no-repeat;}
.sub-nav .level2 a:hover{
    color:#f00;
    text-decoration:underline;}
.sub-nav .level3{
    font-size:11px;}
.sub-nav .level3 a{
    color:#f00;
    display:block;
    padding:3px 10px 3px 10px;
    background:url(../../../images/frontEnd/layout/sub-nav-ddl-bg.png) 0px 9px no-repeat;}
.sub-nav .level3 a:hover{
    color:#000;
    text-decoration:underline;}  
.sub-nav .level4{
    font-size:11px;}
.sub-nav .level4 a{
    color:#f00;
    display:block;
    padding:3px 10px 3px 10px;
    background:url(../../../images/frontEnd/layout/sub-nav-ddl-bg.png) 0px 9px no-repeat;}
.sub-nav .level4 a:hover{
    color:#000;
    text-decoration:underline;}
/* end sub navigation */
.newsletterLink{display:none;}
.searchWrapper{
    float:right;
    width:186px;
    height:18px;
    padding-top:2px;
    background:url(../../../images/frontEnd/layout/search-bg.png) left top no-repeat;
    margin-top:10px;
    margin-right:5px;}
.inputSearch{
    border:none;
    background:none;
    width:140px;
    padding:0 10px;
    font-family:Tahoma, Arial, Sans-Serif;
    font-size:11px;
    color:#666;}
.inputButton{
    border:none;
    background:none;
    width:20px;
    height:20px;
    cursor:pointer;}
.footer{
    margin:30px 0;
    padding:15px 0;
    text-align:center;
    border-top:1px dotted #ccc;
    font-size:11px;}
.foooter-nav {
    text-align:center;}
.foooter-nav li {
    display:inline;
    border-left:solid 1px #CCC;}
.foooter-nav li:first-child {
    border:none;}
.foooter-nav li a {
    padding:0 5px 0 7px;
    font:normal 11px/13px Tahoma, Arial, Helvetica, sans-serif;}
.foooter-nav li a:hover  {
    color:#F1393F;}
.footer a {
    color:#666;}
.footer p {
    color:#999;
    display:block;
    padding:7px 0;}
.mainContent{
    background:url(../../../images/frontEnd/layout/bg-content.png) left top no-repeat;
    padding:30px;
    margin-top:40px;
    min-height:550px;}
.leftContent{
    width:215px;
    float:left;
    background-color:#F2F2F2;}
.rightContent{
    width:675px;
    float:left;
    margin-left:20px;}
.breadCrumbs {
    margin-bottom:10px;
    font-size:11px;}
.breadCrumbs li {
    display: inline;}
.breadCrumbs li a {
    color:#999;}
.breadCrumbs li a:hover {
    text-decoration:underline;
    color:#F1393F;}
/* */
.mainLeftSide {
    float: left;
    width: 500px;}
.mainLeftSide ul li {
    list-style-position: inside;
    list-style-type: disc;}
.mainLeftSide img {
    border: 1px solid #666666 !important;
    float: left;
    margin: 10px 10px 10px 0;
    padding: 4px;}
.mainRightSide {
    float: left;
    width: 155px;
    padding-left:20px;}
.mainRightSide img{
    width:155px;}
.sidePromotion{
    padding-bottom:20px;
    font-size:11px;}
.sidePromotion h2{
    color:#F13940;
    font-weight:bold;
    font-size:16px;
    line-height:20px;
}
/* branch office */
.branchOffice {
    margin: 10px 0 20px;
    padding: 0 0 0;}
.branchOfficeGallery {
    float: left;
    height: 160px;
    width: 240px;}
.branchOfficeInfo {
    background-color: #eee;
    float: left;
    font-size: 11px;
    height: 140px;
    padding: 10px;
    width: 210px;}
.branchOfficeMap {
    background-color: #CCCCCC;
    float: left;
    height: 160px;
    width: 200px;}
.companyInfo {
    margin-top: 5px;}
.branchOfficeTitle {
    font-size: 12px;
    line-height: normal;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 0;
    width: 200px;}
/* end branch office */
/* News */
.newsWrapper {
    float: left;
    height: 90px;
    margin-right: 80px;
    margin-top: 20px;
    width: 290px;}
.newsWrapper1 {
    margin-right: 0 !important;}
.newsArchiveWrapper {
    float: left;
    margin-bottom: 35px;
    margin-right: 20px;
    width: 310px;}
.newsImage {
    float: left;
    width: 90px;}
.newsImage img {
    border: 1px solid #ccc !important;
    padding: 2px;}
.newsText {
    float: left;
    width: 185px;}
.newsArchiveText {
    width: 220px;}
.newsText span {
    display: block;
    font-size: 10px;
    margin: 3px 0;}
.newsText h2 {
    padding: 0;}
/* Products */
.products-nav{
    border-bottom:1px dotted #999;
    font-size:11px;
    margin:20px 0;}
.products-nav-left{
    float:left;}
.products-nav-right{
    float:right;}
.productLeftSide {
    float: left;
    margin: 20px 20px 20px 0;
    width: 342px;}
.productLeftSide img{
    width:320px;}
.productRightSide {
    float: left;
    margin-top: 10px;
    width: 300px;}
.productDescription {
    margin-top: 20px;
    font-size:11px;}
.productDescription-holder {
    max-height:470px; 
    overflow-y:auto;}
.productPrice-01{
    border-top:1px dotted #999;
    margin-top:20px;
    text-align:right;
    padding-top:10px;
    line-height:20px;}
.divPrice{
    color: #333; 
    font-size:18px; 
    font-weight:bold;}
.backLink{display:none;}
.rightSideModel{
    color: #333; 
    font-size:14px; 
    font-weight:bold; 
    display:block;}
.facebook-share{
    background-color:#f7f7f7;
    border:1px solid #d6d6d6;
    padding:12px;
    margin-top:30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;}
/* Logo My Time */
.logo-myTime {
    position:relative;
    z-index:100;}
.logo-myTime a {
    display:block;
    background:url(../../../images/frontEnd/layout/myTime.png) left top no-repeat;
    position:absolute;
    right:20px;
    top:20px;
    width:100px;
    height:100px;
    z-index:100;}
/* Search */
.searchGlobal{}
.searchGlobal span {
    background-color: #CCCCCC;
    color: #000000;
    text-decoration: underline;}
.searchText{
    border-bottom:1px dotted #ccc;
    padding-bottom:15px;
    margin-bottom:10px;}
/* Social Media Links */
.socialLinks {
    padding:15px 0;}
.socialLinks a {
    display:block;
    font:bold 14px/28px Arial, Helvetica, sans-serif;
    float:right;
    padding-right:40px;
    background-image:url(../../../images/frontEnd/icons/icons-social.png);
    background-repeat:no-repeat;
    margin-right:20px;}
.socialLinks a:hover {
    text-decoration:underline;}
.socialLinks a.newsletterLink {
    background-position:right top;
    color:#666666;}
.socialLinks a.newsletterLink:hover {
    color:#F1393F;}
.socialLinks a.facebookLink02 {
    background-position:right -58px;
    color:#1F98D2;}
.socialLinks a.facebookLink02:hover {
    color:#035D9B;}
/* Rich Header */
.header {
    position:relative;}
.headerBigImages {
    width:940px;
    height:440px;
    overflow:hidden;
    margin:12px auto 0 auto;}
#navigation {
    position:absolute;
    top:420px;
    left:10px;
    z-index:1000;}
#navigation li {
    list-style-type:none;
    float:left;
    margin:0 4px;}
#navigation a {
    display:block;
    background:url(../../../images/frontEnd/elements/header-dot.png) left top no-repeat;
    width:15px;
    height:15px;}
#navigation .activeSlide a {
    background:url(../../../images/frontEnd/elements/header-dot-active.png) left top no-repeat;}
#navigation a img {
    display:none;}
/* Promotions */
.promotion-content li {
    width:510px !important;}
.promotions-rotation-links {
    position:relative;
    top:215px;}
.promotions-rotation-links a {
    font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
    color:#999999;}
.promotions-rotation-links a:hover {
    color:#F1393F;
    text-decoration:underline;}
/* Home Content */
.homeContent {
    margin:auto 20px;}
/* News */
.news {
    position:relative;
    width:380px;
    float:left;}
.news h3 {
    background:url(../../../images/frontEnd/icons/icons-social.png) left -108px no-repeat;
    padding-left:30px;
    font:bold 14px/28px Arial, Helvetica, sans-serif;
    color:#666666;
    padding:15px 0 15px 30px;
    position:absolute;
    top:-58px;}
.news-item {
    margin-bottom:20px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    -moz-box-shadow: 0px 0px 5px #AAA;
    -webkit-box-shadow: 0px 0px 5px #AAA;
    box-shadow: 0px 0px 5px #AAA;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#AAAAAA')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#AAAAAA');}
.news-item .news-item-holder {
    padding:10px;}
.news-item h2 {
     font:bold 18px/20px Arial, Helvetica, sans-serif;
     color:#333333;
     padding-bottom:2px;}
.news-item a {font-size:14px;}
.news-item a:hover {color:#C00; text-decoration:underline;}
.news-item img {
    width:74px;
    float:left;
    margin-right:10px;}
.news-item .news-item-text {
    width:250px;
    float:left;}
.news-item-date {
    display:none;}
.news-item p {
    font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;}
.news-archive-link {
    font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;}
/* Promotions */
.promotions {
    width:540px;
    height:220px;
    float:right;
    position:relative;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
    -moz-box-shadow: 0px 0px 5px #AAA;
    -webkit-box-shadow: 0px 0px 5px #AAA;
    box-shadow: 0px 0px 5px #AAA;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#AAAAAA')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=90, Color='#AAAAAA');}
.promotions-holder {
    padding:10px;}
.promotions h1 {
    font:normal 40px/44px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
    color:#F1393F;}
.promotions .promotion-content-text {
    position:relative;
    width:300px;
    height:180px;
    overflow:hidden;}
.promotions .promotion-content-text p {
    font:normal 19px/22px "Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;
    padding:10px 0 0 5px;}
.promotions .promotion-more-link {
    display:block;
    position:absolute;
    bottom:15px;
    left:15px;
    text-transform:uppercase;
    color:#666;}
.promotions .promotion-more-link:hover {
    color:#F1393F;
    text-decoration:underline;}
.promotion-image {
    position:absolute;
    right:10px;}
/* Products - Category */
.category-items {
    width:195px;
    height:240px;
    overflow:hidden;
    float:left;
    margin:0 15px 0 15px;}
.category-items h2 {
    font:bold 11px/13px Tahoma, Arial, Helvetica, sans-serif;
    color:#333;
    text-transform:uppercase;
    text-align:center;
    padding:10px 0 0 0;}
.product-list {
    margin-right:-20px;
    margin-top:40px;}
.product-list-items {
    width:210px;
    height:245px;
    overflow:hidden;
    text-align:center;
    float:left;
    margin:0 20px 20px 0;
    position:relative;}
.product-list-items h2 {
    padding:0 0 4px 0;}
.product-list-items h2,
.product-list-items h2 a {
    font:bold 11px/15px Tahoma, Helvetica, sans-serif;
    color:#333;}
.product-list-image {
    margin-bottom:10px;
    height:134px;
    width:210px;
    overflow:hidden;}
.product-list-code {
    font:normal 11px/15px Arial Tahoma, Helvetica, sans-serif;
    text-transform:uppercase;
    color:#666; 
    display:block;
    margin-bottom:4px;}
.product-list-price-normal {
    font-size:15px;
    color:#F1393F;}
.product-list-price-old {
    text-decoration:line-through;
    font-size:15px;
    color:#F1393F;
    margin-bottom:4px;}
.product-list-price-discount {
    background:url(../../../images/frontEnd/layout/bg-price-discount.jpg) left top repeat-x;
    width:auto;
    margin:0 auto;
    display:inline-block;
    font-weight:bold;
    font-size:15px;
    line-height:22px;
    color:#FFF;
    padding:0 10px;
    border:solid 1px #C62326;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;}
.product-list-promo {
    position:absolute;
    width:50px;}
.product-list-promo img {
    display:block;
    margin-bottom:2px;}
.product-list-price-note {
    font-size:10px;}
.product-list-price-note span {
    font-size:11px;
    color:#C62326;}
/* */
.pager,
.productsPager {
    text-align:center;
    font:bold 14px/17px Arial, Tahoma, Helvetica, sans-serif;
    margin-top:20px;
}