* {
  margin:0;
  padding:0;
}

a{
  color: #00a2e3;
}


#fc_tb_closeWindowButtonBot {
background-image:url(http://www.getiwrap.com/graphics/common/cart-continue-shopping.png);
background-position:left top;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:24px;
width:200px;
}

#fc_tb_closeWindowButtonTop {
background-image:url(http://www.getiwrap.com/graphics/common/cart-close-x.png);
background-position:left top;
float:left;
height:0;
margin:0;
overflow:hidden;
padding-top:24px;
width:11px;
}

#fc_tb_window{
  left: 49.5%;
  top: 40%;
}


a#fc_tb_closeWindowButtonTop:hover, a#fc_tb_closeWindowButtonBot:hover {
background-position:left -24px;
}

a#fc_tb_closeWindowButtonTop:hover, a#fc_tb_closeWindowButtonBot:hover {global.css (line 17)
background-position:left -24px;
}

div.fc_tb_title {
background-color:#E8E8E8;
height:37px;
}

#fc_tb_closeAjaxWindowTop span {
display:none;
}
div.leftcolumn{
  float: left;
  width: 240px;
}

div.centercolumn{
  float: left;
  width: 510px;
}

div.rightcolumn{
  float: left;
  width: 240px;
}

div.box{
  background-color:#626262;
  color: #f1f1f1;
  margin-left: 15px;
  margin-right: 15px;

}

div.in_box
{
  background-color: #717171;
  color: #f1f1f1;
  border-width: 0px;
  border-color:#00A2E3;
  border-style: solid;
  padding: 10px;
  margin-right: 15px;
  margin-left: 15px;
}

.box a{
  color:#f1f1f1;
}


.rightcolumn p
{
  margin-left: 0px;
  margin-right: 0px;
}

div.iwrapbestsellers {
  background: url("../graphics/common/iwrapbestsellers.png");
  height:25px;
  position:relative;
  margin-left:15px;
  width:200px;
}


div.blueboxtop {
  background: url("../graphics/common/blueboxtop.png");
  height:10px;
  position:relative;
  margin-left:15px;
  width:200px;
}

div.blueboxbottom {
  background: url("../graphics/common/blueboxbottom.png");
  height:10px;
  position:relative;
  margin-left:15px;
  width:200px;
}


.notice
{
  background-color: #c6e7f6;
  color: #444444;
  border-width: 0px;
  border-color:#00A2E3;
  border-style: solid;
  margin-right: 25px;
  margin-left: 15px;
}

div.boxtop {
background: url("../graphics/common/iwraplaudation.png");
height:50px;

margin-left:15px;
width:210px;
}


div.boxbottom {
background: url("../graphics/common/boxbottom.png");
height:14px;
position:relative;
margin-left:15px;
width:210px;
}

.container {
   border: 2px solid #00a2e3;
   margin:0pt auto;
   width: 994px;
   background-color: #fff4e3;
   }

div.logo {
   background: url("../graphics/common/logo.png");
   height:120px;
   float: left;
   margin-left:0px;
   width:346px;

}

.steps {
    position: relative;
    background: url("../graphics/common/transparent_box.png");
    float: left;
    height: 96px;
    width: 635px;
    margin-left: 25px;
    margin-top: 13px;
    float: left;
}

.steps img {
   margin-left: 20px;
   margin-top: 10px;

}

.details{
position: relative;
z-index: 0;
}

.details:hover{
background-color: transparent;
z-index: 50;
}

.details span{ /*CSS for enlarged image*/
padding: 10px;
color: #555555;
font-style: italic;
position: absolute;
background-color: #f3f3f3;
border: 1px solid #e3e3e3;
visibility: hidden;
text-decoration: none;
z-index: 100;
}

.details a{
    text-decoration: none;
}


.details span img{ /*CSS for enlarged image*/
border-width: 0;

}

.details:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0px;
left: 0px; /*position where enlarged image should offset horizontally */

}


.navcontainer {
  border-right: 2px solid #00A2E3;
  border-left: 2px solid #00A2E3;
  width:994px;
  margin:0pt auto;
  clear: both;
}



div.float p {
   text-align: center;
   }


a.primary
{
background-color:#00A2E3;

padding-bottom:10px;
padding-top:10px;
color:#FFFFFF;
text-decoration: none;
}

a:hover.primary
{
background: url("../graphics/common/navbackground.png");
background-color: #00A2E3;
padding-bottom:10px;
padding-top:10px;
color:#FFFFFF;
text-decoration: none;
}

a.secondary
{
padding-top:5px;
padding-bottom:5px;
color:#000000;
background-color: #DDDDDD;
   border: 0px solid black;
   filter:alpha(opacity=95);
   opacity:0.9;
z-index: 50;
}


a:hover.secondary
{
padding-top:5px;
padding-bottom:5px;
color:#000000;
background-color: #00A2E3;
   border: 0px solid black;
   z-index: 50;

}

a.secondary p
{
  text-align: center;
  z-index: 50;
}


