/* ----------------------------
	Description: Security Alarm Review
	Version: 1.0
---------------------------------------------------------------------------- */

@import url('../css/global-grid/reset.css');
@import url('../css/global-grid/grid_12.css');
@import url('../css/global-grid/grid_type.css');

/* ----------------------------
	LAYOUT STYLES
---------------------------------------------------------------------------- */
.flt_left { float:left; }
.flt_right { float:right; }

html, body { text-align:center; }
#extHeader .wrap, #extFooter .wrap, #container #branding .wrap, #container #meat { margin: 0 auto; width: 960px; text-align:left; clear:both; }

#extHeader { height:28px; border-bottom: 1px solid #333; }
#extHeader p { margin:0; }
#extHeader .feed { width:460px; display:inline; float:left; margin:3px 10px; }
#extHeader .feed img { position:relative; top:2px; }
#extHeader .social { float:right; display:inline; margin:3px 10px; }
#extHeader .social .title { float:left; margin:4px 0 0 0; }

#intHeader #branding {
	height: 148px;
	background: url("../images/securityalarmreview/branding-bg.jpg") no-repeat center center;
}
#intHeader #branding .wrap {
	position: relative;
}
#intHeader #branding #logo {
	margin: 0;
}
#intHeader #branding #logo a {
	background: url("../images/securityalarmreview/logo.png") no-repeat top left;
	width: 587px;
	height: 34px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 68px;
	left: 10px;
}
#intHeader #branding .subtitle {
	position: absolute;
	left: 194px;
	top: 100px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
#container {
	background: url(../images/securityalarmreview/container-bg.png) repeat-y center;
}
#container #meat #contentArea {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
	width: 620px;
	padding-top: 18px;
}
#container #meat #contentArea h1 {
	margin-bottom: 5px;
}
#container #meat #contentArea h1 a {
	text-decoration: none;
	color:#333;
	font-size: 28px;
}
#container #meat #contentArea h3 {
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
	line-height: 18px;
}

#container #meat #contentArea p {
	color: #666;
	font-size: 11px;
}
#container #meat #contentArea #articles .article {
	border-bottom: 1px solid #CCC;
	margin-bottom: 18px;
}
#container #meat #contentArea .articleSubtitle a {
	font-size: 14px !important;
	color: #999;
	text-decoration: none;
}

#container #meat #rail {
	display:inline;
	float:left;
	padding-left:10px;
	margin-right:10px;
	width: 300px;
	padding-top: 18px;
}
#meat #rail #bargain-find {
	padding-top: 180px;
	background: #999 url(../images/securityalarmreview/bargain-header.jpg) no-repeat top;
	margin-bottom: 18px;
}
#meat #rail #bargain-find .wrap {
	padding-bottom: 20px;
	background: url(../images/securityalarmreview/bargain-bottom.png) no-repeat bottom;
}
#meat #rail #bargain-find h2, #meat #rail #bargain-find h5, #meat #rail #bargain-find hr, #meat #rail #bargain-find h3, #meat #rail #bargain-find p, #meat #rail #bargain-find li {
	margin-right: 10px;
	margin-left: 10px;
	color: #FFF;
	list-style-type: none;
}
#meat #rail #bargain-find h2 {
	font-size: 26px;
	line-height: 28px;
	margin-bottom: 5px;
}
#meat #rail #bargain-find .dish-logo {
	margin-right: 10px;
	margin-left: 10px;
	float: right;
}
#meat #rail #bargain-find .promo .savings {
	font-size: 26px;
	color: #000;
	margin-bottom: 5px;
	margin-top: -5px;
}
#meat #rail #bargain-find .promo .disclaim {
	font-size: 13px;
	margin-bottom: 5px;
}
#meat #rail #bargain-find .price {
	font-size: 26px;
}
#meat #rail #bargain-find .phone {
	font-size: 18px;
}

#meat #rail #bargain-find .order {
	margin-bottom: 0;
}
#meat #rail .blogModule h3 {
	background: url(../images/securityalarmreview/module-h3-bg.png) no-repeat top left;
	color: #FFF;
	height: 43px;
	margin-bottom: 5px;
	padding: 5px 10px;
	font-size: 20px;
}
#meat #rail .blogModule ul li {
	margin-left: 10px;
	list-style-type: none;
	padding: 8px 0;
	border-bottom: 1px solid #999;
}
#meat #rail .blogModule ul li a {
	color:#666;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
}
#meat #rail .blogModule ul li a:hover {
	color: #CCC;
}




