﻿.text-center{
	text-align:center;
}
.margin-top-10{
	margin-top:10px;
}
.margin-top-20{
	margin-top:20px;
}
.margin-top-30{
	margin-top:30px;
}
.margin-top-40{
	margin-top:40px;
}
.margin-top-50{
	margin-top:50px;
}
.margin-top-60{
	margin-top:60px;
}

.margin-bottom-10{
	margin-bottom:10px;
}
.margin-bottom-20{
	margin-bottom:20px;
}
.margin-bottom-40{
	margin-bottom:40px;
}
.margin-bottom-50{
	margin-bottom:50px;
}
.margin-bottom-60{
	margin-bottom:60px;
}
.margin-bottom-100{
	margin-bottom:100px;
}
.margin-bottom-140{
	margin-bottom:140px;
}
.caps{
	text-transform:uppercase;
}
.font-14{
	font-size:14px;
}
.font-16{
	font-size:16px;
}
.font-18{
	font-size:18px;
}
.font-20{
	font-size:20px;
}
.font-24{
	font-size:24px;
}
.font-32{
	font-size:32px;
}
.gray{
	color:#8b8b8b;
}
.subover{
	font-size:32px;
	color:#fff;
	font-weight:700;
}
.subheaderblack{
	font-size:36px;
	font-family:"Bitter";
	color:"#000";
}
.subheader2black{
	font-size:32px;
	color:#000;
	font-family:"Bitter";
}
.textlink{
	font-size:18px;
	color:#AD4326;
}
.block{
	display:block;
}
.main-hot-link{
	padding-top: 304px;
	display: block;
}

.announcement-bar 
{
    background: #ec7c7b;
    padding: 10px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: bold;
    font-size: .6571em;
    text-transform: uppercase;
    position: relative;
}
.announcement-bar .message 
{
    width: 960px;
    margin: 0 auto;
}

.notificationclose {
    background: url("http://sg.creative.com/Content/images/icon.png") no-repeat scroll -21px -1900px;
    border: medium none;
    display: block;
    height: 13px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 5px;
    width: 12px;
}

a.notificationclose, a.notificationclose:visited, a.notificationclose 
{
    border: medium none;
    display: block;
    height: 13px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 8px;
    top: 5px;
    width: 12px;
    color: #eee;
    text-decoration: none;
}


#header .topmenu .nav li /*override the top menu's z-index*/
{
    z-index:10000;
}
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin:0pt;
	padding:0pt;
}
body{   
     background: none repeat scroll 0 0 #FFFFFF;   
     font-family: "proxima-nova", sans-serif;
}
.clear{
     clear:both;
      width:0px;
      height:0px;
      margin:0px;
      padding:0px;
}
a,a:hover
{
    outline:none; blur:expression(this.onFocus=this.blur());
    text-decoration:none;
    cursor:pointer;
}
img
{
	border:0; margin:0; padding:0;
}
.m
{
    overflow:hidden;
}
.f
{
    float:left;
}
.h
{
    display:none;
}
.bgMaster
{
     background-image:url(../images/homepage/sprite.png);
}
.closeBtn
{
    background-image:url(../images/sprite.png);
    background-position:-350px -150px;
    width:28px; height:28px;
    position:absolute; z-index:9999; 
    top:10px; right:10px;    
}
#hpp
{
   background-color:#FFFFFF;  
   position:relative;
}
#hppHeader
{
    background-color:#1F1F1F;    
}
#hppLogo
{
    background-image: url("../images/sprite.png");
    background-position: -295px -240px;
    background-repeat: no-repeat;
    float: left;
    height: 35px;
    width: 140px;
    margin-top:10px;
}
.fixed
{
    position:fixed; top:0px; left:0px; width:100%; z-index:4000;    
}
#hppHeader .inner,#hppContent .inner,#hppFooter .inner
{
    width:960px; margin:0 auto;
}
.hppNav
{
    height:58px;
}
.hppNav .topMenu
{
    list-style:none; height:49px; margin-top:9px;
    float:right;
}
.hppNav .topMenu .topItem
{
    float:left; 
    height:49px; line-height:49px;
    padding:0 24px;
    position:relative; z-index:9998;
}
.hppNav .topMenu .topItem a
{
     float:left; height:100%;       
}
.hppNav .topMenu .hasSub
{
   padding-right:14px; 
}
.hppNav .topMenu .hasSub .arrow
{
   float:left;
   background-image:url(../images/homepage/sprite.png);   
   background-position:-300px -50px;
   width:8px; height:5px;
   margin-left:9px;
   margin-top:22px;
}
.hppNav ul .topItem:hover
{
     background-color:#060606;
}
.hppNav ul .hasSub:hover .arrow
{
   background-position:-350px -50px;  
}

