/* Start of CMSMS style sheet 'cataloger' */
/*---------CATALOGER stylesheet-----------*/


/*-----------colour chart--------------*/
/*--
	
MAIN BLUE: #349EDB;
LIGHTER BLUE: #68B8E5;

YELLOW: #FDD702;
BLUE GREY: #E7EDF0;

GREY BORDER: #CDD2D3;
WHITE BORDER: #FFFFFF;

MAIN TEXT: #333333;
TITLE TEXT: #000000;

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

/* --------------------------------------*/
/* ------>>> image box <<<-------*/
/* --------------------------------------*/

.ItemImage {
width: 200px;
height: 118px;
background: transparent url(uploads/images/imageSwap_border.gif) no-repeat scroll 0 0;
position: absolute;
top: 0;
left: 0;
}


.ItemImageY {
width: 200px;
height: 118px;
background: transparent url(uploads/images/imageSwap_borderY.gif) no-repeat scroll 0 0;
position: absolute;
top: 0;
left: 0;
}

.imageWrapper {
height: 118px;
width: 200px;
overflow: hidden;
position: relative;
}

.item_images {
width: 200px;
height: 118px;
overflow: hidden;
background: transparent url(uploads/images/imageSwap_border.gif) no-repeat scroll 0 0;
}

/* ----------------------------------------*/
/* --->>> quotes and content <<<---*/
/* ----------------------------------------*/


.catalog_item #content {
padding-bottom: 10px; 
}
.category_item h3 {text-align: right;}

.catalog_item h3 {margin-bottom: 0.5em;}

.category_items .content {text-align: right;}

#smallQuote {
background: transparent url(uploads/images/smallQuote_top.gif) no-repeat scroll 0 0;
padding-top: 43px;
overflow: hidden;
margin-bottom: 30px;
width: 533px;
position: relative;
}

#smallQuote_inner {
background: transparent url(uploads/images/smallQuote_bottom.gif) no-repeat scroll 0 bottom;
padding-bottom: 39px;
width: 533px;
}


/* --------------------------------------*/
/* ----->>> testimonials <<<-------*/
/* --------------------------------------*/

#DetailContent {
padding: 0 20px;
color: #fff;
font-weight: bold;
text-align: center;
font-size: 1.2em;
width: 493px;
position: relative;
}

* html #DetailContent {font-size: 1em;}

/* --------------------------------------*/
/* ----->>> contact info <<<-------*/
/* --------------------------------------*/

.catalog_item #newsBar_inner a, .catalog_item #newsBar_inner p {
display: block;
line-height: 28px;
font-weight: bold;
padding-left: 36px;
color: #000;
background: transparent url(uploads/images/newsBar_bullet.gif) no-repeat scroll 16px top;
}

.catalog_item #newsBar_inner a:hover {
background: transparent url(uploads/images/newsBar_bullet.gif) no-repeat scroll 16px bottom;
color: #349EDB; 
text-decoration: none;
}

.catalog_item #newsBar_inner #email {border-bottom: 1px solid #fff;}
.catalog_item #newsBar_inner #call-back {border-bottom: 1px solid #fff; border-top: 1px solid #CDD2D3;}
.catalog_item #newsBar_inner p {margin-bottom: 0px; border-top: 1px solid #CDD2D3;}

.catalog_item #sideColumn #newsBar_inner {padding-bottom: 10px;}


/* ----------------------------------------*/
/* ------->>> popup forms <<<-------*/
/* ----------------------------------------*/

.catalog_item #emailForm, .catalog_item #callbackForm {
display: none;
margin-bottom: 30px;
}
/* End of 'cataloger' */

/* Start of CMSMS style sheet 'news' */
/*---------news stylesheet-----------*/


