/*
Colors: 
Base:  486AB2
Dark:  0082b0 
Light: 00a8e3
Other: 33cc00 (green for hover)                 
*/

body { padding-right: 0px; padding-left: 0px; font-size: 14px; padding-bottom: 0px; margin: 0px; 
  color: black; padding-top: 0px;  font-family: arial, verdana, sans-serif; background-color: #dddddd
}
#yo table {color:#000;}
.rm-all{ background-color: #dddddd; padding:5px; text-align:center; color:#000; text-decoration:none;}
.rm-all a{ color:#000; text-decoration:none;}
#yo a:visited { color: #3366FF; text-decoration:none }
#yo a:hover { color: #3366FF; text-decoration: underline }
#yo a { color: #3366FF; text-decoration:none }
.header { background-color: white; padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; }
.orangebar { background: #00a8e3; height: 5px }
.headerlinks { font-weight: bold; font-size: 14px; color: #0082b0; font-family: arial, verdana, sans-serif }
.headerlinks a:visited { color: #486AB2; text-decoration: none }
.headerlinks a:hover { color: #33cc00; text-decoration: none }
.headerlinks a { color: #486AB2; text-decoration: none }
#legal{ padding-right: 10px; padding-left: 10px; padding-bottom: 1px; padding-top: 5px; 
  text-align: center; font-size: 10px; font-family: verdana, arial, sans-serif;
}
#login{
  width:300px; height:250px; position:absolute; top:50%; left:50%; margin:-100px auto auto -150px; 
  border:1px solid #000; background-color:#F2F5F6; z-index:12000;
  text-align: center;
  
}
#register{font-weight: normal;}
#register td{font-weight: normal;}
#loggin{font-weight: normal;}
#loggin td{font-weight: normal;}

.footer a{color:gray;}
.right_block_title { color: white; padding: 5px; margin: 0px; background: #486AB2; text-align: center; }

.deal_title {
        font-size: 15px; font-family: tahoma, verdana, arial, sans-serif
}
.deal_title a:visited {
        color: #0082b0; text-decoration: none
}
.deal_title a:hover {
        color: #33cc00; text-decoration: none
}
.deal_title a {
        color: #0082b0; text-decoration: none
}
.header-bg2{
		background-image: url(http://iboxg.com/images/banner_image123-3.jpg);
		width:100%;
		background-repeat:no-repeat;
		background-color:white;
		}
.header-bg3{
		background-image: url(http://iboxg.com/images/banner_image123-31.jpg);
		width:100%;
		background-color:transparent;
		background-position:center;
		background-repeat:no-repeat;
		
		}
		

.search_input { 
  border-right: #0082b0 1px solid; padding-right: 2px; 
  border-top: #0082b0 1px solid;   padding-top: 2px;
  border-left: #0082b0 1px solid;  padding-left: 2px; 
  border-bottom: #0082b0 1px solid;padding-bottom: 2px;  
  font-family: arial, verdana, sans-serif; font-weight: bold; font-size: 12px; 
  width: 245px;   
}

.home { padding-left: 10px;padding-right: 10px; /* border:#0082b0 1px solid; */

}

.grp_title {padding: 0px; margin: 0px;}
.grp_title h3 {
  padding: 10px;  margin: 0px; margin-bottom: 10px; border:#0082b0 1px solid;  
  color: gray;
}


.main {
        padding-right: 3px; 
        padding-left: 3px; 
        padding-bottom: 10px; 
        padding-top: 10px; 
        background-color: #ffffff
}
.ows_select {
        font-size: 10px; font-family: verdana, arial, sans-serif; width: 130px;
}
.cd_dividers {
        border-right: #cccccc 1px solid
}
.bottomlinks {
        padding-right: 10px; padding-left: 10px; font-size: 10px; padding-bottom: 10px; padding-top: 10px; font-family: verdana, arial, sans-serif; background-color: #ffffff; text-align: center
}
.rightcolumn {
        padding-right: 0px; 
        padding-left: 0px; 
        padding-bottom: 5px; 
        padding-top: 5px; 
        font-family: verdana, arial, sans-serif; 
        font-size: 10px;         
        text-align: center;
}

.bodytext {
        padding-right: 0px; padding-left: 10px
}



hr {
        border-top-width: 0px; border-left-width: 0px; border-bottom-width: 1px; width: 100%; border-right-width: 0px; color: #0082b0;
}

.header_titles {
        font-size: 14px; padding-bottom: 1px; color: #3f5984; font-family: tahoma, verdana, arial, sans-serif; text-align: left
}
.letters {
        font-size: 18px; font-family: tahoma, verdana, arial, sans-serif; letter-spacing: 4px
}
.categories {
        font-size: 14px; font-family: tahoma, verdana, arial, sans-serif
}
.store_list {
        padding-left: 20px; font-size: 12px; font-family: verdana, arial, sans-serif;
       
        
}

.dealBottom {
        font-size: 11px; color: #666666; padding-top: 1px; font-family: verdana, arial, sans-serif; 
        letter-spacing: 0px; font-variant: small-caps
}
.dealBottom a:visited {
        color: #486AB2; text-decoration: none
}
.dealBottom a:hover {
        color: #33cc00; text-decoration: none
}
.dealBottom a {
        color: #486AB2; text-decoration: none
}
.deal_description {
        font-size: 11px; padding-top: 5px; font-family: verdana, arial, sans-serif
}
.next_page {
        font-size: 11px; padding-top: 0px; font-family: verdana, arial, sans-serif; font-variant: small-caps
}

.graymenu{
background-color:lightgray;	
border: gray 1px solid;
text-align:center;
	
}		
.graymenu a{
color:black;
text-decoration: none
	
}		
.bluemenu{
background-color: #486AB2;	
border: #486AB2 1px solid;
text-align:center;
	
}		
.bluemenu a{
color: white;
text-decoration: none
	
}



div.srch
{
	
	height: 37px;
	background-color: lightgray; 
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	vertical-align: bottom;
	text-align: left;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
}
.stBox{
width:200px;	
height:14px;
font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.btn {
   font-size:14px;
   font-family:Tahoma,sans-serif;
   font-weight:bold;
   color:#FFFFFF;
   background-color:#848484;
   border-top-style:double;
   border-top-color:#848484;
   border-top-width:4px;
   border-bottom-style:double;
   border-bottom-color:#848484;
   border-bottom-width:4px;
   border-left-style:solid;
   border-left-color:#848484;
   border-left-width:4px;
   border-right-style:solid;
   border-right-color:#848484;
   border-right-width:4px;
   MARGIN-LEFT: 5px;
}

/* CSS Document */

div.nav2
{
    
    height: 31px;
    background-color: gray; 
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: bottom;
    text-align: left;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#000;
}

div.nav
{
    
    height: 31px;
    background-color: #486AB2;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: bottom;
    text-align: left;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#000;
}



#nav, #nav ul {
	float: left;
    height:31px;
	list-style: none;
	line-height: 27px;
	font-weight: bold;
	vertical-align: bottom;
	padding: 0 9px 0 1px;
	border: 0;
	margin: 0 0 0 0;
}

#nav a {
	display: block;
	text-decoration: none;	
	text-align: center;
	vertical-align: middle;
	color: #fff;
	padding: 2px 7px 2px 7px;
}

#nav a:hover,active
{
	color: #fff;	
	background-color: gray;
    padding: 2px 7px 2px 7px;
   
}

#nav li {
	float: left;
	color: #fff;      
	padding: 0 0px 0 0px;
	text-align: center;
	vertical-align: middle;
	/* border-right: white 1px solid;          */
    background-color: #486AB2;
}



#nav li.last {
	border-right: none;
}

#nav li ul {
	left: -999em;    
    position: absolute;
	
	overflow: visible;
	height: 31px;
	width: auto;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0px 0 0 -12px;
	padding: 0;
	background-color: #486AB2;
}

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

#nav li ul li {
	
	padding-right: 10px;
	line-height: 28px;
	text-align: left;
	clear: none; 
    left: -999em;
	float: left;
    background-color: gray;
}

#nav li ul.list-right li {
	float: right !important;
}

#nav li ul a {
	min-width: 100%;
	color: #fff;
}

#nav li ul a:hover {
	min-width: 100%;
	color: #fff;    
    background-color: darkgray;
   
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;      
}

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

