/*
* { outline: 2px dotted red !important; }
* * { outline: 2px dotted green !important; }
* * * { outline: 2px dotted orange !important; }
* * * * { outline: 2px dotted blue !important; }
* * * * * { outline: 1px solid red !important; }
* * * * * * { outline: 1px solid green !important; }
* * * * * * * { outline: 1px solid orange !important; }
* * * * * * * * { outline: 1px solid blue !important; }
*/


/* Restore browser settings ******************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

/* remember to define focus styles! */
:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Defaults **********************************************/
p, ul, ol, dl { margin-bottom: 1em; }
ul, ol { margin-left: 1.5em;}
dl { border: double #CCC; padding: 1em; background: #EDEDED; } 
dt { font-weight: bold;} 
dt:after { content: ":"; } 
dd { margin: 0 0 0 2em; padding: 0 0 0.5em 0; }
td, th { vertical-align: top; }

a { color: #004585; }


/* Layout ************************************************/
body {
	background: #f7f6f2;
	padding: 10px;
}



/* Typography ********************************************/
body, td, th {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; 
	font-size: 12px;
    line-height: 1.7em;
    color: #414141;
	font-weight: normal;
}


h1, h2, h3, h4, h5, h6 { font-family:"Myriad Pro",Tahoma,Arial,Sans-Serif; }

h1 { font-size: 2.1em; font-weight: normal; margin: .67em 0 1em 0; color: #000; }
h2 { font-size: 1.5em; font-weight: normal; margin: .83em 0; color: #000; }
h3 { font-size: 1.17em; font-weight: normal; margin: 2em 0 .5em 0; color: #000; }
h4 { font-size: 1em; font-weight: bold; margin: 1.5em 0 .5em 0; color: #000; }
h5 { font-size: 0.83em; font-weight: bold; margin: 1.67em 0 .5em 0; color: #000; }
h6 { font-size: 0.67em; font-weight: bold; margin: 2.33em 0; color: #000; }



/* Custom */
.loading-indicator {
	padding: 0 0 0 22px;
	background: url(img/ajax-loader.gif) no-repeat;
}

.info {
	padding: 10px 20px 10px 40px;
	border: 1px solid #CCC;
	margin: 1em 0 2em 0;
	background: #EDEDED url(img/icon/information-balloon.png) no-repeat 10px 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	-moz-box-shadow: 2px 2px 8px #CCC;
	-webkit-box-shadow: 2px 2px 8px #CCC;
	box-shadow: 2px 2px 8px #CCC;
}

.error, .found, .notfound {
	padding: 10px 20px 10px 40px;
	border: 1px solid #CCC;
	margin: 1em 0 2em 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	-moz-box-shadow: 2px 2px 8px #CCC;
	-webkit-box-shadow: 2px 2px 8px #CCC;
	box-shadow: 2px 2px 8px #CCC;
}

.error { background: #EDEDED url(exclamation-red-frame.png) no-repeat 10px 12px;}
.found { background: #EDEDED url(cross-circle-frame.png) no-repeat 10px 12px;}
.notfound { background: #EDEDED url(tick-circle-frame.png) no-repeat 10px 12px;}

.debug {
	font-size: 90%;
	color: #999;
}

.product-list {
	width: 100%;
}
	.product-list td {
		padding: 2px;
	}
	
	.product-list .pl-bg1 {
		background: #EDEDED;
	}
	
}