/* SITE-WIDE */

body { 
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding: 0;
/*background-color: #e9f4ff;  light blue*/ /*dark blue or 3399ff */
background-color: #1e8fff; 
background-image: url("../images/bg_body3.gif");
/*background-image: url("../images/bg_body2.gif");*/
background-repeat: repeat-x;
}

body, p, li {
font-family: trebuchet, tahoma, arial, helvetica, sans-serif;
font-size: 14px;
line-height: 22px;
color: #000000;
}

.noborder {
border: 0;
}
.small {
font-family: trebuchet, tahoma, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
color: #9900cc;
margin: 0px 0px 0px 0px;
}

a {
color: #0066ff;
text-decoration: underline;
}
a:hover {
color: #330099;
text-decoration: underline;
}

.content_subpg_nav_actual a {
color: #000000;
}

.content_subpg_nav_actual a:hover {
color: #000000;
}

h1 {
font-family: trebuchet, arial, tahoma, sans-serif;
font-size: 22px;
font-weight: bold;
line-height: 25px;
color: #9900cc;
margin: 0px;
padding: 0px 0px 5px 0px;
}

.personalize h1 {
font-family: trebuchet, arial, tahoma, sans-serif;
font-size: 22px;
font-weight: bold;
line-height: 25px;
color: #000000;
}

.content_subpg_nav_actual h1 {
font-size: 18px;
font-weight: bold;
line-height: 22px;
color: #000000;
}


h2 {
font-family: trebuchet, arial, tahoma, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 19px;
color: #6633cc;
margin: 4px 0px 0px 0px;
padding: 0px;
}

.sitemap h2 {
padding: 0px 0px 12px 0px;
}

.personalize h2 {
font-family: trebuchet, arial, tahoma, sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 19px;
color: #000000;
padding-bottom: 17px;
}

.content_subpg_nav_actual h2 {
color: #000000;
}

h3 {
font-family: trebuchet, arial, tahoma, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 16px;
color: #000000;
margin: 8px 0px 0px 0px;
padding: 0px;
}

.personalize h3 {
font-family: trebuchet, arial, tahoma, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 16px;
color: #000000;
}

h4 {
font-family: trebuchet, arial, tahoma, sans-serif;
font-size: 14px;
font-weight: normal;
line-height: 16px;
color: #9900cc;
margin: 8px 0px 0px 15px;
padding: 0px;
}

.personalize img.card {
border: 1px solid #cccccc;
}

img.orderButton {
border: 0;
}

.bold {
font-weight: bold;
}

.content_subpg_nav_actual ul, #category_menu ul {
margin-left: 20px;
margin-top: 3px;
margin-bottom: 20px;
margin-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 5px;
}

.content_subpg_nav_actual ul ul, .content_subpg_nav_actual ul ol, .content_subpg_nav_actual ol ul, .content_subpg_nav_actual ol ol, #category_menu ul ul {
margin-left: 15px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
}

ul {
padding: 0px;
margin: 5px 0px 20px 2em;
}

ul li {
font-family: trebuchet, tahoma, arial, helvetica, sans-serif;
list-style-image: url("../images/bullet_black.gif");
background-position: 0% .5em;
padding-left: .2em;
margin: 10px 0px 0px 10px;
line-height: 16px;
}


ol.nudgeRight {
padding: 0px 0px 0px 220px;
margin: 5px 0px 20px 0;
/*border: 1px solid black;*/
}

ol.nudgeRight li {
font-family: trebuchet, tahoma, arial, helvetica, sans-serif;
background-position: 0% .5em;
padding-left: .2em;
margin: 10px 0px 0px 2em;
line-height: 16px;
/*border: 1px solid red;*/
}


li li {
font-family: trebuchet, tahoma, arial, helvetica, sans-serif;
list-style-type: disc;
list-style-image: none;
}

