/* blueprint */
/* ---------------------------------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------
   Blueprint CSS Framework 0.7.1
   http://blueprintcss.googlecode.com

   * Copyright (c) 2007-2008. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

   BLUEPRINT CSS
    * Filename:        grid.css
    * Version:         0.7.1 (2008-02-25) YYYY-MM-DD
    * Website:         http://code.google.com/p/blueprintcss/

   Generated by:
    * Blueprint CSS Grid Generator (2008-10-20) [http://kematzy.com/blueprint-generator/]

   Based on work by:
    * Olav Bjorkoy      [bjorkoy.com]
    * Nathan Borror     [playgroundblues.com]
    * Jeff Croft        [jeffcroft.com]
    * Christian Metts   [mintchaos.com]
    * Khoi Vinh         [subtraction.com]

   == STRUCTURE: ========================
    * Page width:            790 px
    * Number of columns:     20
    * Column width:          30 px
    * Margin width:          10 px
   ======================================

   By default, the grid is 790px wide, with 20 columns
   spanning 30px, and a 10px margin between columns.

   If you need fewer or more columns, use this formula to calculate
   the new total width:

   Total width = (number_of_columns * column_width) - margin_width

   Read more about using a grid here:
   * subtraction.com/archives/2007/0318_oh_yeeaahh.php

-------------------------------------------------------------- */
/* Use this class on any div.span / container to see the grid. */
.showgrid {
  background: url(src/grid.png);
}

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-top:.50em;margin-bottom:0em;height:1.25em; font-weight:bold; letter-spacing:.1em}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:0.9em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin-bottom:1em;}
p img {float:left;margin:0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#B7550C;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}



/* structure */
/* ---------------------------------------------------------------------------------------------------- */
/* html */
/* Forces scrollbar to show in Firefox when a page is centered in the browser */
html{
	margin-bottom: 1px;
	min-height: 100%;
}

/* body */
/* Body margin for a sensile default look. */
body {
	/*background-color: #DCE3E5;   FFF6D6    */
	background-color: #FFF8DD;
	font-family: Verdana;
	font-size: 100%;
 	text-align: center;
}

/* container */
/* A container should group all your columns. */
.container {
	background-color: white;
	margin: 0 auto;
	padding: 10px;
	text-align: left;
	width: 760px;
	position:relative;	
}



/* columns */
/* Sets up basic grid floating and margin. - display:inline added by PM as fix on IE doubling margins on floated elements */
div.span-24, 
div.span-110,
div.span-130,
div.span-140,
div.span-150,
div.span-170, 
div.span-190,
div.span-200,
div.span-210,
div.span-220,
div.span-230,
div.span-250,
div.span-260,
div.span-265,
div.span-270,
div.span-300,
div.span-310,
div.span-330,
div.span-340,
div.span-344,
div.span-350,
div.span-360,
div.span-380,
div.span-400,
div.span-420,
div.span-500,
div.span-520,
div.span-530,
div.span-540,
div.span-550,
div.span-598,
div.span-600,
div.span-680,
div.span-700,
div.span-736,
div.span-760 {
	float:left;
	display:inline;
}

/* The last column in a row needs this class. */
div.last { margin-right: 0; }

/* Inheritance styling for spans */
div.span-content-style{ padding:5px 0px 25px 0px; background-image:url(../../img/gradient.jpg); background-repeat:repeat-x; }

/* Use these classes to set the width of a column. */
.span-24  	{ width: 24px; margin-right: 0px;}
.span-110  	{ width: 110px; margin-right: 5px;}
.span-130  	{ width: 130px; margin-right: 5px;}
.span-140  	{ width: 140px; margin-right: 5px;}
.span-150  	{ width: 150px; margin-right: 5px;}
.span-170  	{ width: 170px; margin-right: 5px;}
.span-190 	{ width: 190px; margin-right: 5px;}
.span-200 	{ width: 200px; margin-right: 5px;}
.span-210 	{ width: 210px; margin-right: 5px;}
.span-220 	{ width: 220px; margin-right: 5px;}
.span-230 	{ width: 230px; margin-right: 5px;}
.span-250 	{ width: 250px; margin-right: 0px;}
.span-260 	{ width: 260px; margin-right: 0px;}
.span-265 	{ width: 265px; margin-right: 0px;}
.span-270 	{ width: 270px; margin-right: 5px;}
.span-310 	{ width: 310px; margin-right: 5px;}
.span-300 	{ width: 300px; margin-right: 5px;}
.span-330 	{ width: 330px; margin-right: 0px;}
.span-340 	{ width: 340px; margin-right: 0px;}
.span-344 	{ width: 344px; margin-right: 0px;}
.span-350 	{ width: 350px; margin-right: 0px;}
.span-360 	{ width: 360px; margin-right: 5px;}
.span-380 	{ width: 380px; margin-right: 5px;}
.span-400	{ width: 400px; margin-right: 10px;}
.span-420	{ width: 420px; margin-right: 10px;}
.span-500	{ width: 500px; margin-right: 10px;}
.span-520	{ width: 520px; margin-right: 10px;}
.span-530	{ width: 530px; margin-right: 10px;}
.span-540	{ width: 540px; margin-right: 10px;}
.span-550	{ width: 550px; margin-right: 10px;}
.span-598	{ width: 598px; margin-right: 10px;}
.span-600 	{ width: 600px; margin-right: 5px;}
.span-680 	{ width: 680px; margin-right: 5px;}
.span-700 	{ width: 700px; margin-right: 10px;}
.span-736 	{ width: 736px; margin-right: 5px;}
.span-760 	{ width: 760px; margin-right: 5px;}


/* other columns */
/* Add these to a column to append empty cols. */
.append-custom-10 {padding-right:10px;}
.append-0  { padding-right: 5px;}
.append-1  { padding-right: 40px;}
.append-2  { padding-right: 80px;}
.append-3  { padding-right: 120px;}
.append-4  { padding-right: 160px;}
.append-5  { padding-right: 200px;}
.append-6  { padding-right: 240px;}
.append-7  { padding-right: 280px;}
.append-8  { padding-right: 320px;}
.append-9  { padding-right: 360px;}
.append-10 { padding-right: 400px;}
.append-11 { padding-right: 440px;}
.append-12 { padding-right: 480px;}
.append-13 { padding-right: 520px;}
.append-14 { padding-right: 560px;}
.append-15 { padding-right: 600px;}
.append-16 { padding-right: 640px;}
.append-17 { padding-right: 680px;}
.append-18 { padding-right: 720px;}
.append-19 { padding-right: 760px;}
.append-20 { padding-right: 800px;}
.append-21 { padding-right: 840px;}

/* Add these to a column to prepend empty cols. */
.prepend-custom-5  { padding-left: 5px;}
.prepend-custom-10  { padding-left: 10px;}
.prepend-1  { padding-left: 40px;}
.prepend-2  { padding-left: 80px;}
.prepend-3  { padding-left: 120px;}
.prepend-4  { padding-left: 160px;}
.prepend-5  { padding-left: 200px;}
.prepend-6  { padding-left: 240px;}
.prepend-7  { padding-left: 280px;}
.prepend-8  { padding-left: 320px;}
.prepend-9  { padding-left: 360px;}
.prepend-10 { padding-left: 400px;}
.prepend-11 { padding-left: 440px;}
.prepend-12 { padding-left: 480px;}
.prepend-13 { padding-left: 520px;}
.prepend-14 { padding-left: 560px;}
.prepend-15 { padding-left: 600px;}
.prepend-16 { padding-left: 640px;}
.prepend-17 { padding-left: 680px;}
.prepend-18 { padding-left: 720px;}
.prepend-19 { padding-left: 760px;}
.prepend-20 { padding-left: 800px;}
.prepend-21 { padding-left: 840px;}

/* Border on right hand side of a column. */
div.border {
  padding-right:4px;
  margin-right:5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right:28px;
  margin-right:25px;
  border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column.  */
.pull-1 { margin-left: -40px;}
.pull-2 { margin-left: -80px;}
.pull-3 { margin-left: -120px;}
.pull-4 { margin-left: -160px;}
.pull-5 { margin-left: -200px;}
.pull-6 { margin-left: -240px;}
.pull-7 { margin-left: -280px;}
.pull-8 { margin-left: -320px;}
.pull-9 { margin-left: -360px;}
.pull-10 { margin-left: -400px;}
.pull-11 { margin-left: -440px;}
.pull-12 { margin-left: -480px;}
.pull-13 { margin-left: -520px;}
.pull-14 { margin-left: -560px;}
.pull-15 { margin-left: -600px;}
.pull-16 { margin-left: -640px;}
.pull-17 { margin-left: -680px;}
.pull-18 { margin-left: -720px;}
.pull-19 { margin-left: -760px;}
.pull-20 { margin-left: -800px;}
.pull-21 { margin-left: -840px;}
.pull-22 { margin-left: -880px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22 {float:left;position:relative;}

.push-1 { margin: 0 -40px 1.5em 40px;}
.push-2 { margin: 0 -80px 1.5em 80px;}
.push-3 { margin: 0 -120px 1.5em 120px;}
.push-4 { margin: 0 -160px 1.5em 160px;}
.push-5 { margin: 0 -200px 1.5em 200px;}
.push-6 { margin: 0 -240px 1.5em 240px;}
.push-7 { margin: 0 -280px 1.5em 280px;}
.push-8 { margin: 0 -320px 1.5em 320px;}
.push-9 { margin: 0 -360px 1.5em 360px;}
.push-10 { margin: 0 -400px 1.5em 400px;}
.push-11 { margin: 0 -440px 1.5em 440px;}
.push-12 { margin: 0 -480px 1.5em 480px;}
.push-13 { margin: 0 -520px 1.5em 520px;}
.push-14 { margin: 0 -560px 1.5em 560px;}
.push-15 { margin: 0 -600px 1.5em 600px;}
.push-16 { margin: 0 -640px 1.5em 640px;}
.push-17 { margin: 0 -680px 1.5em 680px;}
.push-18 { margin: 0 -720px 1.5em 720px;}
.push-19 { margin: 0 -760px 1.5em 760px;}
.push-20 { margin: 0 -800px 1.5em 800px;}
.push-21 { margin: 0 -840px 1.5em 840px;}
.push-22 { margin: 0 -880px 1.5em 880px;}

.push-custom {margin: 0 -15px 0 15px;}

.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-custom {float:right;position:relative;}


/* box */
/* Use a .box to create a padded box inside a column.  */ 
.box { 
  margin:5px 5px 5px 5px;
  padding:5px 5px 5px 5px;
}

.box-default { 
  margin:0;
  padding:5px 5px 5px 5px;
  background-color:#F8D466;
}


/* clear */
/* Clearing floats without extra markup -  Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}

/* Regular clearing
   apply to column that should drop below previous ones. */
.clear { clear:both; }

/* seperators - vertical */
div.vertical-seperator-default	 			{ height:15px; }
div.vertical-seperator-5	 				{ height:5px; }
div.vertical-seperator-40	 				{ height:40px; }
div.vertical-seperator-footer	 			{ height:9px;  }



/*------------custom CSS----------------------------------------------------------------*/

/*typography*/

.bolded {font-weight: bold;}
.cent {text-align:center;}
.tright {text-align:right}

/*Indents a paragraph*/
.indented {padding-left: 20px;}


/*structural*/
ul {list-style-type:none;}
th, td, tr {padding:1px 2px 1px 2px;}
table {margin-bottom:0em;width:100%;}

/*background image on content section - includes gray sidebar with vertical line*/
.bg {
  background-image:url(../../img/bg.png);
  background-repeat:repeat-y;
  padding:0px;
}

#header {
  background:url(../../img/banner.gif) no-repeat;
  width:760px;
  height:151px;
}
/*nifty little way to make image-map style links on background images*/
#home-link a {
  position: absolute;
  height: 100px;
  width: 100px;
  top: 40px; 
  text-decoration: none;
  }
#home-link a i {visibility: hidden;}
a#home {left: 50px;}
a#home2 {left: 152px; top:10px; height:85px; width:450px;}

/*foothill image at bottom of content*/
.foot {
  margin:0px 0px 0px 0px;
  padding-top:5px;
  position: relative;
  bottom:-8px;
  left:0px;
}

/*amazing single image menu rollover CSS from the article by Dave Shea published March 05, 2004 at A List Apart. Thanks Dave*/
#menu {
  width: 560px; height: 20px;
  background: url(../../img/menu.gif);
  margin: 0 auto; padding: 0;
  position: absolute; left:175px; top:110px;}
