@charset "UTF-8";

/** Element Cross-Browser Reset **/

body {font:12px Verdana, Lucida, Arial, Helvetica, sans-serif;*font-size:small;*font:x-small; color: #333333; }
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% Verdana, Lucida, Arial, Helvetica, sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td { margin:0; padding:0; }   
table { border-collapse:collapse; border-spacing:0; }  } 

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }   
q:before,q:after { content:''; }   
abbr,acronym { border:0; }  

div.hr { border: solid 1px #6D2B12; }
div.hidden { border: solid 1px transparent; } 

/** Styles **/

body { background: #E2DAD7; margin: 20px 0 20px 0;  }
.form label  { width: 150px; float: left; padding-top: 5px; padding-bottom: 5px;}
.formfield {
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #E2DAD7;
	border: 1px solid #666666;
	padding: 2px 2px 2px 5px;	
}
.button {
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	color: #ffffff;
	background-color: #6D2B12;
	border: 1px solid #000000;
}
.sidebarfield {
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00182b;
	background-color: #fff;
	border: 1px solid #00182b;
	height: 18px;
}
.sidebarbutton {
	font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #00182b;
	background-color: #fed000;
	border: 1px solid #00182b;
	height: 20px;
}
.formlabel {
	width : 120px; 
	float : left; 
	font-size: 12px;	
	text-align: left;
	color: #231f20;
} 
.formp {
	margin: 2px;
	padding: 3px 0 3px 0;
}
.tbl {
	margin: 0px;
	padding: 2px;
}
.tblheader	{
	padding: 5px;
}
.note {
	font-size: 10px;
}


/** Divs **/

#PageWrapper { width: 930px; margin:auto; border: 1px solid #666666; background: #E2DAD7; padding: 0px; }
#Header { width: 930px; background-image: url('../images/website/msa-header.jpg'); background-position: center top; height: 260px;}

#MainWrapper { background: #fff; width: 890px; border-top: 5px solid #906546; padding: 20px; overflow: auto; clear: both; }
#SidebarWrapper { float: left; margin-right: 20px; }     
#SidebarWrapper div { margin-bottom: 20px; overflow: auto;  }
div#SidebarSearch div label { float: left; margin-bottom: 3px; }
div#SidebarSearch div input { float: left; }
div#SidebarSearch div input.SidebarSearchSubmit { float: right; }

#SidebarMenu { width: 203px; }
#SidebarMenu ul { margin:0; padding:0; }
#SidebarMenu ul li { float: left; }
#SidebarMenu ul li a { display: block; width: 181px; padding: 7px 0 7px 22px; border-bottom: solid 1px #4D1D0A; color: #F9E3B3; text-decoration: none; font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; font-size: 13px; background: #6D2B12 url('../images/SidebarMenu-Arrow.gif') no-repeat 10px 10px; }
#SidebarMenu ul li a:hover { background-color: #AF5E3E; color: #Ffffff;  text-decoration: none; background-image: url('../images/website/SidebarMenu-ArrowHover.gif'); }
.SidebarItem, .SidebarAdvert { width: 203px; }
.SidebarItem { background: #fff0aa; }
.SidebarItem p { padding: 10px; }
.SidebarAdvert img { margin: 0px; text-align: center; }

#Terms { font-size: 10px; }
#Footer {  font-size: 10px; width: 890px; background-color: #6d2b12; padding: 20px; text-align: center; color: #fff; border-top: 5px solid #906546; }
#Footer ul { margin:0; padding:0; text-align: center; }
#Footer ul li { display: inline; padding: 0 5px;}
#Footer a { color: #fff0aa; text-decoration: none; }
#Footer a:hover { color: #ffffff; text-decoration: underline; }
#Content { width: 660px; float: right; }
#Content h1 { font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; font-size: 150%; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: #6D2B12; }
#Content h2 { font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; font-size: 120%; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#Content h3 { font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
#Content div { overflow: auto; }
#Crumbtrail { background: #E2DAD7; padding: 5px; font-size: 10px; font-weight: normal; color: #666666; }
#Crumbtrail a { color: #6D2B12; text-decoration: none; font-weight: normal; }
#Crumbtrail a:hover { color: #333333; text-decoration: underline; font-weight: normal; }
#CategoryDesc { border: 1px solid #99ADC2; background: #F4F0FA; padding: 5px }
#CategoryDesc img { border: 1px solid #00182b; align: left; float: left; margin-right: 5px; }
#ProductDesc { border: 1px solid #99ADC2; background: #edf0f3; padding: 10px }
#ProductDesc img { border: 1px solid #00182b; align: left; float: left; margin-right: 10px; }
#ProductCart { margin-top: 10px }
#Info { padding: 0px; }
#Info strong { font-weight: bold; }

#EmailPageWrapper { width: 600px; margin: auto; }
#EmailHeader { width: 600px; background-image: url('../images/email/quickieprint-email-header.gif'); background-position: center top; height: 105px; border-left: solid 1px #00182b;}
#EmailWrapper { background: #fff; width: 560px; padding: 20px; overflow: auto; clear: both; }
#EmailFooter { width: 560px; background-color: #003359; padding: 20px; text-align: center; color: #fff; border-top: solid 2px #00182b; }
#EmailFooter ul { margin:0; padding:0; text-align: center; }
#EmailFooter ul li { display: inline; padding: 0 15px;}
#EmailFooter a { color: #fff0aa; }
#EmailFooter a:hover { color: #fed000; text-decoration: underline; }
#EmailContent { width: 550px; float: left; }
#EmailContent h1 { font-size: 120%; margin-top: 10px;; margin-bottom: 10px; font-weight: bold; color: #003359; }
#EmailContent h2 { font-size: 13px; font-weight: bold; margin-bottom: 5px; margin-top: 10px; border-bottom: 1px solid #00182b; }
#EmailContent div { overflow: auto; }


/** Articles **/
#articles {
	width: 620px;
	background-color: #ffffff;
	padding: 20px;
	border-top: solid 1px #00182b;
	}
	
.article {
	font-size: 12px;
	width: 590px;
	background-color: #e8e8e8;
	padding: 10px;
	text-align: justify;
	color: #333333;
	border: solid 1px #666666;
	margin-bottom: 10px;
	}	

.article h3 {
	color: #6D2B12;
	}

.article_link {
	color: #6D2B12;
	font-size: 11px;
	font-weight: bold;
	border-top: 1px dashed #6d2b12;
	padding-top: 5px;
	margin-top: 10px;
	}
.article_link a {
	color: #6D2B12;
	}
.article_link a:hover {
	color: #000000;
	text-decoration: underline;
	}	
	
#article_content {
	font-size: 12px;
	width: 610px;
	background-color: #e8e8e8;
	padding: 20px;
	text-align: justify;
	color: #000000;
	border: solid 1px #666666;
	margin-bottom: 10px;
	}

#back {
	color: #333333;
	font-size: 11px;
	margin-bottom: 10px;
	background: #ffffff;
	background-image: url('../images/website/back-arrow.png');
	background-repeat: no-repeat;	
	padding: 0 0 0 20px;
	}
#back a {
	color: #6D2B12;
	}
#back a:hover {
	color: #000000;
	text-decoration: underline;
	}	
	
#top {
	color: #333333;
	font-size: 11px;
	margin-top: 10px;
	background: #ffffff;
	background-image: url('../images/website/top-arrow.png');
	background-repeat: no-repeat;	
	padding: 0 0 0 20px;
	}
#top a {
	color: #6D2B12;
	}
#top a:hover {
	color: #000000;
	text-decoration: underline;
	}	

.strapline { font-family: "Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif; font-size: 24px; margin-bottom: 10px; font-weight: bold; color: #ffffff; font-style: italic; }



div.Info img { float: left; margin: 0 15px 15px 0; }
div.Product { width: 135px; padding: 5px; height: 190px; margin: 0px 15px 15px 0px; text-align: center; float: left; border: 1px solid #99ADC2; background: #edf0f3; }
div.Product img { border: 1px solid #00182b; }
div.ProductLast { width: 135px; padding: 5px; height: 180px; margin: 0px 0px 0px 0px; text-align: center; float: left; border: 1px solid #99ADC2; background: #edf0f3; }
div.ProductLast img { border: 1px solid #99ADC2; }
div.Clear { clear: both; width: 645px;}