html{overflow:scroll;overflow-x:auto;}

body{
    background: #F2F2F2 url('http://www.iexel.com/components/body_bg.png') repeat-x left top;
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    color: #333;
    -webkit-font-smoothing: antialiased;
  

}

#wrapper{width:1000px;margin-left:auto;margin-right:auto;margin-bottom:20px;padding:10px;border:0px solid #b3b3b3;}
#main{float:left;}



.column_home {
    width: 1000px;
    height:490px;
    text-align:left;
    border-top:1px solid #D2D2D2;
    border-left:1px solid #b3b3b3;
    border-right:1px solid #D2D2D2;
    border-bottom:1px solid #b3b3b3;

    -khtml-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

    margin:0;
    background: #FFF url('http://www.iexel.com/components/welcome_img.png') no-repeat top center;
}

.FullPage{
    width: 980px;
    float:left;
    border-top:1px solid #D2D2D2;
    border-left:1px solid #b3b3b3;
    border-right:1px solid #D2D2D2;
    border-bottom:1px solid #b3b3b3;

    -khtml-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    z-index:100;
    padding:0px 10px 10px 10px;
    margin-top:5px;
    background: #FFF;
    overflow:hidden;
    

}
.store_column{width:180px;float:left;}
.store_column1{
 width: 180px;
float:left;
    border-top:1px solid #D2D2D2;
    border-left:1px solid #b3b3b3;
    border-right:1px solid #D2D2D2;
    border-bottom:1px solid #b3b3b3;

    -khtml-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    z-index:100;
    padding:0px 0px 10px 0px;
    margin-top:20px;
    background: #FFF;
    overflow:hidden;



}
.store_column2{

    width: 770px;
    float:right;
    border-top:1px solid #D2D2D2;
    border-left:1px solid #b3b3b3;
    border-right:1px solid #D2D2D2;
    border-bottom:1px solid #b3b3b3;

    -khtml-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    z-index:100;
    padding:0px 10px 10px 10px;
    margin-top:5px;
    background: #FFF;
    overflow:hidden;
    
}

