/** web font declarations **/


@font-face {
    font-family: 'FontSiteSansRoman';
    src: url('../fonts/FontSiteSans-Roman-webfont.eot');
    src: url('../fonts/FontSiteSans-Roman-webfont.eot?iefix') format('eot'),
         url('../fonts/FontSiteSans-Roman-webfont.woff') format('woff'),
         url('../fonts/FontSiteSans-Roman-webfont.ttf') format('truetype'),
         url('../fonts/FontSiteSans-Roman-webfont.svg#webfont5UoCtSnz') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FontSiteSansBold';
    src: url('../fonts/FontSiteSans-Bold-webfont.eot');
    src: url('../fonts/FontSiteSans-Bold-webfont.eot?iefix') format('eot'),
         url('../fonts/FontSiteSans-Bold-webfont.woff') format('woff'),
         url('../fonts/FontSiteSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/FontSiteSans-Bold-webfont.svg#webfontFJcYFAaQ') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AlternateGothicFSNo2';
    src: url('../fonts/AlternateGothicNo2-webfont.eot');
    src: url('../fonts/AlternateGothicNo2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AlternateGothicNo2-webfont.woff') format('woff'),
         url('../fonts/AlternateGothicNo2-webfont.ttf') format('truetype'),
         url('../fonts/AlternateGothicNo2-webfont.svg#AlternateGothicFSNo2') format('svg');
    font-weight: normal;
    font-style: normal;

}

/** style declarations **/
.mobile {
	display:none;
}

html {
  height:100%;
	background: rgb(0,0,0);
}

body {
  color: rgb(255,255,255);
	background: rgb(206,20,51);
	height: 100%;
	min-width:1024px;
}

#wrapper {
  width: 100%;
	min-width:1024px;
	overflow:auto;
	background: #000 url('../img/bg_content_pri.jpg') no-repeat top center;
}

body.home #wrapper {
	background: #000 url('../img/bg_content.jpg') no-repeat top center;
}

#header {
  padding-top: 65px;
	width: 986px;
	height: 45px;
	padding-left: 38px;
	margin: auto;
}

#content {
  width: 986px;
	padding-left: 38px;
	padding-bottom: 45px;
	margin: auto;
	min-height: 614px;
	position:relative;
}

a:link, a:visited {
  color: rgb(255,255,255);
}

p {
	font-family: 'FontSiteSansRoman', sans-serif;
	-webkit-font-smoothing: antialiased;
}

em {
  color: rgb(215,22,53);
	font-style: normal;
}

div.col_right em {
 font-family:'FontSiteSansBold';
}

strong, .strong {
 font-family:'FontSiteSansBold';
}

h1#siteTitle a:link, h1#siteTitle a:visited {
	font-family: 'AlternateGothicFSNo2', sans-serif;
	word-spacing: -10px;
	font-size: 60px;
	line-height: 42px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

h1#siteTitle {
  line-height: 0px;
	float:left;
}


/** MENU style declarations **/
.level1 a:link, .level1 a:visited {
	font-family: 'AlternateGothicFSNo2', sans-serif;
	font-size: 24px;
	line-height: 22px;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
}

.level1 a:hover, .level1 .selected a:link, .level1 .selected a:visited {
  color: rgb(215,22,53);
}

.level1 {
  float: left;
	margin: 22px 0 0 40px;
}

.level1 li:first-child {
  border-left: rgb(255,255,255) 1px solid;
}

.level1 li {
  height: 22px;
  float: left;
	padding: 0 16px 0 16px;
	border-right: rgb(255,255,255) 1px solid;
	line-height: 0px;
}


/** TOOLTIP style declarations (index.php only) **/

.tooltip {
  width:178px;
	min-height: 110px;
	float:left;
	display:none;
}

.tooltip#order_tooltip {
	position:absolute;
	top: 10px;
	left: 525px;
}

