@import "./reset.css";
/********************************************************************************************/
/* @group Utility Elements */
html { 
	height: 100%;
	margin-bottom: 1px;
}
.clearer {
	clear:both;
}
p, dl, li {
	color:#666666;
}
a {
	color:#158dfe;
	font-weight:bold;
}
a:hover {
	color:#59CFFF;
}
a:visited {
	color:#9933cc;
}
strong {
	font-weight:bold;
}
/* @end */
/********************************************************************************************/
/* @group Page layout and styles */
body {
	background: url('/res_site/images/body_background_flat.jpg') top left repeat;
	font-family: "Trebuchet MS";
}
#gradientBody {
	background: url('/res_site/images/body_background_gradient.jpg') top left repeat-x;
	width:100%;
	min-height:768px;
}
#wrapper {
	background: url('/res_site/images/page_body_background.png') top left repeat-y;
	margin:0 auto;
	padding:19px 33px 5px 33px;
	width:770px;
}
#pageBaseShadow {
	/* a fake element off which we'll hang the bottom shadow.*/
	background: url('/res_site/images/footer_background.png') top left no-repeat;
	height:19px;
	margin:0 auto;
	width:770px;
	padding:0 33px;	
}
#pageHead, #pageFooter {
	float:left;
	padding-bottom:10px;
	padding-right:20px;
	width:160px;
}
#pageFooter {
clear:left;
}
#pageBody {
	float:right;
	width:579px;
}
#pageLegals {
	clear:both;
	text-align:right;
	color:#999999;
}

/* @end */
/********************************************************************************************/
/* @group Site Branding */
#brand {
	background: url('/res_site/images/pagazzi_logo.gif') no-repeat top left;
	height:58px;
	margin-bottom:10px;
	width:100%;
}
#brand a {
	display:block;
	height:100%;
	width:100%;
}
#brand span {
	display:none;
}
#banner {
	margin-bottom:19px;
}
/* @end */
/********************************************************************************************/
/* @group Main/Footer Navigation */
.primaryNavigation, #footerNavigation {
	background: url('/res_site/images/horizontal_dot.gif') bottom left repeat-x;
	padding:8px 0 30px 0;
}
.secondaryNavigation {
	background: url('/res_site/images/horizontal_dot.gif') bottom left repeat-x;
	padding:8px 0 0px 0;	
}
#footerNavigation {
	background-position:top left;
	padding-top:10px;
}
.primaryNavigation li, #footerNavigation li, .secondaryNavigation li {
	padding:3px 0;
	margin:0 0 3px 0;
} 

.primaryNavigation span, #footerNavigation span, .primaryNavigation li.selected ul.secondaryNavigation span {
	font-size:1.2em;
}

.primaryNavigation a, #footerNavigation a, .primaryNavigation li.selected {
	color:#999999;
	text-decoration:none;
	display:block;
	font-weight:bold;
}

.primaryNavigation li.selected strong, .primaryNavigation li.selected a,  .primaryNavigation li.selected {
	color:#333333;
	font-weight:bold;
}
.primaryNavigation li.selected {
background: url('/res_site/images/horizontal_dot.gif') bottom left repeat-x;
}
.primaryNavigation li.selected ul {
	margin-top:6px;
	padding-top:6px;
	padding-bottom:6px;
	background: url('/res_site/images/horizontal_dot.gif') top left repeat-x;
}
.primaryNavigation .secondaryNavigation li {
	margin-left:10px;
} 
.secondaryNavigation {
	font-size: 90%;
}
.secondaryNavigation li.selected {
	background:none;
}

.secondaryNavigation li a * {
	color:#666;
}

.secondaryNavigation li {
	margin: 0;
}

.primaryNavigation a:hover, #footerNavigation a:hover, .secondaryNavigation a:hover * {
	color:#333333;
}
.secondaryNavigation li.selected * {
	color:#222222;
	font-weight:bold;
}

/* @end */
/********************************************************************************************/
/* @group Subscribe form */
#subscribeForm {
	background:#008DFE;
	padding:10px 5px;
	margin-bottom:10px;
}
#subscribeForm h2 {
	font-size:2.2em;
}
#subscribeForm p {
	font-size:1.1em;
	margin: 0 0 10px 0;
	line-height:1.2em;
	padding:0;
	color:#000000;
}
#subscribeForm input, #subscribeForm select {
	background:none;
	border:solid 1px #008DFE;
	border-bottom:dotted 1px #AAAAAA;
	color:#FFFFFF;
	font-size:1em;
	font-weight:bold;
	margin-bottom:4px;
	padding-bottom:3px;
	width:90%;
}