/*-----------colour chart--------------*/
/*--
	
MAIN BLUE: #349EDB;
LIGHTER BLUE: #68B8E5;

YELLOW: #FDD702;
BLUE GREY: #E7EDF0;

GREY BORDER: #CDD2D3;
WHITE BORDER: #FFFFFF;

MAIN TEXT: #333333;
TITLE TEXT: #000000;

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

#newsBar h2 {
	font-size: 1.4em;
	margin: 5px 0 0.6em;
	padding: 0 10px;
}
* html #newsBar h2 {font-weight: bold;}

#newsBar {font-size: 0.70em;}

#newsBar .NewsSummaryPostdate {font-weight: bold;}

#newsBar .NewsSummaryLink a {color: #349EDB;}

#newsBar .NewsSummaryMorelink {color: #349EDB; text-align: right;}

#newsBar .NewsSummaryMorelink a {
	text-transform: lowercase;
	font-weight: normal;
	color: #349EDB;
}

#newsBar .NewsSummary {
	background: transparent url(uploads/images/newsHR.gif) repeat-x scroll 0 bottom;
	margin-top: 5px;
	padding: 0 10px;
}

#newsBar .NewsSummary h3 a {
font-weight: normal; 
font-size: 0.7em; 
margin-top: 1em;
display: block;
}
/*------------------------------------*/

.NewsSummary {padding-bottom: 10px;}

#NewsPostDetailContent {text-align: left;}
/* End of 'news' */

/* Start of CMSMS style sheet 'layout' */
/*---------layout stylesheet-----------*/


/*-----------colour chart--------------*/
/*--
	
MAIN BLUE: #349EDB;
LIGHTER BLUE: #68B8E5;

YELLOW: #FDD702;
BLUE GREY: #E7EDF0;

GREY BORDER: #CDD2D3;
WHITE BORDER: #FFFFFF;

MAIN TEXT: #333333;
TITLE TEXT: #000000;

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

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {
	margin: 0;
	padding: 0;
}

#bodyWrapper {
	margin: 0 auto;
	width: 766px;
	position: relative; 
}

#contentWrapper {
	/*overflow: hidden;*/
	position: relative;
	width: 766px;
	float: left;
}


/* -----------------------------------*/
/* --------->>> MASTHEAD <<<----------*/
/* -----------------------------------*/

#mastHead {
	position: relative;
	height: 280px;
}

#mastHead h1 {
	text-indent: -9999em;
	margin: 0;
	height: 280px;
        overflow: hidden;
}

#mastHead h1 a {
	background: transparent url(uploads/images/nextStep_logo.gif) no-repeat scroll 0 0;
	display: block;
	height: 188px;
	width: 422px;
	position: absolute;
	right: 20px;
	top: 25%;
}


/* ------------------------------------*/
/* -------->>> MAIN CONTENT <<<--------*/
/* ------------------------------------*/

#mainContent {
	width: 535px;
	padding-right: 10px;
	float: left;
	position: relative;
	font-size: 0.72em;
	text-align: left;
}
#mainContentWide {
	width: 745px;
	float: left;
	position: relative;
	font-size: 0.72em;
	text-align: right;
        position: relative;
}
#mainContent button#largeQuote {
	background: transparent url(uploads/images/bigQuote_bg.gif) no-repeat scroll 0 0;
	border: none;
	width: 100%;
	height: 269px;	
	margin-bottom: 30px;
}
#mainContent button#largeQuote:hover, #mainContent button#largeQuote.sfhover {
	background: transparent url(uploads/images/bigQuote_bg.gif) no-repeat scroll 0 bottom;
	cursor: pointer;
}

#mainContent div#largeQuote {
	background: transparent url(uploads/images/contactUs.gif) no-repeat scroll 0 0;
	border: none;
	width: 100%;
	height: 248px;	
	margin-bottom: 30px;
}

#mainContent #content, #mainContent .content {
	width: 500px;
	float: right;
}

.person .imageWrapper {
   float: left;
}

.person .contentArea {
   width: 535px;
   float: left;
   padding-right: 10px;
}
.person {
   margin-bottom: 20px;
   overflow: hidden;
}

/* ------------------------------------*/
/* -------->>> SIDE COLUMN <<<--------*/
/* ------------------------------------*/

#sideColumn {
	width: 200px;
	float: left;
	position: relative;
margin-bottom: 50px;
}

#sideColumn #newsBar {
	background: transparent url(uploads/images/sideColumn_top.gif) no-repeat scroll 0 0;
	overflow: hidden;
	padding-top: 15px;
position: relative;
}

#sideColumn #newsBar_inner {
	background: #E7EDF0 url(uploads/images/sideColumn_bottom.gif) no-repeat scroll right bottom;
	padding-bottom: 20px;	
}

#sideColumn .allNews{
 margin-left: 10px;
