@charset "utf-8";
/* CSS Document */

body {
	text-align:center;
	background: #000000 url(../images/bg.jpg) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
    font-size:10pt;
}


#MainBox {
	width:1024px;
	margin:0px auto;
	text-align:left;
}
.ScrollBox 
{
	margin-left: 60px;
	margin-top: -75px;
	width: 285px;
	height: 650px;
	position:  relative;
	overflow: hidden;
	left:650px;
	top:-750px;
}

.infobox
{
    width:700px;
    height:140px;
    margin-left:auto;
    margin-right:auto;
    margin-top:16px;
    margin-bottom:16px;
    padding:8px;
    background-color:#FFFFFF;
    border:#000000 solid 1px;
}

img
{
    border-style:none;
}

.infobox img
{
    vertical-align:top;
    float:left;
    border-style:none;
}
.infobox div
{
    width:700px;
}

#BigBox
{
	width: 3800px;
	position:  absolute;
	left: 50px;
	top: 13px;
	height: 400px;
}

#TechInfoMC70
{
	width: 285px;
	height: 250px;
	position: relative;
	top: 260px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/techbg.png);
	float: left;
	left: 10px;
	background-repeat: no-repeat;
	font-size: 12px;
}

.hidden { display: none; }
.unhidden { display: block; }

.techblocktext{
	text-decoration: underline;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;

}


#TechInfoMC55
{
	width: 285px;
	height: 250px;
	position: relative;
	top: 260px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/techbg.png);
	float: left;
	left: 10px;
	background-repeat: no-repeat;
	font-size: 12px;
}

.block
{
	width: 866px;
	float: left;
	height: 551px;
	margin-right: 10px;
}

#TechInfoXM65
{
	width: 285px;
	height: 250px;
	position: relative;
	top: 260px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/techbg.png);
	float: left;
	left: 10px;
	background-repeat: no-repeat;
	font-size: 12px;
}

#leftbutton
{
	float:left;
	background-image:url(../images/computerblackbutton.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	width: 180px;
	height: 64px;
	vertical-align: middle;
	line-height: 65px;
	position: relative;
	top: 150px;
	left: 5px;
	cursor:pointer;
	cursor:hand;
}
#leftbutton:hover {
	background-image:url(../images/mobcompbutton.png);
	color: #000000;
}

#rightbutton
{
	float:left;
	background-image:url(../images/rightblackbutton.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	width: 180px;
	height: 64px;
	vertical-align: middle;
	line-height: 65px;
	position: relative;
	top: 88px;
	left: 240px;
	cursor:pointer;
	cursor:hand;
}
#rightbutton:hover {
	background-image:url(../images/rightyellowbutton.png);
	color: #000000;
}
#Header {
	background-image: url(../images/sqbxpublicheader.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 146px;
}
#menu {
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 55px;
	top: -20px;
}
#LogIn {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: 12px;
	font-weight: bold;
	margin-top: 5px;
	width: 400px;
	left: 600px;

}

#Content {
	background-image: url(../images/sqbxpublicbg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 1024px;
	background-color: #FFFFFF;
	position: relative;
}

.textblock {
	font-family: Arial, Helvetica, sans-serif;
	width: 600px;
	padding-top: 5px;
	padding-left: 16px;
	font-size: 10pt;
}

.gadgetblock {
	font-family: Arial, Helvetica, sans-serif;
	width: 480px;
    height:500px;
	padding-top: 5px;
	padding-left: 16px;
	font-size: 10pt;
    display:inline-block;
    * zoom:1;
    * display:inline;
    margin-top:0px;
    margin-bottom:0px;
    position:absolute;
    top:0px;
    
}

.gadgetblock a
{
    border:0;
        border-style:none;
    text-decoration:none;
}
.gadgetblock a:link
{
    border:0;
        border-style:none;
    text-decoration:none;
}
.gadgetblock a:visited
{
    border:0;
        border-style:none;
    text-decoration:none;
}
.gadgetblock a:active
{
    border:0;
        border-style:none;
    text-decoration:none;
}
.gadgetblock a:hover
{
    border:0;
        border-style:none;
    text-decoration:none;
}




