/*** FONT FACE ***/
@font-face {
    font-family: ReminderPro;
    src: url("PFReminderProRegular.eot") /* EOT file for IE */
}
@font-face {
    font-family: ReminderPro;
    src: url("PFReminderProRegular.ttf") /* TTF file for CSS3 browsers */
}

/*** RESET CSS ***/
* { padding: 0; margin: 0; -webkit-user-select:none; -moz-user-select:none; outline: 0; }

/*** GENERAL ***/
body {
	background: #000;
	color: #eee;
	font-family: Helvetica, Arial, sans-serif;
	padding: 0; margin: 0;
	height: 100%; width: 100%;
}
a img { border: none }

/*** CORNER ***/
#corner-msg {
    background: url(../images/corner-msg.png) no-repeat;
    display: block;
    position: absolute;
    top: 0; right: 0;
    width: 240px; height: 240px;
    z-index: 1000;
}

/*** WRAP ***/
#wide {
	width: 100%; height: 600px;
}
#wrap {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 100%; height: 600px;
}

/*** MAIN ***/
#main {
	background: #000;
	position: absolute;
	width: 100%; height: 570px;
	z-index: 10;
}

#glook {
	background: url(../images/glook/background.png);
	position: relative;
	margin: 20px auto 0;
	width: 660px; height: 315px;
}
#glook .eye {
	position: absolute;
}
#glook .eye img {
	position: absolute;
}
#glook #eyeL { background: #c00; left: 300px; top: 120px; }
#glook #eyeR { background: #0c0; left: 380px; top: 110px; }
#glook #combos {
	position: absolute;
	top: 250px; left: 13px;
	width: 640px; height: 42px;
}
#glook #combos select {
	position: absolute;
	width: 305px; height: 20px;
	top: 12px;
}
#glook #categories { left: 10px }
#glook #subcategories { left: 325px; }

/*** DOCK ***/
#dock {
	background: url(../images/dock.png) no-repeat;
	margin: 0 auto;
	width: 530px; height: 100px;
}
#dock a { display: block; float: left }
#dock a.search { width: 95px; height: 100px }
#dock a.search:hover { background: url(../images/dock.png) 0 -100px no-repeat }
#dock a.phones { width: 85px; height: 100px }
#dock a.phones:hover { background: url(../images/dock.png) -95px -100px no-repeat }
#dock a.pharmacies { width: 85px; height: 100px }
#dock a.pharmacies:hover { background: url(../images/dock.png) -180px -100px no-repeat }
#dock a.news { width: 85px; height: 100px }
#dock a.news:hover { background: url(../images/dock.png) -265px -100px no-repeat }
#dock a.submit { width: 85px; height: 100px }
#dock a.submit:hover { background: url(../images/dock.png) -350px -100px no-repeat }
#dock a.contact { width: 95px; height: 100px }
#dock a.contact:hover { background: url(../images/dock.png) -435px -100px no-repeat }

/*** ACTION MSG ***/
#action-msg {
    color: #ddd;
    font-family: ReminderPro, Helvetica, Arial, sans-serif;
    font-size: 26px;
    text-align: center;
    height: 85px;
}
#action-msg div { display: none }

/*** SUBMENU ***/
#secondary {
	background: #222 url(../images/secondary.png);
	position: absolute;
	overflow: hidden;
	width: 100%; height: 570px;
	z-index: 0;
}

#widgets {
	position: relative;
	margin: 0 auto;
	width: 960px; height: 570px;
}

#widget-title {
	background: #CC6600;
	background: -moz-linear-gradient(top, #CC6600 0%, #994C00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CC6600), color-stop(100%,#994C00));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CC6600', endColorstr='#994C00',GradientType=0 );
	background: -o-linear-gradient(top, #CC6600 0%,#994C00 100%);

	border: #994c00 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #fff;
	display: none;
	font-size: 14px;
	font-weight: bold;
	line-height: 25px;
	margin: 0 auto;
	position: relative;
	top: 40px;
	text-align: center;
	text-shadow: #4d2600 2px 2px 1px;
	width: 250px;
}

#widget-loading {
	background: #111;
	border: #000 solid;
	border-width: 0px 1px 0 1px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #ddd;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	top: 200px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	width: 300px;
}

#widget-body {
	background: #111;
	border: #000 1px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 auto;
	position: relative;
	top: 630px;
	padding: 15px;
	width: 0; height: 0;
}
#widget-body iframe { width: 0; height: 0; overflow: hidden }

#close-wrap {
    display: none;
    position: absolute;
	bottom: 5px;
    width: 100%; height: 40px;
}
#close {
	background: url(../images/close.png) no-repeat;
    display: block;
	font-size: 12px;
	font-weight: bold;
	width: 160px; height: 40px;
    margin: 0 auto;
}

/*** FOOTER ***/
#footer {
	color: #ff6a00;
	clear: both;
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0 30px;
	text-align: center;
}

#footer a.terms {
	color: #666;
	display: block;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
#footer a.terms:hover { text-decoration: underline }