﻿/*
Product Detail Modal Styles
*/
#customoptions-modal-content, #customoptions-modal-data {display:none;}

/* Overlay */
#customoptions-overlay {background-color:#000; cursor:wait;}

/* Container */

#customoptions-container {width:600px; max-height:600px; background:#f4f4f4; border:1px solid #d1d1d0; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 10px 10px 10px; margin:0 0 10px 0;}
#customoptions-container #customoptions-modal-title {font-size:1em; font-weight:bold; text-align:left; color:#894900; padding:3px 0 13px 0; margin:0; background:url('/include/site/multimedia/images/spacedot.gif') repeat-x bottom;}
#customoptions-container .close {display:none; float:right;}
#customoptions-container .close a {display:block; color:#777; font-size:.8em; font-weight:bold; padding:6px 12px 0; text-decoration:none; text-shadow:0 1px 0 #f4f4f4;}
#customoptions-container .close a:hover {color:#000;}
#customoptions-container #customoptions-modal-data {padding:6px 12px; height:500px; max-height:500px;}

.pic_modal							{height:400px; max-height:400px; overflow:auto; padding-bottom:10px; margin-bottom:10px; }
.pic_modal p						{font-size:.9em; color:#4a4a4a; line-height:1.5em; padding:5px 10px;}
.pic_modal h5						{font-size:1em; text-align:left; color:#894900; padding:3px 0 13px 0; margin:0; background:url('/include/site/multimedia/images/spacedot.gif') repeat-x bottom;}
.pic_modal ul						{margin:0 0 5px 0; padding:0; list-style-type:none; color:#4a4a4a; font-size:.8em; text-align:left;}
.pic_modal ul li					{margin:0; padding:4px 0 4px 25px; border-bottom:1px dotted #e3e3e3;}
.pic_modal ul li .error			{color:Red;}
.pic_modal .pf						{background:#f4f4f4 url('/include/site/multimedia/images/featuresarrow1.gif') no-repeat 18px 9px; display:block; font-size:.9em; color:#894900; text-decoration:none; padding:4px 5px 5px 25px; margin:0 0 5px 0;}
.pic_modal .pf:focus				{outline:none;}
.pic_modal .pf:hover				{background:#e3e3e3 url('/include/site/multimedia/images/featuresarrow1.gif') no-repeat 18px 9px;}
.pic_modal .sel					{background:#e3e3e3 url('/include/site/multimedia/images/featuresarrow2.gif') no-repeat 16px 10px; display:block; font-size:.9em; color:#894900; text-decoration:none; padding:4px 5px 5px 25px; margin:0 0 5px 0;}

/* -- Trailer Customization-Related Styles -- */

	.optionsheader
	{
		font: bold 13pt;
		margin-bottom: 20px
	}

	.optionlisttable
	{
		width: 400px;
		border: 0px solid;
		font-size: 9pt;
		border-bottom: #DDDDDD 1px solid		
	}

	.optioncat
	{
		padding-left: 3px;
		/* background-color: #ABDBFB; */
		color: White;
		background-color: #004471;
		font-weight: bold;
		border-bottom: #47B6FF 1px solid		
	}
	
	.optionrow 
	{
		padding: 2px 2px 2px 7px;
		border-bottom: #D9D9D9 1px solid			
	}

	.equip, .addoptions {
		border-right: black 1px solid;
		border-top: black 1px solid;
		border-left: black 1px solid;
		border-bottom: black 1px solid;
		margin-bottom: 30px }
		
	.equip  {
		text-align: left;
		width: 450px }
		
	.equipcolor
	{
		padding-right: 0px;
		margin-top: 0px;
		padding-left: 0px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		border-top-style: none;
		padding-top: 0px;
		border-right-style: none;
		border-left-style: none;
		border-bottom-style: none;
	}
				
	.equipitem {
		padding-right: 12px;
		border-top: #ffffff 1px solid;
		padding-left: 12px; font-size: 9px;
		padding-bottom: 2px;
		padding-top: 2px;
		border-bottom: #bbbbbb 1px solid;
		font-family: "verdana", "arial";
		background-color: #eeeeee }
		
	.equipcat {
		padding-right: 8px;
		border-top: #eeeeee 1px solid;
		padding-left: 8px;
		font-weight: bold;
		font-size: 9px;
		padding-bottom: 2px;
		padding-top: 2px;
		border-bottom: #aaaaaa 1px solid;
		font-family: "verdana", "arial";
		background-color: #dddddd }
	
	.trailerprice 
	{
		background-color: #dddddd;
		font-size: 13pt;
		color: #ff0000;
	}
	
	.optctrlsubbox 
	{
		margin-left: 10px; padding-left: 10px;
		border-left: #aaaaaa 1px solid
	}
	
	.helptext 
	{
		padding: 4px;
		background-color: #FDFAD6;
		border: solid 1px #000000
	}
				
	.error { color: #ff0000 }
	select.oglistbox { font-size: xx-small }
	input.ogtextbox { font-size: xx-small }

/* -- Used when customizing options, above this line,
      I had nothing to do with, you can blame that on Jake's crazy mad skill -- */

.customoption                       {display:block; margin:0 10px 5px 0; font-size:.8em; padding:6px 0 10px 0; border-bottom:1px dotted #ddd;}
.customoption .price                {float:right; margin:5px 0 0 0; font-weight:bold; color:#9d4200;}