﻿
#wrapper {
    width: 1544px;
    margin: 0 auto;
}
body {background-color:#000;}


#rsliderwrapper {
 
width: 1307px;
height: 750px;
position: relative;
top: 70px;
overflow: hidden;
clear: both;
margin: 0 auto;
}

#rslide-wrapper {

	width: 10780px;
	height: 750px;
	overflow: hidden;
	position: relative;
}

div.rslide {

	width: 1307px;
	height: 750px;
	background: black;
	float: left;
	position: relative;
	font-size:12px;
}




#moduleretail{
height:75px;
width:1024px;
color:white;
	background:#595C64;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595C64', endColorstr='#1B1B1C'); /* for IE */
	background: -webkit-linear-gradient(top, #595C64, #1B1B1C);
	background: -moz-linear-gradient(top, #595C64, #1B1B1C);
	background: -o-linear-gradient(top, #595C64, #1B1B1C);
}
#retailcontent{
height:100%;
width:100%;
position:relative;
}
#retailblackout{
position:fixed;
height:100%;
width:100%;
background-color:black;
opacity:0.9;
filter:alpha(opacity=90);
z-index:3;
display:none;
}
#retailiframe{
position:absolute;
top:76px;
width:1544px;
height:892px;
z-index:4;
display:block;
margin:auto;
display:none;
margin-left:-264px;
}
#left-frame {
width: 139px;
height: 815	px;
position: absolute;
top: 0;
left: 0;
z-index:1;

}
#right-frame {
width: 133px;
height: 815px;
position: absolute;
top: 0;
left: 1410px;
z-index:1;

}
#close{
left:1295px;
top:60px;
width:110px;
height:110px;
position:absolute;
z-index:2;
background-image:url('img/back.png');
}

#bottom-frame {           
width: 1271px;
height: 74px;
position: absolute;
top: 814px;
left: 139px;
overflow:hidden;
z-index:0;
 }
#side{
width:104px;
height:500px;
top:315px;
left:1306px;
position:absolute;
z-index:1;
}
#retail-top{
width:1271px;
height:315px;
top:0px;
left:139px;
position:absolute;
z-index:1;
}


#rmenu1hover
{
left:128px;
top:230px;
width:170px;
height:73px;
position:absolute;
z-index:1;
display:none;

}
#rmenu1{
left:128px;
top:230px;
width:170px;
height:73px;
position:absolute;
z-index:2;
cursor:pointer;
}


#rmenu2{
left: 325px;
top: 219px;
width:170px;
height:73px;
position:absolute;
z-index:2;
cursor:pointer;
}
#rmenu2hover{
left: 325px;
top: 219px;
width:170px;
height:73px;
position:absolute;
z-index:1;
display:none;
}



#rmenu3{
left: 526px;
top: 188px;
width:170px;
height:73px;
position:absolute;
z-index:2;
cursor:pointer;
}
#rmenu3hover{
left: 526px;
top: 188px;
width:170px;
height:73px;
position:absolute;
z-index:1;
display:none;
}
#rmenu4hover{
left: 717px;
top: 185px;
width:170px;
height:73px;
position:absolute;
z-index:1;
display:none;
}
#rmenu4{
left: 717px;
top: 185px;
width:170px;
height:73px;
position:absolute;
z-index:2;
cursor:pointer;
}
#rmenu5{
left: 913px;
top: 177px;
width:170px;
height:73px;
position:absolute;
z-index:2;
cursor:pointer;
}
#rmenu5hover{
left: 913px;
top: 177px;
width:170px;
height:73px;
position:absolute;
z-index:1;
display:none;
}
#rmenu6{
left:150px;
top:85px;
width:500px;
height:100px;
position:absolute;
z-index:2;
cursor:pointer;
cursor:pointer;
}
#rmenu7{
left: 1110px;
top: 170px;;
width:170px;
height:73px;
position:absolute;
z-index:2;
cursor:pointer;
}
#rmenu7hover{
left: 1110px;
top: 170px;
width:170px;
height:73px;
position:absolute;
z-index:1;
display:none;
}

#Retail-Slide1{
width:100%;
height:100%;
position:relative;

}
#Retail-Slide1-Col1{
position:absolute;
left:30px;
width:520px;
height:440px;
bottom:-620px;
background-color:black;
font-family: "HelveticaNeue MdCn", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
text-align: left;
color: #e3fdff;
line-height: 1.5;
font-size: 13px;
padding:20px;