#extFooter {
	background: #676767 url(../images/securityalarmreview/footer-top-bg.png) repeat-x top;
	min-height: 65px;
	clear: both;
}
#extFooter h5.cta {
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	margin: 0 10px 15px 10px;
	padding-top: 4px;
}
#extFooter .column {
	display:inline;
	float:left;
	margin-left:10px;
	margin-right:10px;
}
#extFooter .column.first {
	width: 620px;
}
#extFooter .column.last {
	width: 300px;
}
#extFooter p {
	font-size: 10px;
	color: #CCC;
	line-height: 14px;
}
#extFooter ul.footer-nav {
	margin: 0 0 10px 0;
	display:inline;
	float:left;
}
#extFooter ul.footer-nav.first {
	width: 180px;
	margin-right: 10px;
}
#extFooter ul.footer-nav.second {
	width: 110px;
}

#extFooter ul.footer-nav li {
	list-style-type: none;
	margin: 0;
}
#extFooter ul.footer-nav li a {
	color:#FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
}
#extFooter ul.footer-nav li ul.sub{
	margin: 0;
}
#extFooter ul.footer-nav li ul.sub li {
	margin-left: 15px;
}
#extFooter ul.footer-nav.second li a {
	font-size: 9px;
}


/* ----------------------------
	TYPE & COLOR STYLES
---------------------------------------------------------------------------- */
html, body { background:#FFF; }
#extHeader { background:#6E6E6E; color:#FFF; }
#extHeader p { font-size:9px; text-shadow:1px 1px 1px #000; }

/* ----------------------------
	SOCIAL BOOKMARKING
---------------------------------------------------------------------------- */
#extHeader ul.socialBookmarkingList{ margin: 0; display: block; float: left; }
#extHeader ul.socialBookmarkingList li { float:left; margin:2px 4px; list-style-type:none; }
#extHeader ul.socialBookmarkingList li a { float:left; width:16px; height:16px; display:inline-block; text-indent:-9999px; float:left; }
#extHeader ul.socialBookmarkingList li.reddit a { background:url("../images/icons/social/reddit.png") no-repeat; }
#extHeader ul.socialBookmarkingList li.twitter a {background:url("../images/icons/social/twitter.png") no-repeat; }
#extHeader ul.socialBookmarkingList li.technorati a { background:url("../images/icons/social/technorati.png") no-repeat; }


/* ----------------------------
	HEADER NAV
---------------------------------------------------------------------------- */
#header-nav-wrap {
	background: #66ccff url("../images/securityalarmreview/header-nav-wrap-bg.png") repeat-x;
	height: 40px;
}
#header-nav-wrap ul#nav {
	margin: 0 auto;
	width: 960px; 
	text-align: left; 
	clear: both;
	/*height: 65px;*/
	position: relative;
}
#header-nav-wrap ul#nav li {
	float: left;
	margin: 0;
	list-style-type: none;
	line-height: 12px;
}
#header-nav-wrap ul#nav li a {
	float: left;
	display: block;
	line-height: 12px;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 15px 15px 13px 15px;
	border-right: 1px solid #fff;
}
#header-nav-wrap ul#nav li.off:hover a {
	background-color: #2e8be8;
}
#header-nav-wrap ul#nav li.on a {
	background-color: #66ccff;
	/*padding-bottom: 15px;	*/
	
}

#header-nav-wrap ul#nav li.off ul.sub-nav, #header-nav-wrap ul#nav li.on ul.sub-nav {
	display: none;
}
#header-nav-wrap ul#nav li.on ul.sub-nav {
	display: block;
}
#header-nav-wrap ul#nav li ul.sub-nav {
	position: absolute;
	top: 47px;
}
#header-nav-wrap ul#nav li ul.sub-nav a {
	float: left;
	display: block;
	line-height: 12px;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0;
	padding-right: 10px;	
	margin: 0 0 0 15px;
	border-right: 1px solid #FFF;
	font-size: 10px;
}
#header-nav-wrap ul#nav li ul.sub-nav li a:hover {
	text-decoration: underline;
}

#header-nav-wrap ul#nav li ul.sub-nav li.last a {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
#header-nav-wrap ul#nav li.off:hover ul {
	//display: block;
}