#menu li {
  margin: 0; padding: 0; list-style: none;
  position: absolute; top: 0;}
#menu li, #menu a {
  height: 20px; display: block;}
	
	
#item1 {left: 0; width: 74px;}
#item2 {left: 74px; width: 105px;}
#item3 {left: 179px; width: 67px;}
#item4 {left: 246px; width: 97px;}
#item5 {left: 490px; width: 70px;}	
  
  
#item1 a:hover {
  background: transparent url(../../img/menu.gif)
  0 -24px no-repeat;}
#item2 a:hover {
  background: transparent url(../../img/menu.gif)
  -74px -48px  no-repeat;}
#item3 a:hover {
  background: transparent url(../../img/menu.gif)
  -179px -72px no-repeat;}
#item4 a:hover {
  background: transparent url(../../img/menu.gif)
  -246px -96px no-repeat;} */   
#item5 a:hover {
  background: transparent url(../../img/menu.gif)
  -490px -120px no-repeat;}
  
/*have to do it again for admin menu -- would like to change this to dynamically renam image paths instead of repeating the css*/
#menuAdmin {
  width: 510px; height: 20px;
  background: url(../../img/adminMenu.gif);
  margin: 0 auto; padding: 0;
  position: absolute; left:200px; top:110px;}
#menuAdmin li {
  margin: 0; padding: 0; list-style: none;
  position: absolute; top: 0;}