li li li {
font-family: trebuchet, tahoma, arial, helvetica, sans-serif;
list-style-type: circle;
list-style-image: none;
}

#category_menu a, .content_subpg_nav a {
color: #330099;
}
#category_menu a:hover, .content_subpg_nav a:hover {
color: #0066ff;
}

sup {
vertical-align: text-top;
font-size: 60%;
}

/************************************/

/* PAGE */

#page {
width: 900px;
margin: 0px 0px 0px 0px;
/*margin: 0px auto 0px 0px;*/
background-image: url("../images/bg_page.gif");
background-repeat: repeat-y;
}

/* HEADER_COMPANY */

/* MASCOT */

#mascot {
/*border: 1px solid black;*/
z-index: 5;
position: absolute;
top: 0px;
left: 50px;
}

/* HEADER_PRODUCT */

#header_product {
/*border: 1px solid black;*/
width: 900px;
height: 74px;
background-color: #e9f4ff; 
background-image: url("../images/bg_page.gif");
background-repeat: repeat-y;
}

#header_product h1 {
/*border: 1px solid black;*/
font-size: 26px;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 36px;
text-align: right;
font-weight: normal;
margin-right: 45px;
}

/* SITENAV */

#sitenav, #sitenav_personalize {
width: 900px;
height: 123px;
}

#sitenav {
background-color: #ad4ad6;
}

#sitenav_personalize {
background-color: #000000;
}

#sitenav img, #sitenav_personalize img {
border: 0px;
z-index: 10;
}

#sitenav img, #sitenav_personalize img {
/*border: 1px solid black;*/
position: relative;
left: 35%;
top: 24px;
}

#sitenav p, #sitenav_personalize p {
/*border: 1px solid #ffffff;*/
font-size: 16px;
text-align: right;
position: relative;
top: 4px;
right: 5%;
z-index: 6;
}

#sitenav_personalize p {
color: #ffffff;
}

#sitenav p a, #sitenav_personalize p a {
font-family: trebuchet, tahoma, arial, helvetica, sans-serif;
font-size: 17px;
color: #ffffff;
text-decoration: none;
}

#sitenav p a:hover, #sitenav_personalize p a:hover {
text-decoration: underline;
}

/* PRODUCT_GALLERY */

#product_gallery {
width: 900px;
height: 94px;
background-color: #000000;
overflow: hidden;
margin-bottom: 0px;
}

#product_gallery div {
padding-top: 13px;
margin-right: 38px;
text-align: right;
}

#product_gallery img {
margin: 1px;
border: solid black 1px;
}

#product_gallery img.half {
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
margin-left: 0px;
border-top: solid black 1px;
border-right: solid black 1px;
border-bottom: solid black 1px;
border-left: solid black 0px;
}

#product_gallery a:hover img {
border: solid white 1px;
}

/* MAIN */

#main, #main_subpg {
/*border: 1px solid #000000;*/
position: relative;
width: 900px;
margin-top: 0px;
margin-right: 0px;
margin-left: -38px;
margin-bottom: 0px;
padding-top: 20px;
padding-right: 38px;
padding-left: 0px;
padding-bottom: 38px;
}

#main {
background-color: transparent;
}

/************************************/

/* CONTENT: HOME PG*/
#content {
float: right;
position: relative;
width: 571px;
border: 1px solid #000000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: #ffffff;
background-image: url("../images/thistle_bg2.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 100% 100%; 
/*filter: alpha(opacity=50); *//* Internet Explorer       */
/*-moz-opacity: 0.5;        *//* Mozilla 1.6 and below   */
/*opacity: 0.5;            *//* newer Mozilla and CSS-3 */
}

#content div.info {
margin-top: 20px;
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#content h1:first-child {
margin-top: 0px;
}


/* CONTENT_ORDER: HOME PG */

.content_order {
/*border: 1px solid #ff0000;*/
float: right;
width: 199px;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 0px;
margin-left: 20px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-align: center;
}