#nav li:hover, #nav li.sfhover {
	color: lightgray;
    background-color: #486AB2; 
}


/* =============================================== */

#yo2 a:visited { color: #fff; text-decoration:none }
#yo2 a:hover { color: #fff; text-decoration: underline }
#yo2 a { color: #fff; text-decoration:none }


.menu {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#FFFFFF none repeat scroll 0 0;
  font-family:arial,sans-serif;
  font-size:11px;
  position:relative;
  z-index:100;
}
.menu ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
.menu ul li {
  /*border-left:1px solid #EEEEEE; */
  float:left;
  
}
.menu ul li a, .menu ul li a:visited {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:#486AB2;
  color:#FFF;
  display:block;
  height:30px;
  line-height:30px;
  padding:0 7px 0 7px;
  text-decoration:none;
  
}
.menu table {
  border-collapse:collapse;
  font-size:1em;
  margin:0;
  padding:0;
}
.menu ul li ul {
  left:500;
  position:absolute;
  top:30px;
  visibility:hidden;
}
.menu ul li:hover a, .menu ul li a:hover {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:gray none repeat scroll 0 0;
  color:#FFFFFF;
}
.menu ul li:hover ul, .menu ul li a:hover ul {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:gray none repeat scroll 0 0;
  color:#FFFFFF;
  visibility:visible;
}
.menu ul li:hover ul.right_side li, .menu ul li a:hover ul.right_side li {  
  float:right;
}
.menu ul li:hover ul.left_side li, .menu ul li a:hover ul.left_side li {
  float:left;
}
.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background-color: gray;
  color:#FFFFFF;
}
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {
  left:0;
  position:absolute;
  top:30px;
  visibility:hidden;
}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:gray none repeat scroll 0 0;
  color:#FFFFFF;
  display:block;
}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  background:darkgray none repeat scroll 0 0;
  color:#000000;
}
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DFC184 none repeat scroll 0 0;
color:#000000;
visibility:visible;
}
.menu ul li:hover ul.right li {
float:right;
}
.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DFC184 none repeat scroll 0 0;
color:#000000;
}
.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#BD8D5E none repeat scroll 0 0;
color:#FFFFFF;
}