/* 
    Document   : styles
    Created on : May 17, 2009, 9:29:54 AM
    Author     : Sadiq Mohammed
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.img_cell_container {padding:0px; margin:0px; list-style:none;}
.img_cell {background-color:#009900; float:left; width:130px; height:130px; margin:5px;}
.img_ef {border:2px solid #444444; padding:0px; margin:0px;}
.img_ef:hover {border:2px solid #999999; padding:0px; margin:0px;}
/********Structure********/
html,body {  margin:0;   padding:0;   height:100%; /* needed for container min-height */   background:gray;   font-family:arial,sans-serif;
    font-size:small;   color:#666;}
h1 {  font:1.5em arial,serif;  margin:0.5em 0;}
h2 { font:1.25em arial,serif;  margin:0 0 0.5em; }
h1, h2, a { color:orange;}
p {   line-height:1.5;   margin:0 0 1em;}

div#container {   position:relative; /* needed for footer positioning*/   margin:0 auto; /* center, not in IE5 */
    width:970px;
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
    background:url("../images/body-bg.png") top center repeat-y;
}


.b_link {text-decoration:none; color:#FF9933;}
.b_link:hover {text-decoration:none; color:#000000;}

.pc_heading {font-family:Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#0066CC;}

div#header {  padding:1em; background:#ddd url("../csslayout.gif") 98% 10px no-repeat; border-bottom:6px double gray;}
div#header p {  font-style:italic; font-size:1.1em;  margin:0;}

div#content {   padding:1em 1em 5em; /* bottom padding for footer */}
div#content p {   text-align:left;   padding:0 0.5em;}
div#footer {   position:absolute; width:100%;  bottom:0; /* stick to bottom */
    background:#ddd;   border-top:6px double gray;}
div#footer div {   padding:1em;    margin:0;}
/********<<END Structure********/

/***********Theme********/
html,body{background:#959ea8 }
div#top-bg {  padding:1em; background:url("../images/top-bg.png") top center no-repeat;}
div#header {  padding:3em 4.6em 0; background:url("../images/body-bg.png") top center repeat-y; border:none;}
div#header-wrap {background:#000000 url("../images/header-top.png") no-repeat top center; padding:1em 0 0 0;}
div#header-top {background:#000000 url("../images/header-bg.png") repeat-x bottom center; height:98px;}
div#header-bottom{}
div#logo{margin:0 0 0 1em; padding:.4em 0; background:url(../images/vz-wireless.png) no-repeat right center;}
div#content { padding:0 4.6em 0;}
div#footer {  padding:2em 0 0 0; background:url("../images/footer-bg.png") bottom center no-repeat; border:none;}


/**********<<Menu************/
#topNav {width:100%;float:left;margin:0;padding:0 0 0 0px;height:28px;background-color:#CCCCCC;}
#topNav ul{float:left;list-style-type:none;margin:-5px 0 0 3px;padding:0;}
#topNav li {float: left;margin:0;padding:0 2px;text-align:center;width:110px;}
a.navHome, a.navHome:visited {width:110px;height:23px;background-image: url(../images/btn.gif);background-repeat:no-repeat;text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;text-decoration:none;color:#4D4D4D;display:block;padding-top:10px;}
a.navHome:hover {background-position:0 -44px;font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;color:#ffffff;}
a.navHomeOn, a.navHomeOn:visited, a.navHomeOn:active, a.navHomeOn:hover  {width:110px;height:23px;background-image: url(../images/btn1.gif);background-repeat:no-repeat;text-align:center;color:#ffffff;display:block;padding-top:10px;}
/**********Menu>>>************/

/***********s***********/
.box {width:31.2%; border:2px solid; float:left; height:96px; margin:4px 4px 0 0;padding:4px;overflow:hidden;}
.box h2 {font-size:100%; color:#ffffff; font-weight:bold;text-decoration:underline;}
.box p {font-size:80%; color:#ffffff; letter-spacing:normal; line-height:10px;}
.margin_6 {margin-left:2px;}
.margin_r_0 {margin-right:0px;}
.red-bg{background:#c61f26 url(../images/red-bg.png) repeat-x bottom;}
.black-bg{background:#000000 url(../images/black-bg.png) repeat-x top;}
/************Box>>>***********/

div.content-bg{background:#000000 url(../images/body-bk-bg.png) repeat-x top; margin:5px 0 0 0;
   color:#ffffff;padding:4px;}
div.content-bg h2{color:#a51c23;font-weight:bold;}

div#alldata{
width: 700px;
}

div#imagesection{
width:200px;
vertical-align:top;
float:left;
}

div#textsection{
width: 500px;
max-height: 180px;
float:left;
}

.clearfix:after{
content: ".";
display: block; 
height: 0;
clear: both;
visibility: hidden;
}

.clearfix{
zoom: 1;
}

#news_holder{
	width: 830px;
	margin-left: 15px;
}

#news_left{
	width: 100px;
	float: left;
}

#news_main{
	width: 730px;
	float: left;
}
.pro_banner {height:220px; width:850px; background-image:url(../images/img1.jpg); margin:15px 0px 10px 0px;}
.pro_coupon {height:220px; width:850px; background-image:url(../images/img1_coupon.jpg); margin:15px 0px 10px 0px;}