.tooltip#find_tooltip {
	position:absolute;
	top: 10px;
	left: 355px;
}
.tooltip .tt_top {
  height: 23px;
	width: 178px;
	background: url('../img/tooltip_sprite.png') no-repeat 0px 0px;
}

.tooltip .tt_mid {
  background: rgb(215,22,53);
}

.tooltip .tt_mid h2, .tooltip .tt_mid p {
  background: rgb(215,22,53);
	width: 147px;
	margin-left:15px;
}

.tooltip .tt_mid h2 {
	font-family: 'AlternateGothicFSNo2', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	font-size:24px;
	line-height: 26px;
	padding-top:6px;
}

.tooltip .tt_mid p {
	font-family: 'FontSiteSansRoman', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 16px;
	line-height: 27px;
	padding-top:14px;
  padding-bottom: 24px;
}


.tooltip .tt_bot {
  height:21px;
	width: 178px;
	background: url('../img/tooltip_sprite.png') no-repeat 0px -21px;
}


/** CONTENT style declarations **/
.col_right h1, #condom_form h1 {
	font-family: 'AlternateGothicFSNo2', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size:24px;
	color: rgb(215,22,53);
  text-transform: uppercase;
	margin-bottom: 34px;
}
#condom_form h1 {
	color:#fff;
	margin-bottom:24px;
}
.col_right p {
  line-height: 27px;
	font-size: 16px;
	width: 200px;
}

.col_right {
  width: 236px;
	margin-top: -26px;
/*	float: right; */
	position:absolute;
	top:0px;
	left:784px;
}

#hp_blurb p {
	font-family: 'AlternateGothicFSNo2', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 36px;
	line-height: 46px;
}

#hp_blurb {
  width: 263px;
	float: left;
	margin-top: 30px;
	margin-bottom: 40px;
}

#hp_subLinks a:link, #hp_subLinks a:visited {
	font-family: 'AlternateGothicFSNo2', sans-serif;
	-webkit-font-smoothing: antialiased;
	display: block;
	margin-bottom: 13px;
	font-size: 24px;
	line-height: 26px;
	text-transform: uppercase;
	text-decoration: none;
}

#hp_subLinks {
  float: left;
	clear: both;
	width: 258px;
	position:relative;
}

#subLinks_arrow {
	width: 12px;
	height: 24px;
	background: url('../img/subLink_arrow.png');
	position:absolute;
	top:0px;
	left:-20px;
}

/** FOOTER style declarations **/
#footer {
  clear:both;
	background: rgb(206,20,51) url('../img/bg_footer.png') repeat-x;
	width: 100%;
	padding-top: 27px;
}

#footer_content{
  width: 986px;
	padding-left: 38px;
	margin: auto;
	position:relative;
}

#socialIcons {
  width: 50%;

	overflow: auto;
}

#socialIcons dt {
  font-family: 'AlternateGothicFSNo2', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 24px;
	text-transform: uppercase;
	margin-bottom:15px;
}

#socialIcons dd {
  float: left;
	margin-right: 10px;
}

#socialIcons a:link, #socialIcons a:visited {
  display: block;
	width: 30px;
	height: 29px;
	text-align: left;
	text-indent: -2000px;
}

#socialIcons #twitter:link, #socialIcons #twitter:visited {
  background: url('../img/socialIcons_sprite.png') 0px 0px;
}

#socialIcons #twitter:hover {
  background: url('../img/socialIcons_sprite.png') 0px -29px;
}

#socialIcons #facebook:link, #socialIcons #facebook:visited {
  background: url('../img/socialIcons_sprite.png') -31px 0px;
}

#socialIcons #facebook:hover {
  background: url('../img/socialIcons_sprite.png') -31px -29px;
}

#socialIcons #google:link, #socialIcons #google:visited {
  background: url('../img/socialIcons_sprite.png') -62px 0px;
}

#socialIcons #google:hover {
  background: url('../img/socialIcons_sprite.png') -62px -29px;
}