font-weight: bold;
margin-bottom: 10px;
}

/* ------------------------------------*/
/* ----------->>> FOOTER <<<-----------*/
/* ------------------------------------*/

#footerContent {
	clear: both;
	position: relative;
	color: #999;
	font-size: 0.7em;
	padding-top: 0px;
	height: 50px;
}

#footerContent p {
	display: block;
	position: absolute;
	right: 0;
}

#footerContent #acornLink {
	background: transparent url(uploads/images/acornLogo.gif) no-repeat scroll 100% 0;
	width: 72px;
	height: 22px;
	text-indent: -9999em;
	display: block;
	position: absolute;
	right: 0;
        margin-top: 20px;
}

/* ----------------------------------------*/
/* ------>>> next step info <<<------*/
/* ----------------------------------------*/

.moreInfo {
	position: relative; 
	padding-bottom: 10px; 
	overflow: hidden;
	height:22px;
}

.extendedContent {
	display: none;
	margin-bottom: 10px;
}
.section img {margin-right: 5px;}

.section {
	border-bottom: 1px solid #CDD2D3; 
	padding-top: 20px; 
	overflow: hidden;
}
.section h4 {color: #369FDB;}

.highlighted {
	background-color: #F6FAFC; 
	padding: 20px 6px;
}
.highlighted h4 {font-size: 18px; margin-bottom: 5px;}

/* ---------------------------------------------*/
/* ----------->>> BUTTONS <<<-----------*/
/* ---------------------------------------------*/

/* ----->>> go to e-book button <<<-----*/

* html #sideColumn #ebookBtn {
margin-top: 12px;
}
#sideColumn #ebookBtn a {
	background: transparent url(uploads/images/btnEbook.gif) no-repeat scroll 0 0;
	height: 46px;
	color: #000;
	display: block;
	line-height: 34px;
	font-weight: bold;
	padding-left: 36px;
	font-size:0.8em;
        padding-top: 12px;
   margin-top: -12px;
        width: 185px;
}
#sideColumn #ebookBtn a:hover {
	background: transparent url(uploads/images/btnEbook.gif) no-repeat scroll 0 bottom;
	color: #fff;
}

/* ----->>> go to shop button <<<-----*/

#sideColumn #shopBtn a {
	background: transparent url(uploads/images/btnThree.gif) no-repeat scroll 0 0;
	height: 46px;
	display: block;
	line-height: 34px;
	font-weight: bold;
	padding-left: 36px;
	font-size:0.8em;
	margin-top: -8px;
	margin-bottom: -8px;
	color: #000;
}
#sideColumn #shopBtn a:hover {
	background: transparent url(uploads/images/btnThree.gif) no-repeat scroll 0 bottom;
	color: #fff;
}

/* ----->>> go to product button <<<-----*/

#sideColumn #contactBtn a {    
	background: transparent url(uploads/images/btnThree.gif) no-repeat scroll 0 0;
	height: 46px;
	display: block;
	line-height: 34px;
	font-weight: bold;
	padding-left: 36px;
	font-size:0.8em;
	margin-top: 10px;
	margin-bottom: -8px;
	color: #000;
}
#sideColumn #contactBtn a:hover {
	background: transparent url(uploads/images/btnThree.gif) no-repeat scroll 0 bottom;
	color: #fff;
}

/* ----->>> purchase button <<<-----*/

#sideColumn #buyBtn {
	height: 46px;
	width: 200px;
	display: block;
	line-height: 34px;
	font-weight: bold;
	font-size:0.8em;
	margin-top: -11px;
	overflow: hidden;
	color: #000;
	position: relative;
}
#sideColumn #buyBtn:hover input {
	position: absolute;
	bottom: 0;
	overflow: hidden;
	color: #fff;
}
.pdfBtn {
    background: url(uploads/images/pdfBtn.gif) no-repeat scroll 0 0;
    height: 31px;
    width: 204px;
    display: block;

    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding-left: 46px;
    padding-top: 5px;
}

/* ----->>> big send email button <<<-----*/

.button input {
	position: absolute;
	margin-top: 13px;
	border: none;
	cursor: pointer;
	background: transparent url(uploads/images/btnOne.gif) no-repeat scroll 0 0;
	color#000;
	height: 46px;
	width: 200px;
	display: block;
	font-weight: bold;
	padding-top: 13px;
	font-size:1.1em;
}