.nudgeRight {
padding: 0px 0px 0px 230px;
}

.content_orderSUB {
/*border: 1px solid #ff0000;*/
float: left;
width: 199px;
margin-top: 15px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 3px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 0px;
}

.content_order .wrapper {
width: 199px;
border: 1px solid #000000;
background-color: #ccccff;
/*background-color: #ad4ad6;*/
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
text-align: center;
}

.content_orderSUB .wrapper {
width: 199px;
border: 1px solid #000000;
background-color: #ccccff;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
text-align: center;
}

.content_order h1, .content_orderSUB h1 {
font-family: trebuchet, arial, tahoma, sans-serif;
font-size: 18px;
line-height: 20px;
color: #ffffff;
text-align: center;
background-color: #000000;
padding: 10px 10px;
margin: 0px;
}

.content_order p, .content_orderSUB p {
font-family: trebuchet, tahoma, arial, helvetica, sans-serif;
font-size: 14px;
line-height: 18px;
color: #000000;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
margin: 0px;
}

.content_order img, .content_orderSUB img {
margin: 10px 0px 10px 3px;
border: 0;
}


/* PRICING TABLE */

table.pricing {
/* this centers the table...text-align doesn't work*/
margin: 5px auto 5px auto; 
table-layout: auto;
background-color: #ad4ad6;
border-collapse: collapse;
border-spacing: 0;
font-family: trebuchet, arial, tahoma, sans-serif;
font-size: 12px;
}

table.pricing tr.header td {
background-color: #000;
color: #fff;
text-align: center;
font-weight: bold;
}

table.pricing td {
text-align:right;
padding: 0px 6px;
border: 1px solid black;
}

p.small {
font-size: .75em;
line-height: 1em;
margin: 0;
padding: 0;
}


/* CONTENT_FOOTERHOME: HOME PG */

#content_footerhome {
width: 571px;
height: 42px;
background-image: url("../images/footerHomeBG.jpg");
margin-top: 20px;
}

#content_footerhome h1, #content_footerhome a {
padding: 7px;
text-align: center;
font-size: 22px;
color: #ffffff;
margin-bottom: 0px;
}

#content_footerhome a:hover {
color: #ccccff;
}

/* CATEGORY_MENU: HOME PG */

.category_menu_container {
border: 1px solid #000000;
background-color: #ccccff;
width: 195px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 100px;
}

#category_menu {
width: 195px;
height: 670px;
/*background-color: #8020da;*/
background-image: url("../images/categoryMenu_header.gif");
background-repeat: no-repeat;
background-position: top center;
/*background-attachment: fixed;*/
}

#category_menu p {
/*border-top: 1px solid black; */
font-family: trebuchet, tahoma, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
color: #000000;
text-align: center;
padding-bottom: 10px;
padding-top: 76px;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid black; 
}

.linksList {
padding: 0px 0px 10px 15px;
margin: 0px;
}

#category_menu a {
font-size: 14px;
line-height: 18px;
color: #330099;
}

#category_menu a:hover {
color: #0066ff;
}

/************************************/

/* CONTENT_SUBPG */

table.content_subpg {
table-layout: fixed;
width: 798px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 100px;
border-collapse: collapse;
padding: 0px;
}

table.content_subpg p {
margin: 0px 0px 0px 0px;
padding: 5px 0px 12px 0px;
}

/* CONTENT_SUBPG_TITLE */

td.content_subpg_title {
width: 798px;
height: 47px;
background-color: #ad4ad6;
background-image: url("../images/pageTitle_bg.jpg");
background-repeat: repeat-y;
background-position: top left;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border: 1px solid black;
}

td.content_subpg_title_personalize {
width: 798px;
height: 47px;
background-color: #000000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border: 1px solid black;
}