#socialIcons #stumble:link, #socialIcons #stumble:visited {
  background: url('../img/socialIcons_sprite.png') -93px 0px;
}

#socialIcons #stumble:hover {
  background: url('../img/socialIcons_sprite.png') -93px -29px;
}

#socialIcons #digg:link, #socialIcons #digg:visited {
  background: url('../img/socialIcons_sprite.png') -125px 0px;
}

#socialIcons #digg:hover {
  background: url('../img/socialIcons_sprite.png') -125px -29px;
}

#socialIcons #chess:link, #socialIcons #chess:visited {
  background: url('../img/socialIcons_sprite.png') -156px 0px;
}

#socialIcons #chess:hover {
  background: url('../img/socialIcons_sprite.png') -156px -29px;
}

#socialIcons #blogger:link, #socialIcons #blogger:visited {
  background: url('../img/socialIcons_sprite.png') -187px 0px;
}

#socialIcons #blogger:hover {
  background: url('../img/socialIcons_sprite.png') -187px -29px;
}

.contact {
  float: right;
	font-size: 16px;
	line-height: 24px;
	width: 222px;
	margin-right: 0px;
position: absolute;
top: 0px;
right: 69px;
}

.contact img {
  display: block;
	margin-bottom: 14px;
}

.copyright {
  clear: both;
	font-size: 14px;
}


/** FORM style declarations **/
form input[type='text'], input[type='password'] {
	width: 612px;
	padding: 12px 0px 12px 10px;
	background: rgb(255,255,255) url('../img/bg_input.gif') repeat-x;
	border: rgb(128,128,128) 1px solid;
	margin-bottom: 15px;
	font-family: 'FontSiteSansBold', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-style: italic;
	color: rgb(153,153,153);
}

form .half {
  width: 294px !important;
	margin-right: 10px;
}

form span {
	display: block;
	font-family: 'FontSiteSansBold', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-style: italic;
  float: left;
}

form select{
	float: right;
	clear: right;
	width: 200px;
	font-family: 'FontSiteSansBold', sans-serif;
	-webkit-font-smoothing: antialiased;
	font-size: 14px;
	font-style: italic;
	color: rgb(128,128,128);
}

form input[type='radio'] {
  float: left;
	margin-left: 10px;
}

form input[type='checkbox'] {
  float: left;
	margin-left: 8px;
	margin-top: 2px;
}

#submitBtn {
  float: left;
	width: 85px;
	height: 38px;
	border: 0px;
	font-family: 'AlternateGothicFSNo2', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	font-size: 24px;
	background: rgb(128,128,128);
	color: rgb(255,255,255) !important;
	position:absolute;
	bottom:35px;
	left:30px;
}

#submitBtn:hover {
	background:#CE1433;
}

form span.radio_label {
	display: block !important;
	float: left !important;
	margin-left: 5px;
	margin-right: 0px;
	font-family: 'AlternateGothicFSNo2', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 16px;
	color: rgb(128,128,128);
	font-style: normal;
}

form .single_line {
  height: 24px;
	width: 616px;
	margin-bottom: 10px;
	margin-left: 10px;
	float: left;
}

#condom_form {
	position:relative;
  background: rgb(153,153,153);
	border: rgb(0,0,0) 1px solid;
	padding: 28px 0px 28px 28px;
	width: 652px;
	height: 606px;
	float: left;
	margin: 43px 0px 43px 0px;
}

#condom_form p {
	padding-right:27px;
}

#require_text {
 position: absolute;
 top: 711px;
 left: 40px;
 font-size: 14px;
 color: rgb(153,153,153);
}

form label {
  display:none !important;
}

#lbl_maps {
	display:inline !important;
}

form input[type="text"].error {
  background: rgb(215,22,53) !important;
  color: rgb(255,255,255) !important;
}

form select.error, span.error {
  color: rgb(215,22,53) !important;
}


/** add location form updates**/
.add_location_form .description_p {
	margin-bottom: 15px;
}