.hppNav .drpMenu
{   
    position:absolute;
    z-index:9999;
    top:49px;
    right:0px;
    width:319px; border-left:2px solid #636363;
    background-color:#060606;
    padding:18px 18px 25px;
    list-style:none;
    display:none;
}
.hppNav ul .topItem:hover  .drpMenu
{
   display:block;
}
.hppNav .drpMenu li
{
    float:left; width:279px;
}
.hppNav .drpMenu .lv2Item
{
    float:none;padding:0px 25px 0px 15px;
}
.hppNav .drpMenu .lv2Item p
{
    line-height:normal;
}
.hppNav .drpMenu .lv2Item .title
{
  text-align:left; 
}
.hppNav .drpMenu .lv2Item .title a
{
  float:none; height:auto;   text-transform:uppercase;
}
.hppNav .drpMenu .lv2Item .desc
{
    text-align:left;
}
.hppNav .drpMenu .seperator
{
    background-color:#636363; height:1px; margin:24px 0px;
    width:319px;    
}
#hppContent
{
    
}
#hppFooter
{
    clear:both;
    height:202px;
    background-color:#262626;
    padding-top:28px;    
}
.ftLink
{
    float:left;
}
.ftLink .title
{
    text-align:left;
    color:#FFFFFF; font-size:16px;
}
.ftLink .links
{
    overflow:hidden;
    margin-top:26px;
}

.ftLink .socialIcons
{
   height:25px;
   background-image:url(../images/homepage/sprite.png);
   float:left; margin-right:22px;
   filter:alpha(opacity=30); opacity:0.3; 
}
#hppFooter .facebook
{
    background-position:-150px -50px;
    width:24px;
}
#hppFooter .twitter
{
    background-position:-195px -50px;
    width:28px;
}
#hppFooter .youtube
{
    background-position:-240px -50px;
    width:24px;
}

#hppFooter .separator
{
    width:1px; height:72px; background-color:#4E4E4E;
    float:left; margin:0 20px;
}
/*******************common *****************************/
.line_through_title
{
    border-top: 1px solid #A9A9A9;    
    text-align: center;
    text-transform: uppercase;
    margin-top:25px;
}
.line_through_title span
{
    background-color: #FFFFFF;
    color: #AD4326;
    font-size: 36px;
    padding: 0 17px;
    position: relative;
    top: -25px;
    font-weight:normal;
}
.f_bodyText
{
	color:#8B8B8B;
    line-height:26px; font-weight:400;
}
.f_mainNav
{
    font-size:20px; color:#FFFFFF;
}
.f_subNavTitle
{
    font-size:16px; color:#F6745D;
}
.f_subNavDesc
{
    font-size:14px; line-height:18px; color:#A2A2A2;
}
.f_boxHeader
{
    font-family:'bitter'; font-weight:400; font-size:30px;  color:#FFFFFF;
}
.f_boxTextWhite
{
    font-size:14px; color:#FFFFFF; line-height:18px;
}
.f_boxTextLink
{
    font-size:16px; color:#F6745D;
}
.f_feaHeader
{
    font-size:22px;color:#FFFFFF;
}
.f_header
{
    font-size:36px; font-weight:normal;  color:#AD4326;
}
.f_boxTextItalic
{
    font-size:18px; line-height:24px; font-style:italic; color:#101010; font-weight:400;
}
.f_boxTextBlack
{
    font-size:18px; color:#101010; font-weight:normal;
}
.f_bottomHeader
{
    font-size:16px; color:#FFFFFF;
}
.f_subHeader1White
{
    font-size:36px; color:#FFFFFF;font-weight:300;
}
.f_subText1White
{
    font-size:24px; color:#FFFFFF; line-height:32px;font-weight:300
}
.f_subHeader2Black
{
    font-size:32px; color:#000000; font-weight:400; font-family:'Bitter';
}
.f_subText2Grey
{
    font-size:16px; color:#8B8B8B; line-height:24px; font-weight:400;
}
.f_textLink
{
    font-size:18px; color:#AD4326; font-weight:400;
}
.f_subText2Black
{
    font-size:18px; color:#000000; font-weight:300;
}
.f_subTabNorm
{
    font-weight:400;font-size:16px; color:#8F8F8F;
}
.f_subTabOver
{
    font-weight:400;font-size:16px; color:#303030;
}
.f_boxTextGrey
{
    font-size:14px; color:#BDBDBD;
}
.f_buttonTextWhite
{
    font-size:16px; color:#FFFFFF;
}
/******************homepage****************************/