#menuAdmin li, #menuAdmin a {
  height: 20px; display: block;}
	
	
#adminItem1 {left: 0; width: 86px;}
#adminItem2 {left: 86px; width: 127px;}
#adminItem3 {left: 213px; width: 121px;}
#adminItem4 {left: 334px; width: 92px;}	
  
#adminItem1 a:hover {
  background: transparent url(../../img/adminMenu.gif)
  0 -24px no-repeat;}
#adminItem2 a:hover {
  background: transparent url(../../img/adminMenu.gif)
  -86px -48px  no-repeat;}
#adminItem3 a:hover {
  background: transparent url(../../img/adminMenu.gif)
  -213px -72px no-repeat;}
#adminItem4 a:hover {
  background: transparent url(../../img/adminMenu.gif)
  -334px -96px no-repeat;}    


/*shopping cart box top right header*/
div.box-shopping {
  margin: 0px 0px 0px 0px;
  padding:5px 2px 5px 2px;
  /*background-color:#F8D466;*/
  background-color:#FFCF41;
  border: 1px solid #000000;
  font-size:.6em;
  position: relative;
  top:5px;
  left:618px;
  width:130px;
}

/*transparent content boxes*/
div.box-trans {
  margin-bottom: 10px;
  padding:5px 5px 5px 5px;
  font-size: .8em;
  background: rgb(250, 250, 250);
  background: rgba(255, 255, 255, 0.7);
  border:1px solid #C0C0C0;
 }

