
/*  For all PrimeCirca pages */



/*  reset */
/*html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset {margin: 0; padding: 0}*/
* {margin:0;padding:0;}
img, fieldset {border: 0}




/*  elements */
html {background: #fff;}
body {font: normal 1.0em/2.0em Optima, Helvetica, Vernada, sans-serif; margin: 0 auto; color: #202020}
p {margin: 0 0 1em 0; }
em, i {font: normal italic 100%}
a {color: #202020; text-decoration: underline; outline: none; }
a:visited { color: #808080; }
a:hover {color: #000000; text-decoration:underline;}
big {font-size: 1.2em; font-weight: bold; line-height: 1.46em}
small {font-size: .9em}
blockquote {background: url(img/blockquote.png) no-repeat 4px 0; padding: 0 0 0 26px; font: italic 1.1em/1.4em; }
ul {list-style: none; margin: 1.2em 0 1.8em 25px;}
ul li {background: url(img/bullet.png) no-repeat 0 .5em; padding: 0 0 .5em 16px}
ul li {padding: 0 0 .5em 16px}
ol {margin: 1.2em 0 1.8em 10px}
ol li {margin: 0 0 .5em 16px}
h1, h2, h3, h4, h5, h6 {line-height: 2em; font-weight:normal;text-align:center;}
h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
input, textarea, select, button { font: normal 1.0em/2em Optima, Helvetica, Vernada, sans-serif; color: #202020; }
input[type=text], input[type=password], textarea { border: 1px solid #808080; padding: 5px 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=text], input[type=password], textarea {border: 1px solid #808080; padding: 0px 7px; -webkit-border-radius: 4px; -moz-border-radius: 4px} /*Only on safari*/
	select {
		line-height: 1.2em;
	}
}
textarea:focus, input[type=password]:focus, input[type=text]:focus {border: 1px solid #808080; background: #fff; outline: none;}
input:-webkit-autofill {
    background-color: white !important; /* It will disable background of autofill in google chrome */
}
input[type=reset], input[type=submit] {font-weight: bold; background: #a0a0a0 repeat-x; border: 1px solid #808080; padding: 4px 15px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
input[type=reset]:hover, input[type=submit]:hover {background: #a0a0a0 repeat-x 0 -91px; border: 1px solid #808080;}

hr { clear:both;border:0; color:#e5e5e5; background-color:#e5e5e5; height:1px; }
/*
 hr {
 clear: both;
 height: 1px; margin: 10 0px; border: 0;
 background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,.4), rgba(0,0,0,0.1));
 background-image:    -moz-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,.4), rgba(0,0,0,0.1));
 background-image:     -ms-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,.4), rgba(0,0,0,0.1));
 background-image:      -o-linear-gradient(left, rgba(0,0,0,0.1), rgba(0,0,0,.4), rgba(0,0,0,0.1));
 }
 */


/*  general */
.graytext { color:#808080; }
.blogtext { font-size:1.3em; }
.picture-footnotes { font-size:0.8em; font-style: italic; text-align:center;}
.box {border:solid 1px #dfdfdf;}
.feature-footnotes { color:#808080; line-height:1.2em; margin-bottom:1.2em; }

.site-width {position:relative;max-width:1000px;width:90%;margin:0 auto;clear:left;}
.copy-width {position:relative;width:800px;margin:0 auto;clear:left;}
.bg-alt {width:100%; background-color:#fafafa; border-top:solid 1px #f2f2f2; border-bottom:solid 1px #f2f2f2;padding:20px 0; clear:both; }

.uppercase {text-transform:uppercase;}
.display-none {display:none;}
.no-scroll {height:100%;overflow:hidden;}

div.colwrap { clear:both; }
div.col1 { float:left; }
div.col2 {float:right; }
p.review-text { margin-bottom:0px;padding-bottom:0px; }
p.review-footnotes { margin-top:0px;padding-top:0px; }


a > img {transition:opacity .4s;-moz-transition:opacity .4s;-webkit-transition:opacity .4s;}
a > img:hover {opacity:0.6;}