.slider
{
    position:relative; z-index:500;
    margin-top:42px;
    width:960px; height:400px;
    overflow:hidden;
}
.slider_item
{
    width:960px; height:400px;
}
.sliderNav
{
    position:absolute;
    z-index:8;
    left:0px; top:180px;
    width:960px;
}
.sliderNav .nav
{
   width:32px; height:40px;
}
.sliderNav .prev
{
    float:left;
    background-position:-50px -50px;
}
.sliderNav .next
{
    float:right;
    background-position:-100px -50px;
}
.slider .innerSlider
{
   position:absolute; z-index:400;
   left:50px; bottom:30px;  
   width:428px; height:192px;
   background-color:#1F1F1F;   
   overflow:hidden;
}
.slider_item_infor_wrapper
{ 
   float:left;
   text-align:left;       
   padding:16px;
}
.slider_item_infor
{   
   float:left;
   text-align:left;       
   padding:16px;
}
.slider_item_infor .desc
{    
    margin-top:10px;
}
.slider_item_infor .learnMore
{
   margin-top:10px;
}
.features
{
    margin-top:70px;
}
.feature
{    
    float:left;width:480px;
}
.feature .img
{
    width:480px; height:306px;
}
.feature .feaText
{
    height:54px; line-height:54px;
    text-align:center; background-color:#1F1F1F;
}

.reviews
{
    margin-top:40px; margin-bottom:70px;
}
.reviews .title
{
    border-top:1px solid #A9A9A9;
    text-align: center;
    text-transform: uppercase;
    margin-top:39px;
}
.reviews .title span
{
    position:relative;
    top:-25px;
    padding:0px 20px;
    background-color:#FFFFFF;
}

.review_List
{
  margin-top:24px;
}
.mb20
{
    margin-bottom:20px;
}
.mr20
{
    margin-right:20px;
}
.review_List .item
{
    float:left;
}
.review_List .item  .desc
{
    background-color:#ECECEC;
}
.review_List .item  .desc .main
{
    padding:40px;padding-bottom:25px;    
}
.review_List .item  .desc .author
{
   padding:0 40px;  
}



/****************************all headphones****************/
.p_all
{
   
}
.p_all_row
{
    padding-top:50px;padding-bottom:50px;
}
.p_all_row .list
{
    width:900px; padding:0px 30px;
}
.p_all_row .list .separator
{
    margin-top:50px; width:100%; height:0px; float:left;
}
.p_all_row .list .item
{
    float:left;
}
.p_all_row .list .item .link
{
   display:block; overflow:hidden; 
}
.p_all_row .list .item .pdtName
{
   text-align:center;
}
.p_all_row .list .item .pdtName a
{
     color:#000000; font-size:18px; font-weight:300;
     font-style:normal;
}

/******products_wireless&aurvana**********************/
.p_p
{
           
}
.p_p_title
{
    padding-top:50px;
}
.p_p_title .desc
{
   text-align: center;
}
.collage
{
    margin-top:70px; height:400; 
    position:relative; z-index:500;
}
.collage .col1
{
   float:left;width:720px; height:400px; overflow:hidden;
}
.collage .col1 a, .collage .col2 a
{
    display:block;
}
.collage .col2
{
    float:left;width:240px;height:400px; overflow:hidden;
}
.collage .largeBlock
{
    position:absolute; z-index:1000;
    left:0px;  top:0px;
}
.collage .largeImgs
{
    float:left; width:100%; height:400px; overflow:hidden;
    margin-top:-400px;
}
.collage .largeImg
{
    width:960px; height:400px; overflow:hidden;   
}
.collage .largeImg .infor
{
    text-align:left;
}
.collage .largeImg .infor h2
{
    
}
.collage .largeImg .infor p
{
    margin-top:10px;
}

