/******************************************************************************
Global Page Classes
******************************************************************************/

         html, body, #wrapper {
                height:100%;
                margin: 0px;
                padding: 0px;
                border: none;
                text-align: left;
        }

                body {
                        background-color: #f5f5f5;
                }

                #wrapper {
                        margin: 0px;
                        text-align: center;
                        vertical-align: middle;
                        width: 100%;
                }


        a:link, a:visited {
                color: #0066cc;
                text-decoration: underline;
        }

                a:hover {
                color: #d71818;
                text-decoration: underline;
        } 


        p {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 12px;
                color: #2d2d2d;
                line-height: 18px;
                /*text-align: justify;*/
        }


        hr {
                height: 0px; 
                border-top: 1px solid #dfdfdf;
                border-bottom: 0px;
                border-right: 0px;
                border-left: 0px;
        }

                #hrCell {
                        background-color: #dfdfdf;
                }


/******************************************************************************
Heading Classes
******************************************************************************/
h1 {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 18px; color: #000000; font-weight: bold; text-decoration: none; display: inline; }

h2 {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 16px; color: #000000; font-weight: normal; text-decoration: none; }

h3 {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 16px; color: #1a2e63; font-weight: normal; text-decoration: none; }

h4 {font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 13px; color: #000000; font-weight: bold; text-decoration: none; }

/******************************************************************************
Copy/Body Classes
******************************************************************************/

.normal {editor-name: Normal; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #2d2d2d; line-height: 18px; }
                
.small {editor-name: Small; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; }


        .contentArea {
                background-image: url(images/bg_content_area.gif);
                background-repeat: no-repeat;
                background-position: top right;
                background-color: #FFFFFF;
                padding-top: 34px;
                width: 550px; 
        }


						.contentAreaSingleColumn {
										background-image: url(images/bg_single-loop.gif);
										background-repeat: repeat-y;
										background-color: #FFFFFF;
										width: 980px;
										
						}
							.contentAreaSingleColumn p {
								margin-left:75px;
								}
						
						.contentAreaTwoColumn {
										background-image: url(images/bg_two-column.gif);
										background-repeat: repeat-y;
										background-color: #FFFFFF;
										width: 750px; 
						}
				

        .column01 {
                background-image: url(images/bg_column_01.gif);
                background-repeat: repeat-y;
                width: 230px; 
        }
        
                .column01Left {
                        background-image: url(images/column_01_left_loop.gif);
                        background-repeat: repeat-y;
                        width: 9px; 
                }
                
                .column01Right {
                        background-image: url(images/column_01_right_loop.gif);
                        background-repeat: repeat-y;
                        width: 39px; 
                }

                .column01Content {
                        padding-left: 20px;
                        padding-right: 30px;
                        font-family: Arial, Helvetica, Sans-serif;
                        font-size: 10px;
                        color: #666666;
                }


                .homeCopy {
                                background-color: #ffffff;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
                color: #2d2d2d;
        }

                .homeCopyLarge {
                                background-color: #fafafa;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 11px;
                color: #2d2d2d;
        }




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

        .column03 {
                background-image: url(images/bg_column_03.gif);
                background-repeat: repeat-y;
                width: 200px; 
        }
        
                .column03Left {
                        background-image: url(images/column_03_left_loop.gif);
                        background-repeat: repeat-y;
                        width: 40px; 
                }
                
                .column03Right {
                        background-image: url(images/column_03_right_loop.gif);
                        background-repeat: repeat-y;
                        width: 160px; 
                }
                
                .column03Content {
                        padding-left: 20px;
                        padding-right: 30px;
                        font-family: Arial, Helvetica, Sans-serif;
                        font-size: 10px;
                        color: #666666;
                }

                        .column03Content a:link, .column03Content a:visited {
                                font-family: Arial, Helvetica, Sans-serif;
                                font-size: 10px;
                                color: #666666;
                                text-decoration: none;
                        }

                        .column03Content a:hover {
                                font-family: Arial, Helvetica, Sans-serif;
                                font-size: 10px;
                                color: #c90016;
                                text-decoration: underline;
                        }



/******************************************************************************
Navigation Classes
******************************************************************************/

#headLinks {
	background-image: url(images/header_nebula.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 80px;
	padding-top: 20px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}

	#headLinks a:link, #headLinks a:visited {
		font-family: Verdana, Arial, Helvetica, Sans-serif;
		font-size: 9px;
		font-weight: bold;
		color: #000000;
		text-decoration: none;
	}
	
		#headLinks a:hover {
			font-family: Verdana, Arial, Helvetica, Sans-serif;
			font-size: 9px;
			font-weight: bold;
			color: #d71818;
			text-decoration: underline;
		}



        .subNavigation {
                background-color: #f5f5f5;
                border-right: 1px solid #a8a8a8;
                padding-top: 14px;
                padding-bottom: 14px;
                padding-left: 4px;
                padding-right: 4px;
                font-family: Verdana, Arial, Helvetica, Sans-serif;
                font-size: 10px;
                font-weight: bold;
                color: #1a2e63;
        }

                .subNavigation a:link, .subNavigation a:visited {
                        font-family: Verdana, Arial, Helvetica, Sans-serif;
                        font-size: 10px;
                        font-weight: bold;
                        color: #1a2e63;
                        text-decoration: none;
                }

                .subNavigation a:hover {
                        font-family: Verdana, Arial, Helvetica, Sans-serif;
                        font-size: 10px;
                        font-weight: bold;
                        color: #d71818;
                        text-decoration: underline;
                }


        .subNavigationThird {
                padding-top: 4px;
                padding-right: 14px;
                font-family: Verdana, Arial, Helvetica, Sans-serif;
                font-size: 9px;
                font-weight: normal;
                color: #0061a9;
        }

                .subNavigationThird a:link, .subNavigationThird a:visited {
                        font-family: Verdana, Arial, Helvetica, Sans-serif;
                        font-size: 9px;
                        font-weight: normal;
                        color: #0061a9;
                        text-decoration: none;
                }

                .subNavigationThird a:hover {
                        font-family: Verdana, Arial, Helvetica, Sans-serif;
                        font-size: 9px;
                        font-weight: normal;
                        color: #d71818;
                        text-decoration: underline;
                }


        .subSeperator {
                background-color: #dadada;
                border-right: 1px solid #a8a8a8;
        }





/******************************************************************************
Interface Classes
******************************************************************************/

        #bodySplit {
                background-image: url(images/bg_split_loop.gif);
                background-repeat: repeat-x;
        }

        .contentWidth {
                overflow: visible;
                width: 980px;
        }


        .headerLoopLeft {
                background-image: url(images/bg_header_left_loop.gif);
                overflow: hidden;
                width: 50%;
        }

        .headerLoopRight {
                background-image: url(images/bg_header_right_loop.gif);
                overflow: hidden;
                width: 50%;
        }

                #headerLoopRightOverflow {
                        background-image: url(images/bg_header_right_overflow.gif);
                        background-repeat: no-repeat;
                        overflow: hidden;
                        width: 100%;
                }



/******************************************************************************
Footer Classes
******************************************************************************/
        
        .footerLeft {
                background-image: url(images/bg_footer_left.gif);
                width: 499px;
                padding-left: 40px;
                font-family: Arial, Helvetica, Sans-serif;
                font-size: 10px;
                color: #666666;
                line-height: 12px;
        }

                .footerLeft a:link, .footerLeft a:visited {
                        color: #3a3a3a;
                        text-decoration: none;
                }

                .footerLeft a:hover {
                        color: #d71818;
                        text-decoration: underline;
                }        


        .footerLeftEM {
                font-family: Arial, Helvetica, Sans-serif;
                font-size: 10px;
                color: #666666;
                font-weight: normal;
                text-decoration: none;
        }

                .footerLeftEM a:link, .footerLeftEM a:visited {
                        font-family: Verdana, Arial, Helvetica, Sans-serif;
                        font-size: 9px;
                        color: #20729a;
                        font-weight: bold;
                        text-decoration: none;
                }

                .footerLeftEM a:hover {
                        font-family: Verdana, Arial, Helvetica, Sans-serif;
                        font-size: 9px;
                        color: #d71818;
                        font-weight: bold;
                        text-decoration: underline;
                }


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

        .footerRight {
                background-image: url(images/bg_footer_right.gif);
                width: 401px;
                padding-right: 40px;
                font-family: Arial, Helvetica, Sans-serif;
                font-size: 10px;
                color: #666666;
                line-height: 12px;
        }
        
                .footerRight a:link, .footerRight a:visited {
                        color: #666666;
                        text-decoration: none;
                }

                .footerRight a:hover {
                        color: #d71818;
                        text-decoration: underline;
                }


        .footerRightEM {
                font-family: Verdana, Arial, Helvetica, Sans-serif;
                font-size: 9px;
                color: #3a3a3a;
                font-weight: bold;
                text-decoration: none;
        }
        
/*****************************************************************************/
/* Editor-friendly styles */



	.buttonTxt	{
		padding-bottom: 3px;
		color: #ffffff;
		font-family: Verdana, Arial, Helvetica, Sans-serif;
		font-size: 9px;
		font-weight: bold;
	}


/******************************************************************************
Commerce Form Element Classes
******************************************************************************/
.baskettitle
{color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; background: #082A62; height: 20px; padding-left: 4px;}

.input
{color: #636363; font-family: Arial, Helvetica, Sans-serif; font-size: 10px; height: 18px; width: 185px; border: 1px solid #7F9DB9}
.inputfree
{color: #636363; font-family: Arial, Helvetica, Sans-serif; font-size: 10px; height: 18px; border: 1px solid #7F9DB9}
.inputcustom
{color: #636363; font-family: Arial, Helvetica, Sans-serif; font-size: 10px; height: 20px; border: 1px solid #7F9DB9}

.textareasmall
{color: #636363; font-family: Arial, Helvetica, Sans-serif; font-size: 10px; height: 40px; width: 112px; border: 1px solid #7F9DB9}
.textarealarge
{color: #636363; font-family: Arial, Helvetica, Sans-serif; font-size: 10px; height: 80px; width: 185px; border: 1px solid #7F9DB9}
.textareacustom
{color: #636363; font-family: Arial, Helvetica, Sans-serif; font-size: 10px; height: 80px; width: 285px; border: 1px solid #7F9DB9}


/******************************************************************************
Added for Jen
******************************************************************************/
img.floatLeft {
	float:left;
	margin:10px;
}
img.floatRight {
	float:right;
	margin:10px;

}


h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:700;
	color:#000000;
}

img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 10px;
 
}

img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin: 10px;
} 

 ul li {
        list-style-position: outside;
        list-style-image:  url(images/bullet3.gif);
				font-family: Arial, Helvetica,
				sans-serif; 
				font-size: 11px; 
				color: #2d2d2d; 
				line-height: 18px;
        }




#productcontainer {
	width:100%;
	}

#productheader {
	text-align:center;
	width:230px;
	border: #ccc 1px solid;
	float:left;
	height:330px;
	}

#productcenter {
	}


	
#productdescript {
	margin-left:5px;
	width:220px;
	text-align:left;
	margin-top:0px;
	height:175px;
	
	}

#productdescript p {
	text-align:left;
	margin-left:5px;
	margin-top:5px;
	}

#productinfo {
	width:240px;
	float:left;
	}



#productinfo ul, #productinfo li {
	list-style-position: outside;
    list-style-image:  url(images/bullet.gif);	
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color:#2d2d2d; 
	line-height: 18px;
	margin-top:2px;
	}

.producthighlight {
	font-size: 12px;
	font-weight: bold;
	color: #003399;
	margin-top:0px;
	margin-bottom:0px;
	}

#productpricing {
	margin-top:5px;
	margin-bottom:10px;
	}

#productpricing p {
font-size: 12px;
	font-weight: bold;
	color: #003399;
	margin-top:0px;
	margin-bottom:0px;
	}
	
#productcontacts {
	text-align:center;
	margin-top:0px;
	padding:0px;
	}
	
/* July */

.headername {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003399;
	text-align:center;
}

.even {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2d2d2d; line-height: 16px;  text-align:center;  }

.odd {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2d2d2d; line-height: 18px; text-align:center; background-color:#E6EAFF; }

.productlabel {
	font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #2d2d2d; font-weight:bold; line-height: 18px;  }

.productmatrix {
	width:100%; border:#CCCCCC solid 2px;
	}

.headerrow {
	text-align:center;
	border-bottom:#f6f6f6 solid 2px;
	}