* html .button input {margin-top: 25px; padding-top: 20px;}

.button:hover input {
	background: transparent url(uploads/images/btnOne.gif) no-repeat scroll 0 bottom;
	color: #fff;
}

/* ----->>> small send email button <<<-----*/

.contactform .button2 input, .nextstep_form .button2 input  {
	background: transparent url(uploads/images/submitBg_btn.gif) no-repeat scroll 0 0;
	line-height: 22px;
	height: 22px;
	width: 92px;
	color: #000;
	font-weight: bold;
	text-align: center;
	display: block;
	border: none;
	position: absolute;
	right: 10px;
top: 0;
}
.contactform .button2 input:hover, .nextstep_form .button2 input:hover  {
     color: #349EDB;
     cursor: pointer;
}
.contactform .button2, .nextstep_form .button2  {
	overflow: hidden;
	position: relative;
	height: 22px;
}

.nextstep_form .button2 input {right: 0;}
.nextstep_form .button2 {margin-top: 10px;}

/* ----->>> big more info button <<<-----*/

.infoBtn a {
	background: transparent url(uploads/images/moreInfo_btn.gif) no-repeat scroll 0 0;
	height: 28px;
	width: 122px;
	text-indent: -9999em;
	display: block;
	float: right;
	text-align: left;
}
.infoBtn a:hover {
	background: transparent url(uploads/images/moreInfo_btn.gif) no-repeat scroll 0 bottom;
}

/* ----->>> small more info button <<<-----*/

.moreInfo a, .moreInfo button, .returnBtn a {
	background:transparent url(uploads/images/submitBg_btn.gif) no-repeat scroll 0pt;
	border:medium none;
	color:#000000;
	display:block;
	font-weight:bold;
	height:22px;
	line-height:22px;
	position:absolute;
	right:0px;
	text-align:center;
	width:92px;
	text-decoration: none;
}

.moreInfo a:hover, .moreInfo button:hover, .returnBtn a:hover {
	color:#349EDB;
	cursor: pointer;
}

.returnBtn a {
	position: relative;
	left:0;
	top:0;
	margin-top: 2em;
}
/* End of 'layout' */

/* Start of CMSMS style sheet 'menu' */
/*---------menu stylesheet-----------*/


/*-----------colour chart--------------*/
/*--
	
MAIN BLUE: #349EDB;
LIGHTER BLUE: #68B8E5;

YELLOW: #FDD702;
BLUE GREY: #E7EDF0;

GREY BORDER: #CDD2D3;
WHITE BORDER: #FFFFFF;

MAIN TEXT: #333333;
TITLE TEXT: #000000;

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

#nav {
	background: transparent url(uploads/images/navList_bg.gif) no-repeat scroll 0 0;
	position: absolute;
	width: 745px;
	height: 28px;
	top: 0px;
        left: 0px;
}

/* -----------------------------------*/
/* -------->>> LEVEL ONE <<<----------*/
/* -----------------------------------*/

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav li {
	width: auto;
	float: left;
	border-left: solid 1px #fff;
	border-right: solid 1px #CDD2D3;
	height: 28px;
list-style: none;
background: none;
padding-left: 0;
}

#nav li#menu_home {border-left: none; margin-left: 5px;}
#nav li#menu_contact-us {border-right: none;}

#nav a {
	font-size: 0.7em;
	text-decoration: none;
	padding: 0 16px;
*padding: 0 13px;
	line-height: 28px;
	font-weight: bold;
	letter-spacing: 0.05em;
	display: block;
color: #333;
}

#nav a:hover, #nav a.sfhover, #nav .menuactive a {color: #349EDB;}

/* -----------------------------------*/
/* -------->>> LEVEL TWO <<<----------*/
/* -----------------------------------*/

#nav li ul {
	position: absolute;
	background: transparent url(uploads/images/navList_bottom.gif) no-repeat scroll 0 bottom;
	padding-bottom: 16px;
	width: 215px;
	left: -9999em;
        top: 28px;
}

#nav li li {
	float: none;
	border: none;
	height: 18px;
	background-color: #E7EDF0;
        margin: -3px 0;
padding: 0px;
}

