/*  TemplateName=CustomStyle.tpt */


/*  $Header: /home/cvs/cvsroot/site_data/001/00000001/static_data/css/CustomStyle.css,v 1.8 2003/07/24 23:47:39 paulj Exp $  */


/*
	These are the styles peculiar to this site. Any styles
	specified in this file will override the baseline
	styles for the Convio product. The styles	must be in
	this file so that they will be available in th
	Internet Exporer WYSIWYG HTML editor as well as in the
	Page Wrapper.

	Convio does not maintain this file once it has been
	delivered to the client.
*/

/* this starts the styles for the blueprint wrapper */

P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}

body {  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

hr {
	margin-right: 10;
	margin-left: 10;
	width: 100%;
	height: 1px;
	background-color: #000000;
	border: 0px solid #000000;
}

a.topNav:link,
a.topNav:active,
a.topNav:visited {
	color: white;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a.topNav:hover {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: underline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

a, a:link, a:visited {
	color : #039;
	font-size: 10pt;
	text-decoration : underline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

a:hover, a:active {
	color : #36c;
	font-size: 10pt;
	text-decoration : underline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.SectionHead {
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

p.cstmTitle {
	font-size: 14pt;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.ObjTitle {
	color: #039;
	font-size: 12pt;
        font-family: Arial, Helvetica, Verdana, sans-serif;
}

.ProgressBox {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

.ProgressBoxCurrent {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

table.ProgressBox {
	padding-right : 4px;
	padding-left : 4px;
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

a.ProgressBox:link {
	font-size: 8pt;
	text-decoration:none;
}

a.ProgressBox:visited {
	font-size: 8pt;
	text-decoration:none;
}

a.ProgressBox:hover {
	font-size: 8pt;
	font-weight: bold;
	text-decoration:none;
}

.Instructions {
	color: white;
	background-color : #069;
	background-image: URL(../images/sp.gif);
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 4px 4px 1px 4px;
	margin-bottom: 0px;
	margin-top: 0px;
}

td.Instructions {
	border-bottom: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
}

a.whitelink, a.whitelink:link, a.whitelink:visited, a.whitelink:hover, a.whitelink:active {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

.FormBox {
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: white;
	background-image: URL(../images/sp.gif);
}

div.FormBox {
	border: #669 1px solid;
	background-color: white;
	background-image: URL(../images/sp.gif);
	padding: 0px;
	width: 600px
}

div.FormBoxNoWidth {
	border: #669 1px solid;
	background-color: white;
	background-image: URL(../images/sp.gif);
	padding: 0px;
}

table.FormBox {
	border: #669 1px solid;
	border-collapse: collapse;
}

.FormBox .Divider {
	background-color: white;
}

.FormBoxNoWidth .Divider {
	background-color: white;
}

.FormBox .dividerHeading {
	background-color: white;
}

.FormBoxNoWidth .dividerHeading {
	background-color: white;
}

/* this ends the styles for the blueprint wrapper */


/*hide the blue page header area*/
#title {display:none;}

/*hide the 'skip' button in Survey*/
#ACTION_CANCEL_RESPONSE_SUBMIT {display:none;}

/*make form elements Arial*/
input, select, textarea, option {font-family:Arial;}

/*left nav: force IE styles*/
#secondary-div p a:hover, #secondary-div p a:visited {font-size:10px;color:#4C4634;}
#secondary-div.no-print div.secondary-header p a:hover, #secondary-div.no-print div.secondary-header p a:visited{font-size:10pt;color:#4c4634;text-decoration:none;}
#secondary-div.no-print div.secondary-store p a:hover, #secondary-div.no-print div.secondary-store p a:visited {font-size:12px;color:#4c4634;text-decoration:none;}



/* OVER RIDE CONTENT-TEXT*/

#content-text{
        padding:0px;
        width:710px;
}

div.appArea{
width:710px;
margin:0px;
}

div.appArea p{
margin-left:10px;
}

.ProductDetailsHeader{
margin-left:20px;
width:682px;
}

.ShoppingCrossSell{
margin-left:20px;
width:700px;
}

.ShoppingCartContents{
        margin-left:20px;
        width:682px;
        margin-bottom:10px;
}


/*STORE STYLES*/

#storeCommon{
	width:710px;
	position:relative;
}

#IEroot #storeCommon{
	width:720px;
position:relative
}

#storeWrapper{
	width:710px;
position:relative;
}

#IEHome #storeWrapper{
	width:720px;
position:relative;
}

#IEHome #storeWrapper table{
        width:98%;
}

#storeHead{
	width:100%;
	background-color:#76abde;
	height:62px;
}
#storeNav{
	width:100%;
	background-color:#95bde5;
}
#storeNav ul{
	float:left;
	margin:0px;
	padding:0px;
	border-top:2px solid #ffffff;
	border-bottom:2px solid #ffffff;
	width:100%;
}
#storeNav ul li{
	float:left;
	list-style-type:none;
	background-color:#95bde5;
	border-right: 1px solid #ffffff;
	padding:15px;
}
#storeNav a{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
#storeNav a:hover{
	text-decoration:underline;
}
#storeMessage{
	background-color:#105aa2;
	padding:2px 50px 2px 15px;
}

#storeMessage p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

#storeLeftCol{
	width:49.5%;
	float:left;
	border-right:1px solid #ffffff;
}
#storeRightCol{
	width:50%;
	float:right;
}
.storeObj{
	background-color:#76abde;
	border-top:1px solid #FFFFFF;
	height:120px;
	position:relative;
}
.storeObj img.item{
	float:left;
	margin: 0px 0px 0px 10px;
}
.storeObj span{
	position:absolute;
	width:55%;
	display:block;
	left: 120px;
	bottom: 10px;
	
}
.storeObj h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	margin:0px;
}
.storeObj a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2369ad;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:120px;
	height:12px;
	background-image:url(https://secure2.convio.net/thenc/images/content/pagebuilder/10729.gif);
	background-position: bottom right;
	background-repeat:no-repeat;
}
.storeObj a:hover{
	text-decoration:underline;
}
.clear{
	clear:both;
}