.store_column1 h3{
/*
#5B7396 top bg
#224272 bottom bg
*/
background-color:#224272;
background: -moz-linear-gradient(top, #5B7396, #224272 50%);
background: -webkit-gradient(linear, 0 0, 0 50%, from(#5B7396), to(#224272));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5B7396',endColorstr='#224272');
color:#ffffff;
height:25px;text-decoration: none;margin:0;padding:5px 0 0 10px;


}

.store_column1 ul{float:left;margin:4px 8px;padding:0;width:170px;list-style-type:none;}
.store_column1 li{margin-top:3px;font-size:11px;}
.store_column1 li a{text-decoration:none;font-size:11px;color:#000;}
.store_column1 li a:hover{text-decoration:none;color:#0088CC;}

 
.FullPage a{text-decoration: none;font-weight: bold;color:#0088CC;}



#SubHeader{margin-right:10px;margin-top:0px;}
#SubHeader a {text-decoration: none;color: #000;margin-left:32px;margin-right:3px;text-shadow: 0px 1px 0px #fff;outline:none;}
#SubHeader a:hover{text-decoration: underline;color: #0088CC;outline:none;}

.BuyNow{vertical-align:middle;outline:none;}
.SubNavigation{float:right;width:610px;padding-top:16px;text-align:right;}

b{font-weight: bold;}
img{border:0px none;}
hr{width:100%;height: 1px;background-color:#D2D2D2;border:0px;}
h1 {color: #000000;font-weight: normal;font-size: 20px;text-decoration: none;}
h2 {color: #000000;font-weight: bold;font-size: 15px;text-decoration: none;margin-top:10px;margin-bottom:5px;}
/*h3 {color: #4D4D4D;font-weight: normal;font-size: 14px;height:25px;text-decoration: none;margin:0;padding:5px 0 0 10px;}*/
h4 {font-weight: normal;font-size: 12px;height:25px;width:184px;text-decoration: none;margin:0;padding:5px 0 0 10px;}

.note{float:left;width:98%;margin:5px;background-color:#F7F7F7;padding:5px;font-size:11px;border-top:1px solid #CFCFCF;border-left:3px solid #CFCFCF;border-right:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;color:#888;}

select {font-size: 12px;border: 1px solid #333333;}
input {border: 1px solid #D8DFEA;background:#ffffff;padding:3px;color:#000000;font-size: 12px;}
textarea {border: 1px solid #D8DFEA;background:#ffffff;padding:3px;color:#000000;font-size: 12px;}
.btn{font-size: 10px;margin:5px;border:1px solid #D2D2D2;background-color:#FFF;color:#000;}

.ResultsFoundtxt{color:#CCCCCC;font-size:10px;}


.opening{
float:left;
width:1000px;
height:200px;
text-align:center;
margin:0px -10px 10px -10px;
background-image:url(http://www.iexel.com/components/opening2_bg.png);
background-repeat:repeat-x;
background-position:center bottom;


}
.opening h1{
color:#000;
font-size:38px;
font-weight:normal;
margin:30px 0 0 0;
}


.opening h2{margin:0;color:#888888;font-size:16px;font-weight:normal;line-height: 22px;}




.blackout{float:left;background-color:#000;width:960px;margin:-10px;padding:10px;}
.blackout h1 {
	font-size:40px;
	font-weight:normal;
	margin: 0;
	color: #fff;
	position:relative;
}
.blackout h1 span {
	background: url(http://www.iexel.com/images/gradient-dark.png) repeat-x;
	display: block;
	width: 100%;
	height: 29px;
	position:absolute;
	bottom: 0px;
}

.blackout h2{color: #b7b7b7;font-size:22px;font-weight:normal;}
.blackout p{font-size:16px;line-height:20px;color: #b7b7b7;}
.blackout h3{font-size:22px;line-height:20px;color: #fff;margin:0px;padding:0px;}

.feature{
    background-image: url('http://www.iexel.com/components/section-bg.jpg');
    background-repeat: repeat-x;
    margin-left:-10px;
    margin-right:-10px;
    padding:10px;
}


.FullPage{box-shadow: 1px 1px 1px #D2D2D2;-moz-box-shadow: 1px 1px 1px #D2D2D2;-webkit-box-shadow: 1px 1px 1px #D2D2D2;}



#footer{
	width:970px;
	border:1px solid #D2D2D2;
	
    -khtml-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;

	
	float:left;
	text-decoration: none;
	padding:5px 5px 5px 5px;
	color: #848484;
	font-size: 10px;
	font-weight: normal;
	margin:10px 0 20px 0;

	}
	
	
	
#footer_left{float:left;width:550px;color:#848484;}
#footer_right{float:right;width:390px;text-align:right;color: #848484;}
#footer a{text-decoration: none;color: #0088CC;}
#footer a:hover{text-decoration: underline;color: #0088CC;}


.SideBar{float:left;width:160px;border-right:1px solid #D2D2D2;margin:10px 10px -10px 0px;}
.SideBar ul{list-style-type:none;margin:0;padding:0;}
.SideBar li{}
.SideBar li a{
    display:block;
    text-decoration: none;
    color: #B3B3B3;
    padding:5px 10px 5px 0;
    background-image: url('http://www.iexel.com/components/black-arrow.png');
    background-repeat:no-repeat;
    background-position:140px 7px;
    }
.SideBar li a:hover{
    color:#0088CC;
    background-image: url('http://www.iexel.com/components/blue-arrow.png');
    background-repeat:no-repeat;
    background-position:140px 7px;
    text-decoration:none;
}
.RightBar{float:left;width:788px;}


/* simple dot nav */
.simple-nav { position:absolute; width:100%; height:15px; bottom:0; left:0; padding:12px 0 13px; overflow:hidden; text-align:center; z-index:4; }
.simple-nav li,
.simple-nav li a { display:-moz-inline-stack; display:inline-block; *display:inline; zoom:1; }
.simple-nav li { position:relative; margin:0 4px; width:11px; height:11px; overflow:hidden; }
.simple-nav li.last-dot { margin-right:0; }
.simple-nav li a { position:absolute; width:15px; height:45px; top:-2px; left:-2px; outline:none; cursor:pointer; text-indent:-9999px; line-height:0; background:url(http://iexel.com/images/nav2011.png) no-repeat 0 0; }
/*.simple-nav li a:hover { top:-17px; }*/
.simple-nav li a:hover { top:-32px;opacity:1; }
.simple-nav li a.active { cursor:default; top:-32px; opacity:1; -moz-opacity:1; }

/*
 
 p:after
{
content:".";
}
*/

.more-info{
    display:none;
    float:left;
    background-image:url(http://www.iexel.com/components/blk_bg.jpg);
    width:980px;
    height:372px;
    margin-left:-10px;
    margin-right:-10px;
    text-align:center;
}
.toggle-btn-holder{width: 300px;margin:40px auto 10px auto;text-align:center;}
.toggle{float:left;text-align:center;display:block;margin:3px;padding:4px;color:#000;font-size:18px;cursor:pointer}
.toggle:hover{color:#0088CC;}

.toggle:active{color:#0088CC;}




.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }