/* CSS for bluelawn Landing Page */

html * {
	margin: 0;
	padding: 0;
}

body {
	background: url('../../images/landing_images/page_background.jpg') no-repeat center top #e9e3d0;
	font-family: Courier New;
	font-size: 62.5%;
}

#landing_page {
	margin: 0px auto;
	width: 960px;
}

.clear {
	clear: both;
}

/* General */
.padBot6 { padding-bottom: 6px; }
.padBot12 { padding-bottom: 12px; }
.padBot18 { padding-bottom: 18px; }
.padBot24{ padding-bottom: 24px; }

.padTop6 { padding-top: 6px; }
.padTop12 { padding-top: 12px; }
.padTop18 { padding-top: 18px; }
.padTop24{ padding-top: 24px; }

h2 {
	color: #54527a;
	font-size: 2em;
	text-transform: lowercase;
	font-weight: normal;
	letter-spacing: -0.05em;
}



#landing_page p {
	font-size: 1.2em;
}

/* ---------------------------------------------------------- Header */
#landing_page #header {
	margin: 12px 0 0;
}

#landing_page #header .logo {
	float: left;
	width: 673px;
	padding:30px 0 0px 20px;
}

#landing_page #header .bag {
	float: left;
	width: 267px;
	display: block;
	font-size:1.2em;
}

#landing_page #header a {
	color: #db3c3c;
	text-decoration: none;
}

#landing_page #header a:hover {
	color: #6b1b1b;
}

#landing_page #contact #header .logo h1 a {
	text-indent: -9000px;
	display: block;
	width: 351px;
	height: 53px;
	margin: 30px 0 0 20px;
	background: url('../../images/landing_images/logo.png') no-repeat top left;
}
#landing_page #header .bag {
	color: #54527a;
}

/* ---------------------------------------------------------- Navigation */
#landing_page #navigation {
	height: 19px;
	background: url('../../images/landing_images/nav_bg.png') no-repeat top left;
	width: 920px;
	display: block;
	padding: 20px;
	margin: 0 0 12px 0;
	font-size: 1.2em;
	text-transform: lowercase;
	color: #54527a;
}

#landing_page #navigation ul {
	list-style-type: none;
}

#landing_page #navigation li {
	list-style: none;
	display: inline-block;
	margin-right: 8px;
}

#landing_page #navigation li.active a {
	font-weight: bold;
	text-decoration: none;
	background: url('../../images/landing_images/nav_highlight.jpg') repeat-x bottom left;
}

#landing_page #navigation li a {
	color: #54527a;
	text-decoration: none;
	padding: 0 0 4px 0;
}

#landing_page #navigation li a:hover {
	background: url('../../images/landing_images/nav_highlight.jpg') repeat-x bottom left;
}

#landing_page #navigation li.search {
	float: right;
	margin-right: 0;
	margin-top: -6px;
}

#landing_page #navigation li.search label {
	font-weight: bold;

}

#landing_page #navigation li.search input {
	background: none;
	border: none;
	padding: 2px;
	display: inline-block;
	border-bottom: 1px dashed #54527a;
	color: #54527a;
	width: 165px;
	font-family: Courier New;
}

#landing_page #navigation li.search input.submit {
	width: 12px;
	height: 24px;
	display: inline-block;
	border: none;
	background: url('../../images/landing_images/arrow_btn.png') no-repeat 50% 50%;
	cursor:pointer;
}

/* ---------------------------------------------------------- Boxes */
#landing_page .box_267_pink, #landing_page .box_267_beige, #landing_page .box_267_grey {
	width: 267px;
	display: block;
}

#landing_page .box_402_white, #landing_page .box_402_grey {
	width: 402px;
	display: block;
}


.margtop12{margin-top:12px;}

#landing_page .box_960_white {
	width: 960px;
	display: block;
}

#landing_page .box_546_beige {
	width: 546px;
	display: block;
}