td.content_subpg_title h1, td.content_subpg_title_personalize h1 {
font-family: trebuchet, arial, tahoma, sans-serif;
font-size: 26px;
font-weight: 600;
color: #ffffff;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 17px;
padding: 10px 0px 10px 0px;
}

/* CONTENT_SUBPG_INFO */

td.content_subpg_info {
width: 543px;
background-color: #ffffff;
background-image: url("../images/thistle_bg2.jpg");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 100% 100%; 
/*filter: alpha(opacity=50); *//* Internet Explorer       */
/*-moz-opacity: 0.5;        *//* Mozilla 1.6 and below   */
/*opacity: 0.5;            *//* newer Mozilla and CSS-3 */
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
vertical-align: top;
}

/* CONTENT_SUBPG_INFO_ACTUAL */

.content_subpg_info_actual, .content_subpg_info_actual .personalize {
padding: 20px;
vertical-align: top;
}

.content_subpg_info_actual h1:first-child, .content_subpg_info_actual .personalize h1:first-child {
margin-top: 0px;
}

/* CONTENT_SUBPG_NAV */

td.content_subpg_nav {
background-color: #ccccff;
width: 254px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid black;
border-right: 0px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
vertical-align: top;
}

td.content_subpg_nav_personalize {
background-color: #c6bdca;
width: 254px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top: 0px solid black;
border-right: 0px solid black;
border-bottom: 1px solid black;
border-left: 1px solid black;
vertical-align: top;
}


.content_subpg_nav_actual {
padding: 20px;
vertical-align: top;
}

.content_subpg_nav_actual h1:first-child {
margin-top: 0px;
}

/************************************/

/* CONTENT_FOOTER */

#content_subpg_footer {
border: 0px solid black;
width: 800px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 100px;
padding-top: 30px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
text-align: center;
clear: right;
}

#content_footer p, #content_subpg_footer p, p.backtotop {
font-size: 12px;
line-height: 18px;
color: #000000;
margin-top: 15px;
margin-bottom: 20px;
}

#content_footer p, #content_subpg_footer p {
text-align: center;
padding: 0px 30px; 0px 30px;
}

p.backtotop {
text-align: right;
}

#content_footer a, #content_subpg_footer a, p.backtotop a {
color: #330099;
}

a.tagline, #content_footer a.tagline, #content_subpg_footer a.tagline {
color: #000000;
text-decoration: underline;
}

#content_footer a:hover, #content_subpg_footer a:hover, p.backtotop a:hover {
color: #0066ff;
}

/************************************/

/*FORMS*/

form {
padding: 12px;
margin: 0px;
/*background-color: #ccccff;*/
/*border: 0px solid #ff0000;*/
font-family: trebuchet, tahoma, arial, helvetica, sans-serif;
font-size: 13px;
line-height: 16px;
}

fieldset {
background-color: #e9f4ff;
border: 1px solid black;
margin: 0px;
}

fieldset div {
padding: 0px 20px 20px 20px;
}

fieldset h2 {
padding: 10px 0px 0px 0px;
}

fieldset p {
line-height: 17px;
}

fieldset.sub {
border: 1px solid #004ca3;
padding: 15px;
margin-bottom: 15px;
}

legend {
font-weight: bold;
font-size: 16px;
color: #000000;
margin: 20px 0px 0px 20px;
padding: 0px;
}

legend.sub {
font-weight: bold;
font-size: 12px;
color: #000000;
}

label {
font-weight: normal;
/*color: #004ca3;*/
float: left;
width: 35%;
text-align: right;
vertical-align: top;
margin: 0px 8px 0px 0px;
padding: 0px 8px 0px 0px;
line-height: 16px;
}

fieldset.sub label[for] {
font-weight: normal;
/*color: #004ca3;*/
float: left;
width: 28%;
text-align: right;
margin-right: 8px;
line-height: 12px;
}

.formsubmit {
text-align: center;
}

.error {
	color:#CC0000;
}
.checkoutBox {
	font-size: 10px;
}