/* common style for the whole site */
/* ------------------------------------------------------------------------ */

body {
    background-color: #FFCC33;
}

div.universe {
    font-family: arial;
    font-size: 11pt;
}

td.text {
    padding-top: 15px;
    padding-right: 25px;
    padding-bottom: 15px;
    padding-left: 25px;
    font-size: 120%; 
}

.spt_red {
    color: #C64C41;
}

.spt_blue {
    color: #447886;
}

.spt_green {
    color: #256857;
}

.spt_yellow {
    color: #FFCC33;
}

.spt_purple {
    color: #9053A1;
}

/* style for logo and upper-right contact info */
/* ------------------------------------------------------------------------ */

td.logo {	
    vertical-align: top;
    background-color: #FFCC33;
}

td.ur_contact_info {
	vertical-align: middle;
	padding-top: 20px;
	text-align: right;
}

/* styles for the main page structure */
/* ------------------------------------------------------------------------ */

table.page {
    background-color: white;
}

td.leftbar {
    padding-left: 15px;
    padding-top: 0px;
    vertical-align: top;
}

td.contents {
    padding-left: 15px;
    vertical-align: top;
    padding-right: 15px;
}

p.section_title {
    margin-top: 15px;
    padding-left: 10px;
    font-size: 200%;
    font-weight: bold;
    margin-bottom: 10px;
    color: #447886
}

div.top_banner {
    padding-bottom: 20px;
    text-align: center;
}

div.bottom_banner {
    padding-top: 20px;
    text-align: center;
}

td.rightbar {
    vertical-align: top;
    padding-top: 25px;
    padding-right: 15px;
    padding-left: 15px;
}

/* styles inside the left bar */
/* ------------------------------------------------------------------------ */

p.extra_products_1 {
    padding-top: 0px;
    margin-top: 10px;
}

p.extra_products_2 {
    margin-top: -12px;
    margin-bottom: 20px;
    text-align: center;
}

p.idea {
	 padding-top: 15px;
}

p.cards {
	 padding-top: 15px;
}

/* styles for the box around contents */
/* ------------------------------------------------------------------------ */

div.box_title {
    margin-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 120%;
    font-weight: bold;
    color: white;
    text-align: right;
    vertical-align: middle;
}

table.box_red {
    background: #C64C41;
}

table.box_red table {
    background: white;
}

table.box_blue {
    background: #447886;
}

table.box_blue table {
    background: white;
}

table.box_green {
    background: #256857;
}

table.box_green table {
    background: white;
}

table.box_yellow {
    background: #FFCC33;
}

table.box_yellow table {
    background: white;
}

table.box_purple {
    background: #9053A1;
}

table.box_purple table {
    background: white;
}

td.box_intro_text {
    padding: 15px 20px 25px 20px;
    text-align: center;
	font-weight: bold; 
    font-size: 100%;
}

td.box_footnote {
    padding: 15px 20px 25px 20px;
    text-align: center;
	font-weight: bold; 
	/* color: #C64C41; */
    font-size: 80%;
}


/* style for the frontpage */
/* ------------------------------------------------------------------------ */

div.frontpage {
	text-align: center;
	background-color: #F2F3F7;
}

/* styles for the product grid view */
/* ------------------------------------------------------------------------ */

td.pgrid_picture {
    padding-top: 15px;
    text-align: center;
}

/* styles for the product list view */
/* ------------------------------------------------------------------------ */

td.plist_picture {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}

td.plist_shortdesc {
	color: #447886;
	font-weight: bold;
}

td.plist_longdesc {
	padding-top: 10px;
	font-weight: bold;		 
	padding-right: 20px;
}

td.plist_price {
	font-size: 115%;
	text-align: right;
	padding-right: 20px;
	font-weight: bold;
}

/* styles for the product details view */
/* ------------------------------------------------------------------------ */

td.pdetail_picture {
    vertical-align: top;
	padding-left: 15px;
    font-weight: bold;
	text-align: center;
}

.pdetail_price {
    font-size: 250%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}

.pdetail_extras {
    font-size: 80%;
    vertical-align: bottom;
    padding-top: 15px;
    padding-bottom: 10px;
    text-align: left;
	padding-left: 20px;
}

div.pdetail_name {
    margin-top: 5px;
    padding-right: 10px;
    padding-bottom: 10px;
    font-size: 120%;
    font-weight: bold;
    color: white;
    text-align: right;
    vertical-align: middle;
}

div.pdetail_notes {
	padding-top: 15px;
	padding-left: 20px;
    text-align: left;
    color: black;  
    font-size: 100%;
}

td.pdetail_desc {
	padding-top: 25px;
	padding-right: 25px;
	padding-left: 45px;
    vertical-align: top;
    font-size: 100%;
	font-weight: bold;
}

/* styles for the FAQ list */
/* ------------------------------------------------------------------------ */

td.question {
    padding-top: 15px;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 100%;
	font-weight: bold;
}

td.answer {
    padding-top: 0px;
    padding-right: 25px;
    padding-bottom: 5px;
    padding-left: 25px;
    font-size: 100%; 
    color: #256857;
}

/* styles for the contact info page */
/* ------------------------------------------------------------------------ */

td.icon {
	text-align: right;
	padding-right: 15px;
}

td.contact_info {
	font-weight: bold;

}

/* styles for the offers page */
/* ------------------------------------------------------------------------ */

td.offer_picture {
	text-align: center;
}

/* styles for the ideas */
/* ------------------------------------------------------------------------ */

td.idea_picture {
    padding-top: 15px;
    text-align: center;
}

/* styles for the photo book */
/* ------------------------------------------------------------------------ */

td.pbook_picture {
    padding-top: 15px;
    text-align: center;
}

/* styles for the footer information */
/* ------------------------------------------------------------------------ */

p.footer {
    font-size: 70%;
    text-align: center;
}

div.version {
	color: #FFCC33;
	font-size: 50%;
	text-align: right;
}