.box-push {margin:10px 20px 20px 0px;}
.box-left {margin-left:30px;}
.box-sportswear {width: 330px;}
.border-orange {border:1px solid #D9690C;}
hr.orange {color:#D9690C; background-color:#D9690C; height:1px; border:0;}

div.portfolio {

}

div.portfolio-highlight {
	height: 145px;
	z-index:999;
}

div.portfolio-highlight img {
	float:left;
	padding-right:5px;
	padding-top:5px;
}

div.portfolio a:focus, div.portfolio a:hover, div.portfolio a:focus h6, div.portfolio a:hover h6, div.portfolio-highlight a:focus, div.portfolio-highlight a:hover, div.portfolio a:focus h6, div.portfolio-highlight a:hover h6 {color:#B7550C;}
div.portfolio a, div.portfolio-highlight a {color:#000;text-decoration:none;}
div.portfolio a h6, div.portfolio-highlight a h6 {color:#009;text-decoration:underline;font-size:1em;font-weight:500;}
	
img.sport {
	float:right;
	display:inline;
	text-align:center;
}

.box-pic {
	margin:0px;
	padding:7px;
	text-align:center;
}

.box-all {
 margin:0px;
 padding:0px;
 float:right;
 clear:right;
 display:inline;
}

.box-category {
  margin-left:7px;
  padding-left:12px;
  padding-bottom:12px;
}

/*products page boxes*/  
.box-products {
    border: 2px solid #D9690C;
	margin:auto;
	height:100%;
}

.push-right {margin-left:33px;}

div.box-product-title {
  background-color: #FAEDC3;
  border-top: 1px solid #D9690C;
  border-bottom: 1px solid #D9690C;
  padding-left:5px;
  font-size:1.1em;
  font-weight:bold;
}

div.box-product-left {
  font-size:.85em;
  padding:2px;
  border-right: 1px solid #D9690C;  
  /*height:140px;*/
}

div.box-product-right {
  font-size:.85em;
  padding:2px;
  /*height:140px;*/
  width:49%;
  float:right;
  display:inline;
}

.add-border {
	border-top: 1px solid #D9690C;
}

div.box-product-pic {
  padding:5px 5px 2px 5px;
  float:left;
  display:inline;
  clear:left;
}

div.box-product-text {
  height:90px;
  padding:2px;
}

div.box-product-from {
  float: right;
  clear:right;
  display:inline;
  padding:2px 5px;
}

div.box-button {
  float:right;
  clear:right;
  padding:0px 5px;
  border:none;
  text-decoration:none;
}

img.border {
  border: 1px solid #c0c0c0;
}

/*details page boxes*/
div.bigpic {
  padding-top:10px;
  padding-left:15px;
  padding-bottom:5px;
  border-right: 1px solid #D9690C;
}

div.detail-text {
  height: 305px;
  padding:8px 5px 5px 12px;
  margin-bottom:5px;
  font-size:.9em;  
}

div.detail-text b{
  font-size:1.2em;
 }
 
div.price {
  font-size:.85em;
  position:relative;
  bottom: 35px;
  padding-left:10px;
}	

div.washing {
  font-size:.85em;
  position:relative;
  bottom: 25px;
  right:0px;
  float:right;
  display:inline;
}

div.detail-piclist {
  border-top: 1px solid #D9690C;
  padding-top:5px;
  margin-right:3px;
  margin-left:5px;
}

/*mouseover on washing instructions*/
#tooltips{
	position:absolute;
	border:1px solid #D9690C;
	background:#FAEDC3;
	padding:2px 5px;
	color:#333;
	font-size:.8em;
	display:none;
}

table.order {
	width: 320px;
	border: 1px solid #D9690C;
	border-collapse: collapse;	
}

table.order th {
	text-align:center;
	border: 1px solid #D9690C;
	background-color: #F5D466;
}

table.order td {
	text-align:center;
	border: 1px solid #D9690C;
	background-color: #FAEDC3;
}

/*contact page*/
div.contact-element {display: block; float:left; width: 100%; margin:0px;}
div.contact-element label { display: inline; float: left; width:45px; font-size:.9em; }

/*fitting page*/
table.size {
	width: 320px;
	border: 1px solid #D9690C;
	border-collapse: collapse;
	margin-left:10px;
}

table.size th {
	text-align:center;
	border: 1px solid #D9690C;
	background-color: #F5D466;
}

table.size td {
	border: 1px solid #D9690C;
	background-color: #FAEDC3;
}

/*------------------------------------------------------------------------------------------------------------------*/

/*admin pages*/
.admin-button {
	background-color:#D9690C;
	color:#fff;
	font-weight:bold;
	border:1px solid #000;
}

div.box-hometext {
    border: 2px solid #D9690C;
	margin:auto;
	border:1px solid #D9690C;
	padding:5px;
}

div.prod {
	width:550px;
}

div.prod label { display: inline; float: left; font-size:.9em; width:130px; text-align:right; padding-right:5px; }
div.prod textarea { overflow-y: scroll; overflow-x:hidden; }
#prodbtn { background-color:#D9690C; color:#fff; font-weight:bold; border:1px solid #000; }



/* flash messages*/
#flash { 
	background-position: top left;
	background-repeat: no-repeat;
	margin-bottom:15px;
	min-height:48px;
	width: 579px; 
	z-index: 1000; 
}
#flash, #flash * { 
	cursor: pointer;
}

#flash div.error-message { 
	font-weight:bold;
	margin-left:60px;
	padding-top:14px;
	padding-bottom:14px;
}

#flash.info {
	background-image: url(../../img/icons/info_48.png);
	background-color:#CAE7F6;
	border: 1px solid #0B2939;
	color:#0B2939;
}
#flash.success {
	background-image: url(../../img/icons/accepted_48.png);
	background-color:#C3F573;
	border: 1px solid #2D4606;
	color:#2D4606;
}

#flash.warning {
	background-image: url(../../img/icons/warning_48.png);
	background-color:#FFF3BB;
	border: 1px solid #473B01;
	color:#473B01;
}

#flash.error {
	background-image: url(../../img/icons/cancel_48.png);
	background-color:#FCC3AC;
	border: 1px solid #441604;
	color:#441604;
}

#flash.validation {
	background-image: url(../../img/icons/cancel_48.png);
	background-color:#FCC3AC;
	border: 1px solid #441604;
	color:#441604;
}