.p_p_desc
{
    margin-top:80px;
    border-top:1px solid #A9A9A9;
    padding-top:80px; padding-bottom: 100px;
}
.p_p_desc .pdt_slider
{
    position:relative; z-index:500;   
    width:960px;
    overflow:hidden;
}
.pdt_slider_text
{
    width:400px; float:left;margin:0px 45px 0px 45px;
}
.pdt_slider_img
{
    width:470px; float:left; 
}
.pdt_slider .sliderNav
{
    top:130px;
}
.p_p_desc .slider_item
{
    width:960px;
}
.p_p_desc .pdt_slider_text .colText
{
    float:left; width:400px; 
}
.p_p_desc .pdt_slider_text .colText .title
{
     text-align:left;
}
.p_p_desc .pdt_slider_text .colText .desc
{
    margin-top:24px; text-align:left;
}
.p_p_desc .pdt_slider_text .colText .buttons
{
    margin-top:18px; text-align:left;
}
.p_p_desc .pdt_slider_img .colImg
{
    float:left; width:470px;
}
.p_p_desc .thumbList
{
    margin-top:60px;
} 
.p_p_desc .thumbList .item
{
    float:left; width:240px;  overflow:hidden; height:216px; text-align:center;
}
.p_p_desc .thumbList .item a
{
    display:block;
}
.p_p_desc .thumbList .item .pdtName
{
    margin-top:-42px;
}
.p_p_desc .thumbList .selected
{
     background-image:url(../images/products/wireless/sprite.png);
     background-position:-50px -150px;
     width:240px; height:216px;
}

/***************************discover*********************************/
.discover
{
    padding-top:74px;
}
.dis_header
{
    
}
.dis_header p
{
    padding:0px 40px;
}
.dis_navs
{
    border:1px solid #D8D8D8;
    margin-top:72px;
}
.dis_navs ul
{
    float:left;list-style:none;
    position:relative;   
}
.dis_navs ul li
{
    float:left; width:239.5px; height:40px; line-height:40px; text-align:center;
}
.dis_navs ul li.back
{
    position:absolute;z-index:1;
    background-image:url(../images/discover/sprite.png);
    background-position:-50px -400px;
    background-repeat:no-repeat;
    width:240px; height:47px;
}
/*.dis_navs ul li:hover
{
    
}*/
.dis_navs ul li a
{
    width:100%; height:100%; float:left;
    position:relative; z-index:2;
}
.dis_navs ul li a:hover
{
    
}
.dis_content
{
    margin-top:10px;
	margin-left:10px;
}
.dis_inner_content
{    
    padding-bottom:70px;
    display:none;
}
.dis_inner_content .main
{
    margin-top:63px; overflow:hidden;
}
.dis_inner_content .main .seperator
{
    width:100%;
    float:left;
    border-top:1px solid #A9A9A9;
    margin-top:90px; margin-bottom:88px;
}
.dis_inner_content .main .row
{
    float:left; text-align:left;
}
.dis_inner_content .main .row .leftCol
{
    float:left; width:490px; 
}
.dis_inner_content .main .row .rightCol
{
    float:right; width:470px; 
}
.dis_inner_content .main .row  p
{
    margin-top:15px;
}
.dis_inner_content .main .row  .link
{
    margin-top:10px;
}
.dis_inner_content .main .row .leftImg
{
    padding-left:40px; width:430px;
}
.dis_inner_content .main .row .rightImg
{
    padding-right:40px; width:450px;   
}
/*******************************help*****************************/
.hpp_help
{
   /*background-image:url(../images/contact_img.jpg);
   background-position:right top;
   background-repeat:no-repeat;   
   padding:60px 0px 104px 40px;*/
   text-align:left;
   overflow:hidden;
}
.hpp_help .helpForm
{
    padding:0 113px;
}
.hpp_help .title
{
    float:left; width:100%;
    margin-top:50px;
    text-transform:uppercase;
}
.hpp_help .desc
{
    float:left; width:100%;
    margin-top:25px;
}
.hpp_help .helpForm .forms
{
     float:left; width:100%;
     margin-top:25px; overflow:hidden;
}
.hpp_help .helpForm .forms .lr
{    
    margin-top:5px; overflow:hidden;
}
.helpForm  .lr .field
{
    float:left; width:180px; padding: 5px 0px;
}
.helpForm  .lr .fieldContent
{
    float:left; width:240px; overflow:hidden;
}
.helpForm  .lr .fieldLong
{
    padding: 5px 0px;
}
.helpForm  .lr .fieldContentLong
{
    
}
.hpp_help .text_single
{ 
    border:1px solid #AAAAAC;
    width:228px;
    padding:5px;
}
.select240w
{
    border:1px solid #AAAAAC;
    width:320px;
    padding:5px;
}
.selectEnquiry option
{
   
}
.hpp_help .text_multi
{ 
    border:1px solid #AAAAAC;
    width:408px; height:133px;
    padding:5px;
}
.hpp_help .btnSubmit
{
     border:none;
     background-color:#552113;
     padding:10px 54px;     
     cursor:pointer;
}