#subscribeForm .formSubmit input {
	color:#000000;
	text-align:center;
	background:#59CFFF;
	padding:3px;
	border:0;
	margin:0;
	display:inline;
	width:auto;
	float:right;
}
#subscribeForm .error {
	background-color:#ff00cc;
	color:#000;
	border: 1px solid #fff;
}
/* @end */
/********************************************************************************************/
/* @group Shared pod styles */
.pod, podAlt { 
	float:left;
	margin:0 19px 19px 0;
	width:280px;
}
.podAlt {
	margin-right:0;
}
/* @end */
/********************************************************************************************/
/* @group Copy pod */
#pageBody h1 {
font-size:2.7em;
}
#pageBody p, #pageBody li {
	font-size:1.2em;
	line-height:1.2em;
}
#pageBody li {
	list-style:disc;
	margin-left:18px;
}
#pageBody p, #pageBody ul {
	margin-bottom:1em;
}

#pageBody img.bodyImage {
	float:right;
	margin-left:19px;
	margin-bottom:19px;
}
#pageBody h2 {
	font-size:1.8em;
	padding-bottom:4px;
	margin-bottom:4px;
}

/* @end */
/********************************************************************************************/
/* @group Advert pod */
.advertPod {
	padding:0;
		
}
.advertPod a.headline {
	color:#FFFFFF;
	display:block;
	padding:5px;
	text-decoration:none;
	width:270px;
}
.advertPod h3 {
	font-size:1.1em;
	font-weight:bold;
}
.advertPod p {
	margin:0;
	padding:0;
}
.advertPod img {
display:block;
}
.typeOne {background:#98CB0D;}
.typeTwo {background:#D10000;}
.typeThree {background:#008DFE;}
/* @end */
/********************************************************************************************/
/* @group Google Map */
#storeHeader {
	background: url('/res_site/images/horizontal_dot.gif') bottom left repeat-x;
	margin-bottom:10px;
	padding-bottom:10px;
}
h1 {
	font-size:2.7em;
	background: url('/res_site/images/horizontal_dot.gif') bottom left repeat-x;
	margin-bottom:10px;
}
#storeHeader p {
	float:left;
	width:40%;
	font-size:1.3em;
}
#storeHeader form {
	float:right;
	width:60%;
	text-align:right;
}

dl {
	padding:5px 0;
}
dt {
	float:left;
	width:16em;
	display:block;
	font-weight:bold;
}

dt span, dd  span{
	font-size:1.3em;
	padding:5px 0;
	display:block;
}

#storeMap {
	width:577px;
	height:300px;
	border:solid 1px #000;
	clear:both;
}
#storePage h2 {
	font-size:1.8em;
	padding-bottom:4px;
	margin-bottom:4px;
	background: url('/res_site/images/horizontal_dot.gif') bottom left repeat-x;
}
/* @end */
/********************************************************************************************/
/* @group News */
.storySummary h3{
	color:#000;
	float:left;
	width:80%;
	margin-bottom:5px;
}
.storySummary h3 a {
	font-size:1.3em;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}
.storySummary .date {
	float:right;
	width:20%;
	text-align:right;
	font-size:1.3em;
	margin-bottom:5px;
}
.summary {
	clear:both;
	margin:5px 0;
}
.storySummary {
	background: url('/res_site/images/horizontal_dot.gif') bottom left repeat-x;
	padding:10px 0;
}
.paginationLinks {
	margin-top:10px;
	text-align:center;
}
/* @end */
/********************************************************************************************/
/* @group Form Elements */

.formWrapper {
/*	background: url('../images/horizontal_dot.gif') top left repeat-x;
*/}

.sectionOne, .sectionTwo {
	float:left;
	margin:0 19px 19px 0;
	width:280px;
}
.sectionTwo {
	margin-right:0;
}
.formElement span {
	display:block;
	margin:11px 0 5px 1px;
	font-size:1.2em;
	color:#999999;
}
.formElement input, .formElement select, .formElement textarea {
	font-family: "Trebuchet MS";
	font-size:1.2em;
	padding:3px;
	border:solid 1px #CCCCCC;
	color: #666;
}

.formElement input.inputField, input.error, .formElement select{
	width:100%;
}
.formElement input.error, textarea.error {
	border:solid 1px #000;
	color: #000;
}
.formElement textarea {
	width:100%;
	height:100px;
}
.formElement input.boxField {
}
.formElement strong {
	color:#333333;
}
.button input {
	margin:11px 0 5px 0px;
	width:100%;
	border:solid 1px #686868;
	background:url('/res_site/images/button_background.gif') bottom left repeat-x #FFFFFF;
}

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

/********************************************************************************************/
/* @group Table */
table {
	clear:both;
	color: #7F7F7F;
	border-collapse: collapse;
	margin-bottom:15px;
}

table,caption {
	margin: 0 auto;
	border: 1px solid #CCC;
}
td, th {
	font-size:1.2em;
}

caption,th,td {
	border-left: 0;
	padding: 10px
}

caption,thead th,tfoot th,tfoot td {
	background-color: #E63C1E;
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase
}

th {
	background-color: #efefef;
	color: #333333;
	font-weight:bold;

}

tbody th {
	padding: 20px 10px
}

tbody tr.odd {
	background-color: #F7F7F7;
	color: #666
}

tbody a {
	padding: 1px 2px;
	color: #333;
	text-decoration: none;
}

tbody a:active,tbody a:hover,tbody a:focus,tbody a:visited {
	color: #666
}