div { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; color: #333333; }
a { color: #3366CC; text-decoration: none; }
a:hover { text-decoration: underline; }
form { margin: 0px; padding: 0px; }
.Clear { clear: both; }
img { max-width: 100%; max-height: 100%; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

/* DEFAULT/MOBILE SIZES */ 
body {	margin: 0px; background-color: #FFFFFF; }
#Container { display: block; width: 90%; min-width: 280px; max-width: 728px; min-height: 400px; margin: 0px auto 20px auto; padding: 0px 0px 0px 0px; background-color: #FFFFFF; }
#Col1, #Col2, #Col3, #Col4 { display: block; float: none; width: 90%; margin: 0px auto 20px auto; }
.Index-Category { display: block; width: 100%; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; border-bottom: 1px solid #CCCCCC; }
.Index-Category-Name { display: block; width: 100%; margin: 0px 0px 15px 0px; font-size: 18px; line-height: 18px; font-weight: 700; } 
.Index-Category-Headlines { font-size: 11px; color: #999999; }
.Index-Category-Headlines p { margin: 0px 0px 20px 0px; }
.Index-Category-Headlines a { color: #454545; font-family: 'Open+Sans', arial, helvetica, san-serif; font-size: 15px; line-height: 17px; text-decoration: none; }
.Index-Category-Headlines a:hover { color: #3366CC; text-decoration: underline; }
#Header { display: block; width: 90%; min-width: 280px; max-width: 728px; margin: 0px auto 10px auto; }
#HeaderLogo { display: block; width: 100%; text-align: center; clear: both; }
#HeaderSearch { display: block; float: none; width: 100%; margin: 0px auto 10px auto; }
#HeaderSocial { display: block; float: none; width: auto; margin: 0px auto 10px auto; text-align: center; }
#HeaderLike { display: block; float: none; width: 100%; margin: 0px auto 30px auto; text-align: center; }
#SearchBox {	display: block;	width: 278px;	background-color: #FFFFFF; 	border: 1px solid #DBDBDB; margin: 0px auto 0px auto; }
#SearchInput { display: inline-block; float: left; width: 232px; min-height: 36px; margin: 0px; }
#SearchSubmit { 	display: inline-block;	float: right;	width: 36px; 	min-height: 36px;	margin: 0px;	cursor: pointer; background-image: url(../Images/Icon-Search-Black.svg);	background-repeat: no-repeat;	background-position: center center; }
#query { width: 95%; height: 24px; border: 0px none; outline: 0; margin: 5px; font-size: 11px; color: #787878; }
#Footer { display: block; width: 90%; min-width: 280px; max-width: 728px; margin: 0px auto 20px auto; color: #999999; font-size: 11px; line-height: 13px; text-align: center; }
.New { margin: 0px 6px 0px 0px; float: left; }

#StatusAlert { display: block; width: 100%; margin: 0px auto 10px auto; }
#StatusAlert div { padding: 10px; font-size: 18px; line-height: 22px; font-weight: bold; color: #cc0000; text-align: center; }

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

/* TABLET/PORTRAIT SIZE */ 
@media (min-width: 767px) {
#Container { min-width: 728px; max-width: 728px; }
#Col1 { width: 334px; display: inline-block; float: left; margin: 0px 0px 20px 20px; }
#Col2 { width: 334px; display: inline-block; float: left; margin: 0px 0px 20px 20px; }
#Col3 { width: 334px; display: inline-block; float: right; margin: 0px 20px 20px 0px; }
#Col4 { width: 334px; display: inline-block; float: right; margin: 0px 20px 20px 0px; }
.Index-Category { margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; border-bottom: 0px none #FFFFFF; }
.Index-Category-Name { display: block; width: 314px; margin: 0px 0px 15px 0px; padding: 10px; font-size: 18px; line-height: 18px; font-weight: 700; color: #FFFFFF; background-color: #333333; } 
#Header { display: block; width: 728px; min-width: 728px; max-width: 728px; margin: 0px auto 10px auto; }
#SearchBox { width: 332px; }
#SearchInput { width: 296px; }
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

/* TABLET/LANDSCAPE SIZE */ 
@media (min-width: 1024px) {
#Container { min-width: 1000px; max-width: 1000px; }
#Col1 { width: 225px; display: inline-block; float: left; margin: 0px 20px 20px 20px; }
#Col2 { width: 225px; display: inline-block; float: left; margin: 0px 20px 20px 0px; }
#Col3 { width: 225px; display: inline-block; float: left; margin: 0px 20px 20px 0px; }
#Col4 { width: 225px; display: inline-block; float: left; margin: 0px 20px 20px 0px; }
#Header { width: 1000px; min-width: 1000px; max-width: 1000px; }
#HeaderSearch { display: inline-block; float: left; width: 350px; margin: 0px 10px 20px 20px; }
#HeaderSocial { display: inline-block; float: left; width: 450px; margin: 0px 0px 20px 10px; }
#HeaderLike { display: inline-block; float: left; width: 130px; margin: 0px 0px 20px 10px; }
#SearchBox { width: 348px; }
#SearchInput { width: 312px; }
.Index-Category-Name { width: 205px; } 
}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */ 

/* DESKTOP SIZE */ 
@media (min-width: 1240px) {

#Container { min-width: 1200px; max-width: 1200px; }
#Col1 { width: 275px; }
#Col2 { width: 275px; }
#Col3 { width: 275px; }
#Col4 { width: 275px; }
#Header { width: 1200px; min-width: 1200px; max-width: 1200px; }
#HeaderSocial { width: 430px; }
#HeaderSearch { width: 570px; }
#SearchBox { width: 568px; }
#SearchInput { width: 532px; }
.Index-Category-Name { width: 255px; }
}