#landing_page .box_267_pink .top, #landing_page .box_267_pink .bottom, 
#landing_page .box_267_grey .top, #landing_page .box_267_grey .bottom, 
#landing_page .box_267_beige .top, #landing_page .box_267_beige .bottom {
	display: block;
	width: 267px;
	height: 11px;
}

#landing_page .box_402_white .top, #landing_page .box_402_white .bottom, #landing_page .box_402_grey .top, #landing_page .box_402_grey .bottom {
	display: block;
	width: 402px;
	height: 10px;
}

#landing_page .box_960_white .top, #landing_page .box_960_white .bottom {
	display: block;
	width: 960px;
	height: 10px;
}

.box_546_beige .top, .box_546_beige .bottom {
	display: block;
	width: 546px;
	height: 10px;
}

#landing_page .box_267_pink .top {
	background: url('../../images/landing_images/boxes/pink_top_267.png') no-repeat top left;
}

.box_267_pink .bottom {
	background: url('../../images/landing_images/boxes/pink_bottom_267.png') no-repeat top left;
}

.box_267_pink .middle {
	width: 227px;
	padding: 10px 20px;
	background: url('../../images/landing_images/boxes/pink_middle_267.png') repeat-y top left;
}


.box_267_beige .top {
	background: url('../../images/landing_images/boxes/beige_top_267.png') no-repeat top left;
}

.box_267_beige .bottom {
	background: url('../../images/landing_images/boxes/beige_bottom_267.png') no-repeat top left;
}

.box_267_beige .middle {
	width: 227px;
	padding: 10px 20px;
	background: url('../../images/landing_images/boxes/beige_middle_267.png') repeat-y top left;
}


#landing_page .box_267_grey .top {
	background: url('../../images/landing_images/boxes/grey_top_267.png') no-repeat top left;
}

.box_267_grey .bottom {
	background: url('../../images/landing_images/boxes/grey_bottom_267.png') no-repeat top left;
}
.box_267_grey .middle {
	width: 227px;
	padding: 10px 20px;
	background: url('../../images/landing_images/boxes/grey_middle_267.png') repeat-y top left;
}


.box_402_white .top {
	background: url('../../images/landing_images/boxes/wt.png') no-repeat top left;
}

.box_402_white .bottom {
	background: url('../../images/landing_images/boxes/wb.png') no-repeat top left;
}

.box_402_white .middle {
	width: 370px;
	padding: 5px 17px 5px 15px;
	background: url('../../images/landing_images/boxes/wm.png') repeat-y top left;
}


.box_402_grey .top {
	background: url('../../images/landing_images/boxes/gt.png') no-repeat top left;
}

.box_402_grey .bottom {
	background: url('../../images/landing_images/boxes/gb.png') no-repeat top left;
}

.box_402_grey .middle {
	width: 358px;
	padding: 10px 22px;
	background: url('../../images/landing_images/boxes/gm.png') repeat-y top left;
}


.box_546_beige .top {
	background: url('../../images/landing_images/boxes/beige_top_546.png') no-repeat top left;
}

.box_546_beige .bottom {
	background: url('../../images/landing_images/boxes/beige_bottom_546.png') no-repeat top left;
}

.box_546_beige .middle {
	width: 502px;
	padding: 10px 22px;
	background: url('../../images/landing_images/boxes/beige_middle_546.png') repeat-y top left;
}


.box_960_white .top {
	background: url('../../images/landing_images/boxes/w_full_top.png') no-repeat top left;
}

.box_960_white .bottom {
	background: url('../../images/landing_images/boxes/w_full_bottom.png') no-repeat top left;
}

.box_960_white .middle {
	width: 920px;
	padding: 10px 20px;
	background: url('../../images/landing_images/boxes/w_full_middle.png') repeat-y top left;
}