background-image:url('./img/Retail-Borderlands-P1-Newsbox3v1.png');
}
#Retail-Slide1-Col2{
position:absolute;
left:610px;
width:560px;
height:480px;
top:250px;
}
#Retail-Slide1-Col2-Row1{
position:absolute;
width:520px;
height:250px;

top:-350px;



background-image:url('./img/Retail-Borderlands-P1-Newsbox2.png');
}
#Retail-Slide1-Col2-Row2{
right:-1560px;
top:270px;
position:absolute;
width:560px;
height:210px;
background-image:url('./img/Newsbox.png');
}

#rslide1UP{
position:absolute;
right:0px;
top:0px;
width:40px;
height:105px;

}
#rslide1DOWN{
position:absolute;
right:0px;
bottom:0px;
width:40px;
height:105px;

}
#rsliderwrapper1 {
 top:15px;
width: 520px;
height: 185px;
position: relative;
overflow: hidden;

}

#rslide-wrapper1 {
	
	width: 520px;
	height: 1120px;
	overflow: hidden;
	position: relative;

}
.rslide1innerdiv{
position:absolute;
top:10px;
left:20px;
width:485px;
height:45px;
font-family: "HelveticaNeue MdCn", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
text-align: left;
color: #e3fdff;
font-size: 16px;
border-bottom: solid 2px white;

}

div.rslide1 {

	width: 520px;
	height: 70px;
	float: left;
	position: relative;
	font-size:12px;
}
#rslide4{
position:absolute;
top:250px;
left:30px;

width:1140px;
height:480px;

}
#rslide3{
position:absolute;
top:250px;
left:30px;

width:1140px;
height:480px;

}
#youtubeframe{
position:absolute;

left:270px;
width:560px;
height:480px;
}
#youtubeslider{
position:absolute;

width:600px;
height:400px;
top:0px;

}


#youtubewrapper {
width: 600px;
height: 400px;
position: relative;
overflow: hidden;
}

#youtube-wrapper1 {
	width: 3000px;
	height: 400px;
	overflow: hidden;
	position: relative;
}
div.youtubeslide {
	width: 600px;
	height: 400px;
	float: left;
	position: relative;
	font-size:12px;
}
#youtubewires{
position: absolute;
bottom: 14px;
width: 603px;
height: 105px;
left: -14px;
background-image: url('./img/Retail-Youtubepanelcables.png');
}
#youtubemenudiv{
position:absolute;
bottom:0px;
width:600px;
height:60px;
left:-10px;
}
#ymenu1{
position:absolute;
width:80px;
height:60px;
background-color:pink;
left:30px;
z-index:3;
}
#ymenu2{
position:absolute;
width:80px;
height:60px;
background-color:pink;
left:150px;
}
#ymenu3{
position:absolute;
width:80px;
height:60px;
background-color:pink;
left:270px;
}
#ymenu4{
position:absolute;
width:80px;
height:60px;
background-color:pink;
left:390px;
}
#ymenu5{
position:absolute;
width:80px;
height:60px;
background-color:pink;
left:510px;
}

#youtuberightpanel{

position:absolute;
width:1140px;
height:480px;
right:-310px;

}

#youtubeleftpanel{
background-image:url('./img/Retail-Youtubepanelv2.png');
position:absolute;
width:630px;
height:500px;
left:-630px;
font-family: "HelveticaNeue MdCn", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
text-align: left;
color: #e3fdff;
line-height: 1.3;
font-size: 16px;
z-index:2;
}
#youtubeleftpaneltext{
position:retative;
width:480px;
height:460px;
}
#Retail-Solutions{
position:absolute;
bottom:0px;
}
#Retail-Service{
position:absolute;
bottom:0px;
width:1307px;
height:600px;
background-image:url('../retail/img/Retail-Service.png')
}
#POSDVRBO{
position:absolute;
bottom:-25px;
}
#Retail-Content-Text{
z-index: 12;
color: white;
position: absolute;
left: 190px;
top: 120px;
width: 831px;
height: 289px;
font-size:15px;
font-family: "HelveticaNeue MdCn", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
background-image:url('../retail/img/Retail-ServiceBox.png');

}
#Retail-Content-Inner{
position:absolute;
top:5px;
margin:15px;
width: 800px;
height: 250px;

}
#Retail-DM{
position:absolute;
bottom:-50px;
}
#retail-img-intro{
position:absolute;
bottom:0px;
}
#IntelHeader{
position:relative;
left:40px;
}