body {
   background-color: #fffff;
   font-family: Myriad Web,Segoe UI,Tahoma,Lucida Grande,Helvetica,Arial,sans-serif;
   font-size: small;
   background: url("../graphics/common/background.png");
   color: #444444;
}


a#cart_button{
   border: 5px solid #626262;
   background-color: #717171;
   font-family: Myriad Web,Segoe UI,Tahoma,Lucida Grande,Helvetica,Arial,sans-serif;
   color: #F1F1F1;
   text-align: center;
   padding: 8px;
   padding-right: 8px;
   padding-top: 5px;
   padding-bottom: 5px;
   text-decoration: none;
   font-size: 22px;
 }

  a:hover#cart_button{
   border: 5px solid #626262;
   background-color: #808080;
   font-family: Myriad Web,Segoe UI,Tahoma,Lucida Grande,Helvetica,Arial,sans-serif;
   color: #F1F1F1;
   text-align: center;
   padding: 8px;
   padding-right: 8px;
   padding-top: 5px;
   padding-bottom: 5px;
   text-decoration: none;
   font-size: 22px;

 }

div.spacer {
  clear: both;
  }

.footercontainer
{
  width: 998px;
  margin:0pt auto;
  background-color: #444444;
  color: #f1f1f1;



}

.footercontainer p
{
  padding: 10px;
  font-size: x-small;
}

.footercontainer a
{
  color: #f1f1f1;
}


h1 {
  font-size: x-large;
  font-weight: normal;
}


img {
  border-width:0px;
}


img.logo
    {
      margin-left:15px;
      margin-top:15px;
    }
img.topbanner
{
  margin-left:20px;
  margin-top:15px;
}

img.product{
    border: 2px solid #00A2E3;

}


.margin
{
  margin:10px;
}


.navbar
{
    background-color: #C7E5FF;
    font-size: 13px;
    padding-top:10px;
    padding-bottom: 10px;

    }

.navbarlong
{
    background-color: #C7E5FF;
    font-size: 13px;
    padding-left: 0px;
    }

.navcontainer {
  border-right: 2px solid #00A2E3;
  border-left: 2px solid #00A2E3;
  width:994px;
  margin:0pt auto;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
   }

#nav a {
	display: block;
	width: 142px;
    text-decoration: none;

}

#nav li {
	float: left;
	width: 142px;
}

#nav li ul {
	position: absolute;
	width: 142px;
	left: -999em;

   }

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

.noticeblue
{
  background-color: #c6e7f6;
  color: #444444;
  padding: 15px;
  margin-bottom: 10px;
}

.noticeorange
{
  background-color: #fcd090;
  color: #444444;
  padding: 15px;
  margin-bottom: 10px;

}

p{
  font-size: small;
}


p.home
{
  text-align:center;
}

p.devices
{
  text-align:center;
}

p.accessories
{
  text-align:center;
}

p.changetheworld
{
  text-align:center;
}

p.news
{
  text-align:center;
}

p.about
{
  text-align:center;
}

p.contact
{
  text-align:center;
}

.leftcolumn p
{
  margin-left: 20px;
  margin-right: 20px;
}

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
border: 5px solid #626262;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -550px;
left: 60px; /*position where enlarged image should offset horizontally */

}

.thumbnaildown{
position: relative;
z-index: 0;
}

.thumbnaildown:hover{
background-color: transparent;
z-index: 1;
}

.thumbnaildown span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
border: 5px solid #626262;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnaildown span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnaildown:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -550px;
left: -200px; /*position where enlarged image should offset horizontally */

}

.topbar {
  margin:0pt auto;
  padding-left:5px;
  padding-right:5px;
  height: 26px;
  background-color: #C7E5FF;
  color: #013766;
  font-family: Segoe UI,Tahoma,Lucida Grande,Helvetica,Arial,sans-serif;
  font-size: 11px;
  line-height: 20px;
  }

#topcontainer {
  width:1050px;
  margin:0pt auto;
}

.comparison h1 {
  font-size: 36px;
  font-weight: bold;
}

.comparison .blue {
  color: #00A2E3;
}

.comparison .orange {
  color: #FFA836;
}

.comparison h1.reason {
  display: inline;
  color: #00A2E3;
}

.comparison h2.reason {
}

.comparison p {
  font-size: 16px;
  line-height: 1.5;
  display: inline;
}

div.reason {
  background-color: #ffffff;
  border: 2px solid #dddddd;
  padding: 15px;
}

.fadein { position:relative; height:329px; width:496px; border: 2px solid #00A2E3; }
.fadein img { position:absolute; left:0; top:0; }

.facebook {
  border: 1px solid #999999;
  background-color: white;
  font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
  padding: 25px;
  margin-left: 10px;
}

.facebook h1 {
  font-weight: normal;
  font-size: 18px;
  margin-bottom: 10px;
}

.facebook h2 {
  font-weight: normal;
  font-size: 32px;
  color: #3B5998;
}