#nav li li a, #nav li.menuactive li a {
	line-height: 18px;
	color: #777;
        padding: 0 0 0 13px;
}
#nav li li a:hover, #nav li li a.sfhover {color: #349EDB;}
#nav li li.menuactive a {color: #349EDB;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}


		/* --------->>> GLOBAL <<<---------*/

#navHorizontal li:hover, #navHorizontal li.sfhover
{
     position: relative;
}

		#navHorizontal li:hover ul, #navHorizontal li li:hover ul, #navHorizontal li.sfhover ul, #navHorizontal li li.sfhover ul {
			left: auto;
                        left: 0px;
		}
		#navHorizontal li:hover ul ul, #navHorizontal li.sfhover ul ul {
			left: -999em;
		}

/* End of 'menu' */

/* Start of CMSMS style sheet 'typography' */
/*---------typography stylesheet-----------*/


/*-------------ColourChart----------------*/
/*--	

MAIN BLUE: #349EDB;
LIGHTER BLUE: #68B8E5;

YELLOW: #FDD702;
BLUE GREY: #E7EDF0;

GREY BORDER: #CDD2D3;
WHITE BORDER: #FFFFFF;

MAIN TEXT: #333333;
TITLE TEXT: #000000;

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


/* -----------------------------------*/
/* --------->>> GLOBAL <<<----------*/
/* -----------------------------------*/

body {
     font-family: helvetica,arial,verdana, sans serif;
     font-size: 100%;
     line-height: 1em;
     color: #333333;
}

/* -----------------------------------*/
/* ------>>> TYPOGRAPHY <<<-------*/
/* -----------------------------------*/

h1 {
     font-size: 1.6em;
     margin: 1em 0;
     font-weight: bold;
}
h2 {
     font-size: 1.4em;
     color: #000;
     font-weight: normal;
     margin: 0 0 0.2em;
}
h3 {
     font-size: 1.5em;
     color: #349EDB;
     font-weight: bold;
     margin: 0 0 0.2em;
}
h3 a {font-weight: bold;}
h4 {
     font-size: 1.3em;
     color:#000;
     font-weight: normal;
     margin: 0 0 0.2em;
}
* html h4 {font-weight: bold;}

h5 {
font-size:1em;
margin-bottom: 0.5em;
}

