body {
    margin: 0;
    padding: 0;
    background:#000 url(../images/bf3-logo-bg.jpg) left top repeat-x;
}

.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}

#bf3 {
    width:1000px;
    margin:0 auto;
}


#bf3Stores {
    margin:27px auto;
    float:left;
}
.clear
{
    clear:both;
}
#bf3Stores select#storeSelect {
    background:none repeat scroll 0 0 #000000;
    border: 1px solid #666666;
    color:#888888;
    width: 150px;
}


#bf3Stores img{
    padding:0 10px 0 0;
    vertical-align: middle;
}

#bf3Main {
    width:995px;
    margin:10px auto 0;
    height:855px;
    text-align:left;
    position:relative;
    
}

#bf3Head {
    margin:0 auto;
    padding: 0;
    height:147px;
    text-align:left;
    position:relative;
    background:url(../images/bf3-logos.png) left top no-repeat;
}

#bf3Head  h1{
    text-indent:-9999px;
}



#bf3Navi {
    height:46px;
    
    
}


#bf3Navi ul{
    padding:0;
    margin: 0 auto;
    height:46px;
    list-style:none;
    background:url(../images/bf3-menu.jpg) left top no-repeat;
}

#bf3Navi li {
    float:left;
    display:inline;
}

#bf3Navi li a {
    display:block;
    height:46px;
    text-indent:-9999px;
}

#bf3Navi li a#home {
    width:330px;
}

#bf3Navi li a#armory {
    width:330px;
}

#bf3Navi li a#register {
    width:330px;
}



#bf3Navi li a#home:hover,
#bf3Navi li a#home:active,
#bf3Navi li a#home.active  {
    background:url(../images/bf3-menu.jpg) left -46px no-repeat;
}

#bf3Navi li a#armory:hover,
#bf3Navi li a#armory:active,
#bf3Navi li a#armory.active  {
    background:url(../images/bf3-menu.jpg) -330px -46px no-repeat;
}
    


#bf3Navi li a#register:hover,
#bf3Navi li a#register:active,
#bf3Navi li a#register.active {
    background:url(../images/bf3-menu.jpg) -660px -46px no-repeat;
}

#bf3Products {
    width:995px;
    /*height:810px;*/
    background:url(../images/bf3-home-bg.jpg) left top no-repeat;
    position: relative;
    text-align: left;
}

#bf3Products a {
    margin-right: 8px;
    margin-bottom: 8px;
}

#bf3Products p {
    margin-bottom: 5px;
}

#bf3Mouse { 
    top:0; 
    left: 0; 
    height:275px; 
    width:330px;
    position: absolute;
}

#bf3Keyboard { 
    top:0; 
    left: 330px; 
    height:275px; 
    width:330px;
    position: absolute;
}

#bf3Mousepad { 
    top:275px; 
    left: 0; 
    height:260px; 
    width:330px;
    position: absolute;
}

#bf3Onza { 
    top:275px; 
    left: 330px; 
    height:260px; 
    width:330px;
    position: absolute;
}

#bf3Bag { 
    top:535px; 
    left: 0; 
    height:260px; 
    width:330px;
    position: absolute;
}

#bf3IphoneCase { 
    top:535px; 
    left: 330px; 
    height:260px; 
    width:330px;
    position: absolute;
}

#bf3Mouse a, #bf3Keyboard a, #bf3Mousepad a, #bf3Onza a, #bf3Bag a, #bf3IphoneCase a {
    display: block;
    height: 275px;
    text-indent: -9999px;
    width: 330px;
}

#bf3Social {
    margin:20px 0 0 0;
}

/************video section************/

#bf3VideoInfo{
    width:995px;
    height:810px;
    background:url(../images/bf3-home-bg.jpg) left top no-repeat;
    position: relative;
}

#bf3Info p { 
    top:85px; 
    padding-left: 8px; 
    width:640px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size:12px;
    text-align:justify;
    line-height: 1.5em;
    position: absolute;
}

#bf3Video {
    top:540px;
    left:70px;
    display:block;
    border: 1px solid #222;
    position: absolute;
}


/************video section end************/

#bf3RazLink {
    position:absolute;
    width:130px;
    height:130px;
    display:block;
    top:0;
    right:80px;
    text-indent:-9999px;
}

#bf3Content {
    width:908px;
    margin:0 auto;
}

.addIndent {
    display:block;
    text-indent:-9999px;
}

#bf3Twitter {
    float:left;
}

#bf3Subscription {
    position:absolute;
    top:613px;
    left:630px;
}

#bf3Subscription #buttonSubmit {
    text-indent:-9999px;
    height:0;
    padding:44px 0 0 0;
    margin:0 20px 0 0;
    width:135px;
    border:none;
    float:right;
    overflow:hidden;
    background:url(../images/button-submit.png) no-repeat center;
    cursor:pointer;
}



#bf3Subscription label.error {
    display:block;
    margin:0;
    font-size:12px;
    color:#ccc;
    font-style:italic;
}


#bf3Subscription p {
    padding:0 25px 0 0;
    margin:0 0 10px;
    position:relative;
}

#bf3Subscription label.checked {
    display:block;
    width:16px;
    height:16px;
    background:url(../../../images/icons/correct.png) no-repeat left top;
    position:absolute;
    right:0;
    top:4px;
}

#bf3Subscription .text {
    width:360px;
    display:block;
    background:#0e0e0e;
    border:1px solid #333;
    padding:5px 10px;
    font-size:14px;
    margin:0 0 2px;
    color:#777
}

#bf3Subscription .rpolicy {
    color:#5a5a5a;
    clear:both;
    font-size:10px;
}

#bf3FootLink {
    float:right;
}


#bf3Footer img{
    padding:10px 15px;
    margin: 0 auto;
    text-align: center;
}

#bf3Footer {
    width:1000px;
    text-align:center;
    margin:15px auto;
    font-size:10px;
    font-family:Arial, Helvetica, sans-serif;
    color:#777
}

#bf3Footer .fbshare {
    display:inline;
    padding:0 10px 0 0;
}

#bf3Footer .twshare {
    display:inline;
}

#bf3Footer #bf3Social {
    width:450px;
    float:left;
}

#bf3Footer #bf3Partner{
    width:520px;
    float:right;
}

#bf3Footer #bf3Copyright{
    clear:both;
    text-align:center;
}

#bf3Resellers {
	background:url(../images/bf3-darker-bg.jpg) left bottom no-repeat;
	text-align:left;
	padding:30px 0 0 0;
}

#bf3Resellers h2{
	margin:10px 0 10px;
}
.reseller {
	float:left;
	margin: 0 5px 10px 0;
}