/* ---------------------------------------------------------- Info Panel Misc */
.info_panel, .product_panel {
	width: 267px;
	margin-left: 12px;
	float: left;
}

input {
	background: none;
	border: none;
	padding: 2px;
	display: inline-block;
	width: 165px;
	font-family: Courier New;
}
.info_panel  input {
	width: 200px;
	font-family: Courier New;
	border-bottom: 1px dashed #54527a;
	color: #54527a;
}

input.submit {
	width: 12px;
	height: 20px;
	display: inline-block;
	border: none;
	background: url('../../images/landing_images/arrow_btn.png') no-repeat 50% 50%;
	cursor:pointer;
}

.info_panel p {
	color: #54527a;
}

.info_panel a {
	color: #e34d4d;
	text-decoration: none;
}
.info_panel a:hover {
	color: #000000;
}

.info_panel .twitter p {
	border-bottom: 1px dashed #54527a;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.info_panel .twitter a img {
	border: none;
}

/* ---------------------------------------------------------- Products Panel Misc */

.product_panel .products h2 {
	color: #3c3a5e;
	margin-bottom: 10px;
}

.product_panel .products ul {
	list-style-type: none;
}

.product_panel .products li {
	display: block;
	float: left;
	width: 112px;
}
.product_panel .products li a {
	color: #db3c3c;
	text-decoration: underline;
	text-transform: lowercase;
	font-size: 1em;
	text-align: center;
}


.product_panel .products li a:hover {
	color: #6b1b1b;
}

#content .product_panel .products li img {
	width: 112px;
	height: 127px;
}

.product_panel .products li a img{
	border: none;
}


/* ---------------------------------------------------------- Promo Panel */
.promo_panel {
	width: 402px;
	float: left;
	color: #4b4962;
}

.promo_panel p.p_promo {
	/*background: #e2e3e3;*/
	padding: 0 10px 10px 10px;
}

.promo_panel a {
	color: #db3c3c;
	text-decoration: underline;
}

.promo_panel img {
	width: 370px;
	border:0;
}



.promo_panel a:hover {
	color: #6b1b1b;
}

.promo_panel a.none{border:0px;}

/* ---------------------------------------------------------- Footer */
#footer {
	margin: 0 0 15px;
	color: #857d69;
	font-size: 1.1em;
}

#footer a {
	color: #857d69;
	text-decoration: none;
}

#footer a:hover {
	color: #383224;
}

#footer .copyright {
	float: left;
}

#footer .strategic_design_agency {
	float: right;
}


/* ---------------------------------------------------------- Sub Footer */
/* ---------------------------------------------------------- Visit Us */
#sub_footer .visit {
	width: 402px;
	float: left;
	color: #54527a;
}

#sub_footer .visit h2 {
	color: #54527a;
}

#sub_footer .visit .middle {
	display: block;
	height: 165px;
}

#sub_footer .visit .middle .column {
	width: 178px;
	display: inline-block;
	float: left;
}

#sub_footer .visit a {
	color: #54527a;
	text-decoration: underline;
}

#sub_footer .visit a:hover {
	color: #69614e;
	text-decoration: underline;
}


/* ---------------------------------------------------------- Visit Us */
#sub_footer .cafe {
	color: #69614e;
	float: left;
	width: 546px;
	margin: 0 0 0 12px;
	display: block;
}

#sub_footer .cafe h2 {
	color: #69614e;
}

#sub_footer .cafe .middle {
	display: block;
	height: 165px;
}

#sub_footer .cafe .middle  img {
	border: 5px solid #FFF;
	float: left;
	margin: 0 15px 0 0;
}

#sub_footer .cafe a {
	color: #69614e;
	text-decoration: underline;
}

#sub_footer .cafe a:hover {
	color: #54527a;
	text-decoration: underline;
}

/* ---------------------------------------------------------- Brands */
#brands h2 {
	color: #69614e;
}

.pad_btm8{padding-bottom:8px;}