h2 a, h3 a, h4 a {color: #349EDB;}
h2 a, h3 a, h4 strong {color: #349EDB;}
p {margin: 0 0 1em 0;}
p+h2,ul+h2 {margin: 1.2em 0 0.2em 0;}

/* -----------------------------------*/
/* --------->>> LINKS <<<-----------*/
/* -----------------------------------*/

a {
     font-weight: normal;
     text-decoration: none;
     color: #349EDB;
outline: none;
}
a:hover {color: #000;}
a:active {outline: none;}
a.externalLink {
     padding-right: 12px; 
     background: url(/uploads/images/layout/arrow_ur_small.gif) 100% 0 no-repeat;
}
a img {border: none;}

/* -----------------------------------*/
/* --------->>> LISTS <<<-----------*/
/* -----------------------------------*/

ul {
     /*margin: -0.3em 0 1em 1em;*/
     list-style: none;
}
ul li {
     /*margin: 0.4em 0.5em;*/
     line-height: 1.3em;
background: url(uploads/images/listBullet.gif) no-repeat scroll 0 5px;
padding-left: 10px;
}
ol {margin: -0.3em 0 1em 1em;}
ol li  {
     /*overflow: hidden;*/
     margin: 0.4em 0.5em;
     line-height: 1.3em;
}

/* -----------------------------------*/
/* --------->>> FORMS <<<----------*/
/* -----------------------------------*/

input, select, textarea {font-size: 11px;}
fieldset {border: none; margin: 0px;}
.contactform legend {
     font-size: 1.4em;
     color: #000;
     font-weight: normal;
     margin: 30px 0 0;
}
.contactform label {
     float: left;
     width: 60px;
     padding: 2px;
     color: #349EDB;
     display: none;
}
.contactform input {
     width: 180px;
     border: none;
     margin-bottom: 1px;
     padding: 2px;
	color: #333;
}
.contactform select {
     width: 184px;
     border: none;
     margin-bottom: 1px;
     padding: 2px 2px 2px 0;
     color: #333;
}
.contactform textarea {
     width: 180px; 
     height: 63px;
     border: none;
     margin-bottom: 1px;
     margin-top: 0;
     padding: 2px;
     color: #333;
     font-family: helvetica, verdana, sans-serif;
     font-size:1.1em;
}

.contactform .radiobutton input {width: 15px; float: left;}
.contactform .radiobutton label {display: block; width: 180px;}
.contactform .radiobutton div label {float: left; width: 30px; margin-top:-15px;}
.contactform .radiobutton div {width: 180px; float: left;}

.contactform .default {
     color: #349EDB;
}
.nextstep_form {width: 440px; margin-top: 20px;}
.nextstep_form fieldset {padding: 0;}
.nextstep_form legend {
     font-size: 1.5em;
     color: #349EDB;
     font-weight: bold;
     margin: 0 0 20px;
}
.nextstep_form h3 {
     margin: 10px 0;
}
.nextstep_form label {
     float: left;
     width: 120px;
     padding: 2px;
     color: #349EDB;
}
.nextstep_form input {
    width: 300px;
    border: none;
    margin-bottom: 1px;
    padding: 2px;
     color: #333;
     border: 1px solid #E7EDF0;
}
.nextstep_form select {
    width: 306px;
    border: none;
    margin-bottom: 1px;
    padding: 2px;
	color: #333;
	border: 1px solid #E7EDF0;
}
.nextstep_form textarea {
     width: 300px; 
     height: 63px;
     border: none;
     margin-bottom: 1px;
     margin-top: 0;
     padding: 2px;
     color: #333;
     font-family: helvetica, verdana, sans-serif;
     font-size:1.1em;
     border: 1px solid #E7EDF0;
}
.nextstep_form .checkbox input {
    width: 12px;
    border: none;
    margin-bottom: 1px;
    padding: 2px;
	color: #333;
	border-width: 1px;
	border-style: solid;
	border-weight: #E7EDF0;
}
.nextstep_form .checkbox label {width: 390px; margin-top: -20px;}
.nextstep_form .radioSet input {width: 10px;}
.nextstep_form .radioSet div label {
     width: 120px; 
     margin-top: -20px; 
     font-weight: normal;
     font-size: 1em;
float: none;
}
.nextstep_form .radioSet label {
     width: 440px; 
     font-weight: bold;
     font-size: 1.5em;
     margin: 10px 0;
} 

.trainingCourse input, .trainingCourseDate input {display:none;}


/* -----------------------------------*/
/* ------->>> TABLES <<<---------*/
/* -----------------------------------*/

thead {font-size:1.2em; color: #333;}
tbody {background-color: #333;}
td {
padding: 10px; 
color: #eaeaea;
border-bottom:1px solid #444;
font-family: verdana, helvetica, sans-serif;
line-height: 1.4em;
}
td.stylesheet {width: 250px;}
td.media {width: 120px;}
td.use {width: 400px;}

/* -----------------------------------*/
/* --------->>> OTHER <<<-----------*/
/* -----------------------------------*/

/* --------->>> HorizontalLine <<<-----------*/
.hr {
     border: none;
     height: 5px;
     margin: 1em;
     clear: both;
}
.hr hr {display: none;}
hr.thin {margin: 1em 0 0.5em 0; border: none; background: url(uploads/images/newsHR.gif) repeat-x scroll 0 0;}

/* --------->>> DataTables <<<-----------*/
dt{
     float: left;
     clear: left;
     font-weight: bold;
     margin: 0 0 1em 1em;
     width: 55px;
     color: #000;
}
dd {
     display: block;
     margin: 0 0 1em 0;
     padding-left: 75px;
}

/* --------->>> BlockQuotes <<<-----------*/
blockquote {
     margin: 0.5em 0;
     padding: 1.5em;
     background: #F5F8E2;
     color: #000;
}
blockquote h2, blockquote h3,blockquote h4, blockquote a {color: #000;}
blockquote p {}

/* ------->>> CodeView <<<--------*/
code {
     background: #F0F0F0;
     color: #000;
     font-size: 1.1em;
}
pre {
     background: #333;
     font-size:1.2em;
     line-height:1.4em;
     color: #eaeaea;
     padding: 1em;
     margin: 0.5em 0;
     font-family: Verdana, Helvetica, sans-serif;
}
/* End of 'typography' */