#condom_form.add_location_form {
	height: 874px;
}

#require_text.add_location_form {
  top: 945px;
}


/** gMAP style declarations **/

#mapWrapper {
  width:682px;
  height:576px;
  float:left;
  margin:40px 34px 40px 0;
  border:1px solid #808080;
}

#sideBar {
  width:228px;
  float:left;
}

.phone {
  font-family: 'FontSiteSansBold';
  font-size:14px;
  line-height:22px;
}

#mapHeader {
  width:682px;
  height:60px;
  background: rgb(153,153,153);
}

#mOverControl {
  display:block;
  height:60px;
  width:66px;
  float:left;
  cursor:pointer;
  position:absolute;
  left:0;
  top:0;
}

#mapTitle {
  text-transform:uppercase;
  width:270px;
  height:39px;
  padding:21px 10px 0 56px;
  float:left;
  background:url(../img/menu_pin.jpg) no-repeat 22px 14px;
	font-family: 'FontSiteSansBold', sans-serif;
	-webkit-font-smoothing: antialiased;
  font-size:15px;
  line-height:18px;
  color: rgb(255,255,255);
  position:absolute;
}

#searchBox {
	position:absolute;
	left:337px;
  width:190px;
  margin-top:9px;
  height:20px;
  border-radius:5px;
	font-family: 'FontSiteSansBold', sans-serif;
	-webkit-font-smoothing: antialiased;
  font-size:15px;
  line-height:18px;
  padding:10px;
  color:rgb(204,204,204);
  margin-left:5px;
  margin-right:15px;
}

#mapForm {
	position:relative;
}

input#searchBtn {
	position:absolute;
	top:0;
	right:20px;
  background:transparent;
  width:90px;
  height:40px;
	font-family: 'AlternateGothicFSNo2', sans-serif;
	-webkit-font-smoothing: antialiased;
  font-size:24px;
  line-height:18px;
  color: rgb(255,255,255);
	background: rgb(128,128,128);
	border: 0px;
  text-transform:uppercase;
	margin-top:10px;
	cursor:pointer;
}

#searchBtn:hover {
	background:#CE1433;
}

#map {
  width:682px;
  height:516px;
}

#mapInnerWrapper {
  width:682px;
  height:434px;
  position:relative;
}

#rs, #list {
  width:171px;
  height:418px;
  position:absolute;
  right:20px;
  top:10px;
  padding:20px;
}

#rs {
  background:url(../img/menu.png);
}

#rs p {
  font-family: 'FontSiteSansRoman', sans-serif;
	-webkit-font-smoothing: antialiased;
}

#list {
  right:auto;
  left:20px;
  height:455px;
  width:210px;
  overflow-y:scroll;
  border:1px solid #D71F36;
  background:url(../img/all_list_menu.png);
  padding:0;
}

#dropDown {
  width:290px;
  height:516px;
  position:absolute;
  top:0;
  display:none;
}


#list .addr, #list .time, #list .phone {
  display:none;
}

.result, .defresult {
  font-size:14px;
  line-height:16px;
}

#list .result {
  cursor:pointer;
  padding:5px 20px;
  border-bottom:1px solid #fff;
}

#list .result:hover {
  background:#D71F36;
}
#rs h4 {
  border-bottom:1px solid #fff;
  padding-bottom:16px;
  margin-bottom:10px;
}

h4 {
	font-family: 'FontSiteSansBold', sans-serif;
	-webkit-font-smoothing: antialiased;
}

h3 {
	font-family: 'FontSiteSansRoman', sans-serif;
	-webkit-font-smoothing: antialiased;
}


.addr, .time { margin-top:5px; margin-bottom:10px; }

#locations { clear:both; color:#000; }

#appStore {
	position:absolute;
	width:129px;
	height:45px;
	top:95px;
}
#googlePlay {
	position:absolute;
	width:129px;
	height:45px;
	top:94px;
	left:185px;
}