.fieldName {
    color: #3B3B3B;
    font-family: 'Lato';
    font-size: 16px;
}
.fieldNote {
    color: #6A6A6A;
    font-family: 'Lato';
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
}
.sectionHeader
{   
    font-family:'Muli';font-weight:300;
    font-size:26px; color:#4D4D4D;       
    margin:0 0 30px 0px;
    float:left; width:100%;
    border-bottom:1px solid #000000;   
}
 .formRow
{
    float:left;
    width:100%;
    padding-bottom:40px;
}
 .formRow .formField
{
    float:left;  
    width:317px;
    margin-right:50px;
}
.formRow .formFieldLong
{
    float:left;        
}
 .formRow .formField .fieldName, .formRow .formFieldLong .fieldName
{
    overflow:hidden;
}
 .formRow .formField .filedControl, .formRow .formField .fieldNote,
 .formRow .formFieldLong .filedControl, .formRow .formFieldLong .fieldNote
{
    float:left;
    margin-top:8px;
}

.txt315,.select315
{
    border:1px solid #BBBBBB;
    width:315px; height:36px; line-height:36px;
    -moz-border-radius: 7px;      /* Gecko browsers */
    -webkit-border-radius: 7px;   /* Webkit browsers */
    border-radius:7px;            /* W3C syntax */
    text-indent:10px;
    outline:none;
}

.socialBlock {
    background-color: #F7E6AE;
    border-radius: 10px 10px 10px 10px;
    padding: 15px; padding-left:8px;
    width: 660px;
    margin-top: 20px;
}
.specialTextSdw {
    color: #4A4A4A;
    font-family: 'Lato';
    font-size: 16px;
    text-shadow: 2px 2px 2px #FFFFFF;
}
.specialTextBoldSdw {
    color: #4A4A4A;
    font-family: 'Lato';
    font-size: 16px;
    font-weight: 700;
    text-shadow: 2px 2px 2px #FFFFFF;
}
.socialBlock span {
    float: left;
    height: 26px;
    line-height: 26px;
}
.socialBlock .links
{
    margin-left:5px;
}
.socialBlock .links .twitter
{
    float:left;
    background-image:url(../images/tweet_button.png);
    width:78px; height:26px; overflow:hidden;
}
.socialBlock .links .facebook
{
    float:left; margin-left:5px;
    background-image:url(../images/facebook_but.png);
    width:79px; height:26px;
}
.comment {
    border: 1px solid #BBBBBB;
    border-radius: 7px 7px 7px 7px;
    height: 160px;
    padding: 5px;
    text-align: left;
    text-indent: 5px;
    width: 680px;
}
.hpp_help .fieldNote {
    width: 690px;
}


.fieldRequired {
    color: Red;
}

/*Back button*/
div.backBtnWrap{
	height:24px;
}

div.link_bttm {
    width: 960px;
    margin: 0 auto;
    height: 130px;
    position: relative;
}

div.back_btn,div.back_btn_bttm{
    background: #3d3d3d url(../images/arrow_left.png) 10px 50% no-repeat;
    color: #afafaf;
    font-size: 9px;
    font-style: normal;
    font-family: "proxima-nova",sans-serif;
    text-align: center;
    vertical-align: middle;
    float: right;
    letter-spacing: 1px;
    padding: 6px 0;
}


div.back_btn
{
    border-radius: 0 0 10px 10px;
}

div.back_btn_bttm
{
    border-radius: 10px 10px 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

div.back_btn a,div.back_btn_bttm a
{
    margin-left: 2px;
    color: #8f8f8f;
    text-decoration: none;
    padding: 6px 26px;
}
div.clear
{
    clear: both;
}