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

body{background-color: #ffc71f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 0px;}
.gray { color:#999; }
#wrapper{width: 750px; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; background-color: #ffe871;}

#header{float: left; width: 750px; background-color: #FFF;}
#header #logo{float: left; width: 400px;}
#header #sub-links{float: left; width: 330px; text-align: right; font-size: 11px; padding-right: 15px; padding-top: 20px;}
#header #sub-links a{color: #333; text-decoration: none; font-weight: bold; padding-right: 1px;}
#header #sub-links a:hover{color: #ffc71f;}
#header #sub-links .signup{color: #ffc71f; font-weight: bold; font-size: 16px;}

#mainnav{float: left; width: 750px; line-height: 0px; height: 0px;}

#search-bar{float: left; width: 750px; background-image: url(images/search-bk.jpg); background-repeat: no-repeat; height: 96px;}
#search-bar #search-info{float: left; width: 400px; color: #333; font-weight: bold; line-height: 20px; padding-top: 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}
#search-bar #search-info .line1{font-size: 24px; padding-left: 30px;}
#search-bar #search-info .line2{font-size: 20px; padding-left: 80px;}
#search-bar #search-box{float: left; width: 330px; padding-top: 35px;*padding-top: 38px; padding-left: 15px;}
#search-bar #search-box a{font-size: 10px; text-decoration: none; color: #333; font-weight: bold;}
input.searchstores{width: 190px; border: 0px; margin-bottom: 9px;*margin-bottom: 11px; font-size: 14px; font-weight: bold; color: #999}
input.searchstores:hover{border: 0px;}
input.submit{margin-left: 20px; border: 0px;}
input.submit:hover{border: 0px; background-color: none;}

#header-image{float: left; width: 750px; padding-bottom: 10px;}

#main{float: left; width: 735px; background-color: #FFF;padding-bottom: 20px; padding-left: 15px;}

#left{float: left; width: 450px; padding-right: 15px;}
#left-wide{float: left; width: 720px; padding-left: 15px; padding-right: 15px;}
#left-wide a{color: #3300FF; text-decoration: underline;}

#column1 { width:500px; float:left; text-align:left; }
#column1 a{color: #3300FF; text-decoration: underline;}
#column2 { width:230px; float:right; }

h1{font-size: 18px; color: #333;}
h2{font-size: 15px; color: #333;}
h3{font-size: 14px; color: #333;}
h3 a{text-decoration: underline; color: #3300FF;}
h1 .yellow{color: #ffc71f;}
p{font-size: 12px; color: #333; text-align: justify;}
p.briefdetails{font-size: 11px; font-weight: bold; color: #333; margin-top: 3px;}
a{color: #3300FF; text-decoration: underline;}
a:hover{text-decoration: underline;}

#right{float: left; width: 235px; padding-right: 15px; padding-top: 10px;}
#right #right-head{float: left; width: 235px; font-weight: bold; font-size: 16px; color: #ffc71f; border-bottom: 1px dotted #333;}
#right #right-content{float: left; width: 235px; padding-top: 13px;}

#right-content a{ display: block; }

#right-content ul {
    margin: 5px;
    padding: 0;
    list-style: none outside;
}

#right-content li {
    display: block;
    line-height: 20px;
    color: #333;
    text-decoration: none;
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
}

#right-content li.current {
    background-color: #ffc71f;
    color: #333;
}

#right #right-content a.viewall{font-size: 10px;}
#right #right-content a:hover{color: #ffc71f;}

#footer{float: left; width: 750px; background-color: #FFF; font-size: 10px; border-top: 1px solid #333; }
#footer #copyright{float: left; width: 485px; padding-top: 5px; padding-left: 15px;}
#footer #copyright a{color: #333; text-decoration: none; font-weight: bold;}
#footer #copyright a:hover{color: #ffc71f;}
#footer #footer-logo{float: left; width: 250px; text-align: right;}

#spacer{line-height: 0px; clear: both;}
img{border: 0px;}

#breadcrumbs{font-size: 10px; font-weight: bold; color: #000;}
#breadcrumbs a{text-decoration: none; color: #000;}

/*Form Styles*/

input{border: 2px #999 solid;}
input:hover{border: 2px #333 solid;}
tr.verify{background-color: #ccffcc;}
tr.error{background-color: #ffcccc; font-weight: bold;}
input#submit{background-color: #ffc71f; color: #000; border: solid 2px #ffc71f; font-weight: bold;}
input#reset{background-color: #ffc71f; color: #000; border: solid 2px #ffc71f; font-weight: bold;}

.form-element-errors li{color: #990000; font-weight: bold; font-size: 11px; margin: 1px; padding: 1px;}


form .label-required {
	font-weight: bold;
}

option.top-level {
	background-color: #fd8;
}

.breadcrumbs a{font-size: 11px;}
.searchlink{font-size: 11px; font-weight: bold;}

#login-form{margin-left: 20px;}

div.overlay{
	background-color: #000;
	padding: 15px;
    /*set the div in the center of the screen*/
    position:absolute;
	text-align: center;
    top:25%;
    left:30%;
    width:500px;
  }
  
div.overlay a{
	color: #FFF;
}


#category-page-sponsors-horiz img{margin-left: 15px;}
#category-page-sponsors-vert{flaot: left;}
#category-page-sponsors-vert img{margin-top: 15px;}