.sectiontitle
{
    font-size:xx-large;
    font-weight:bold;
    padding-left:16px;
    padding-bottom:16px;
}

.sectiontitle span
{
    font-size:large;
    color:#909090;
        
}

.gadgets
{
    position:relative;
        vertical-align:top;
    clear:both;
    height:400px;

}

.gadgetinstructions
{
    padding:16px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:10pt;

}

.featuresblock {
	font-family: Arial, Helvetica, sans-serif;
	width: 650px;
	padding-top: 5px;
	padding-left: 16px;
	font-size: 10pt;
}

.mapblock {
	font-family: Arial, Helvetica, sans-serif;
	width: 650px;
	padding-top: 5px;
	padding-left: 16px;
	font-size: 10pt;
}

.accessoryblock {
	font-family: Arial, Helvetica, sans-serif;
	width: 320px;
	padding-top: 5px;
	padding-left: 16px;
	font-size: 10pt;
	display:inline-block;
	position: absolute;
	top: 60px;
	right: 0px;
	text-align: center;
}
.toolbarbutton{
	position: relative;
	float:left;
	background-image:url(../images/blackbutton.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	width: 110px;
	vertical-align: top;
	cursor:pointer;
	cursor:hand;
	left: auto;
	margin-top: 0px;
	top: 0px;
	background-position: 0px;
	height: 55px;
	line-height: 55px;

}

.toolbarbutton a:link {
	text-decoration: none; 
	color: white;
} 

.toolbarbutton a:visited {
	text-decoration: none; 
	color: white;
} 

.toolbarbutton a:active {
	text-decoration: none; 
	color: black;
} 

.toolbarbutton a:hover {
	text-decoration: none; 
	color: black;
} 

.toolbarbutton:hover {
	background-image:url(../images/yellowbutton.png);
	color: #000000;
}

#Footer {
	background-image: url(../images/sqbxpublicfooter.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 1024px;
	position: relative;
	height: 83px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 84px;
	font-size: small;
}

.map
{
    background-image: url(../images/map.jpg);
    width: 676px;
    height: 373px;
    position:relative;
}

.detail
{
    background-image: url(../images/orangegrad.png);background-repeat:repeat-x;important;
    left: 678px;
    top:0px;
    width: 296px;
    height: 373px;
    position:relative;
    padding:16px;
}

.partnerlogo
{
    width:284px;
    text-align:center;
}

.partnertitle
{
    background-color:#000000;
    color:#ffffff;
    padding:4px;
    margin-top:16px;
    font-weight:bold;


}

.partnerdetail
{
    margin-top:8px;
}

.partnersite
{
    background-color:#000000;
    color:#ffffff;
    padding:4px;
    margin-top:16px;
    font-weight:bold;
    text-align:center;
    margin-top:8px;

}

.partnersite a
{
    text-align:center;
    color:orange;
}

.pin
{
    position:absolute;
    cursor:pointer;
    cursor:hand;
}

.partners
{
    width:500px;
	display: inline-block;
    * zoom:1;
 	* display:inline;
	padding: 4px;
}
.partners p
{
	font-weight:bold;
}

.partners div
{
    padding: 4px;
}

.manufacturerlogo
{
    width:100px;
	display: inline-block;
    * zoom:1;
 	* display:inline;
    vertical-align: middle;
}

.manufacturersite
{
	display: inline-block;
    * zoom:1;
 	* display:inline;

}

.products
{
    width:1000px;
	display: inline-block;
    * zoom:1;
 	* display:inline;
	padding-top: 4px;
    padding-left: 20px;
}

.products p
{
	font-weight:bold;
}
.productslogo
{
    width:200px;
	display: inline-block;
    * zoom:1;
 	* display:inline;
    vertical-align: top;
}

.productsinfo
{
	width:780px;
    display: inline-block;
    * zoom:1;
 	* display:inline;

}