/*Form*/

.detailBlock
{
	margin: 0 0 5px 0;
	border: #FFFFFF 0px solid;
	padding: 0;
	width: 680px;
	height: 31px;
}

.detailTitle
{
    clear:both;
	float: left;
	text-align: left;
	font-weight: bold;
	color: #901a1d;
	margin: 0px 0px 4px 4px;
	padding: 4px 0 0 0;
	width: 200px;
}

.detailBlockError .detailTitle
{
    color:#383838;
}

.requiredFieldIndicator
{
    float:left;
	text-align: right;
	font-weight: bold;
	color: #c5122a;
	margin: 0;
	padding: 2px 4px 0 0;
	width: 10px;
}

.detailBlock .requiredFieldValidator, .detailBlockError .requiredFieldValidator
{
	background-color: #fcfcfc;
	border: dotted 1px #cccccc;
	line-height: 100%;
	color: #c5122a;
	font-size: 11px;
	padding: 2px;
	margin-left: 4px;
	height: 22px;
}

.hint
{
    float: left;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	color:#333333;
	margin: 0;
	padding:2px;
	width: 230px;
	line-height:130%;
}

.detailInput INPUT[type="text"]
{
	float: left;
	text-align: left;
	margin: 2px 0px 0px;
	padding: 0;
	width: 200px;
}

.detailInputDateTime INPUT[type="text"]
{
	float: left;
	text-align: left;
	margin: 2px 0px 0px;
	padding: 0;
	width: 178px;
}

.detailInputFullWidth INPUT[type="text"]
{
	float: left;
	text-align: left;
	margin: 4px 0px 0px;
	padding: 0;
	width: 380px;
}

.detailInput SELECT
{
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-top:3px;
	width: 202px;
	font-size: 12px;
	height: 24px;
}

.detailInput
{
	float: left;
	text-align: left;
	margin: 2px 0px 0px;
	padding: 0;
	width: 200px;
}

.detailInputDateTime
{
	float: left;
	text-align: left;
	margin: 2px 0px 0px;
	padding: 0;
	width: 200px;
}

.detailBlockError
{
	margin: 0 0 5px 0;
	width: 680px;
	border: red 1px solid;
	background-color: #ffcccc;
	padding: 0;
	height: 31px;
}

.detailBlockLarge
{
	margin: 0 0 5px 0;
	padding: 0;
	width: 680px;
	height: 200px;
}

.detailBlockLarge p
{
	margin: 0;
	padding: 0;
}

.detailBlockLarge .detailTitle
{
	float: left;
	text-align: left;
	font-weight: bold;
	color: #901a1d;
	margin: 0px 0px 4px 4px;
	padding: 4px 0 0 0;
	width: 200px;
}

.detailBlockLarge .requiredFieldValidator, .detailBlockLargeError .requiredFieldValidator
{
	background-color: #fcfcfc;
	border: dotted 1px #cccccc;
	line-height: 100%;
	color: #c5122a;
	font-size: 11px;
	padding: 2px;
	margin-left: 4px;
	height: 22px;
}

.detailBlockLarge .hint
{
    float: left;
	text-align: left;
	font-weight: normal;
	color:#333333;
	margin: 0;
	padding: 4px 4px 0 4px;
	width: 230px;
	line-height:130%;
}

.detailBlockLarge .detailInput TEXTAREA
{
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height:180px;
}

.detailBlockLarge .detailInputFullWidth TEXTAREA
{
	float: left;
	text-align: left;
	margin: 4px 0 0 0;
	padding: 0;
	width: 380px;
	height:180px;
}

.detailBlockLarge .detailInput SELECT
{
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height: 200px;
	border:1px solid #292464;
}

.detailBlockLarge .detailInputFullWidth SELECT
{
	float: left;
	text-align: left;
	margin: 4px 0 0 0;
	padding: 0;
	width: 380px;
	height:200px;
	border:1px solid #292464;
}

.detailBlockLarge .detailInput
{
	float: left;
	text-align: left;
	margin: 2px 0px 0px;
	padding: 0;
	width: 200px;
}

.detailBlockLarge .detailInput p
{
	margin-top: 0px;
}

.detailBlockLargeError
{
	margin: 0 0 5px 0;
	width: 680px;
	border-right: red 1px solid;
	border-top: red 1px solid;
	border-left: red 1px solid;
	border-bottom: red 1px solid;
	background-color: #ffcccc;
	padding: 0;
	height: 200px;
}

.detailBlockLargeError p
{
	margin: 0;
	padding: 0;
}

.detailBlockLargeError .detailTitle
{
	float: left;
	text-align: left;
	font-weight: bold;
	color:#383838;
	margin: 0px 0px 4px 4px;
	padding: 4px 0 0 0;
	width: 200px;
}

.detailBlockLargeError .requiredFieldValidator
{
	background-color: #fcfcfc;
	border: dotted 1px #cccccc;
	line-height: 100%;
	color: #c5122a;
	font-size: 11px;
	padding: 2px;
	margin-left: 4px;
	height: 22px;
}

.detailBlockLargeError .hint
{
    float: left;
	text-align: left;
	font-weight: normal;
	color:#383838;
	margin: 0;
	padding: 4px 4px 0 4px;
	width: 230px;
	line-height:130%;
}

.detailBlockLargeError .detailInput INPUT
{
	float: left;
	text-align: left;
	margin: 4px 0px 0px;
	padding: 0;
	width: 200px;
}

.detailBlockLargeError .detailInput TEXTAREA
{
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 200px;
	height:180px;
}

.detailBlockLargeError .detailInput SELECT
{
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	margin-top:3px;
	width: 200px;
}

.detailBlockLargeError .detailInput p
{
	margin-top: 0px;
}

.clear
{
    clear:both;
}

/*Form validator tooltip*/
/* The hint to Hide and Show */
.hinttip
{
   	display: none;
    position: absolute;
    width: 190px;
    margin-top: -4px;
    margin-left:20px;
    border: 1px solid #c93;
    padding: 8px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../../images/Pioneer/pointer.gif) no-repeat -10px 5px;
    color:#383838;
    font-size:10px;
    font-weight:bold;
    line-height:130%;
}

/* The pointer image is hadded by using another span */
.hinttip .hint-pointer
{
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../../images/Pioneer/pointer.gif) left top no-repeat;
    line-height:130%;
}

/*Form validator tooltip*/
/* The hint to Hide and Show */
.hinttiplarge
{
   	display: none;
    position: absolute;
    width: 190px;
    margin-top: 38px;
    margin-left: -580px;
    border: 1px solid #c93;
    padding: 8px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../../images/Pioneer/pointerlarge.gif) no-repeat -10px 5px;
    color:#383838;
    font-size:10px;
    font-weight:bold;
    line-height:130%;
}

/* The pointer image is hadded by using another span */
.hinttiplarge .hint-pointer
{
    position: absolute;
    left: 174px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../../images/Pioneer/pointerlarge.gif) left top no-repeat;
}

hinttipHidden
{
	visibility:hidden;
}

.button
{
	background:url(../../images/emc/buttonBackground.jpg) top left repeat-x;
	border:0px;
	font-size: 13px;
	font-weight: bold; 
	color: #FFFFFF;
	letter-spacing:0px;
	height:29px;
	padding:0px;
}

.buttonHover
{
	background:url(../../images/emc/buttonBackgroundHover.jpg) top left repeat-x;
	border:0px;
	font-size: 13px;
	font-weight: bold; 
	color: #FFFFFF;
	letter-spacing:0px;
	height:29px;
	padding:0px;
}

.buttonborder
{
	background:url(../../images/emc/buttonBorder.gif) top left repeat-x;
	padding-left:1px;
	padding-right:1px;
	font-size:22px;
}

.detailCalendarImage
{
    position:relative;
	top: 4px;
	left: 4px;
	width: 16px;
	height: 16px;
}

.detailCalendar
{
    position:relative;
    float:left;
}

.detailCalendar .ajax__calendar_container
{
    border:1px solid #646464;
    background-color: #FFFFFF;
    color: red;
    position:relative;
    float:left;
}

.ajax__calendar_container {padding:4px;position:absolute;cursor:default;width:170px;font-size:11px;text-align:center;font-family:tahoma,verdana,helvetica;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.ajax__calendar_container TABLE {font-size:11px;}
.ajax__calendar_header {height:20px;width:100%;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-left.gif")%>);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(<%=WebResource("AjaxControlToolkit.Calendar.arrow-right.gif")%>);}
.ajax__calendar_title {cursor:pointer;font-weight:bold;}
.ajax__calendar_footer {height:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:17px;width:17px;text-align:right;padding:0 2px;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#ffffff;color:#000000;}
.ajax__calendar .ajax__calendar_footer {border-top:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_dayname {border-bottom:1px solid #f5f5f5;}
.ajax__calendar .ajax__calendar_day {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:1px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:1px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#edf9ff;border-color:#0066cc;color:#0066cc;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#646464;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#646464;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#0066cc;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}

.detailWatermark
{
	color: #DCDCDC;
}

/*Catalogue*/
#cataloguecriteriacontainer
{
    height:70px;
}

.cataloguecriteria
{
    float:left;
    margin-right:10px;
    color:#FFFFFF;
}

.cataloguesearch
{
    margin-top:22px;
    color:#FFFFFF;
    font-weight:bold;
}

.cataloguecriteriacontrol
{
    
}

.cataloguecriteriacontrol INPUT
{
    width:100px;
}

.cataloguegobutton
{
    margin-top:15px;
}

.catalogueimage
{
    border:1px solid #EEEEEE;
}

.catalogueimage a:link, .catalogueimage a:active, .catalogueimage a:hover, .catalogueimage a:visited
{
    border:1px solid #EEEEEE;
}

.productdetailsbuttons
{
    clear:both;
    margin-top:5px;
}

.calaloguebreadcrumb
{
    margin-top:15px;
    margin-left:20px;
    margin-bottom:15px;
    font-weight:bold;
}

.calalogueheaderprompt
{
    margin-top:30px;
    margin-left:20px;
    font-weight:bold;
    color:#FFFFFF;
}

.cataloguedescription
{
    width:150px;
    height: 40px;
}

.productdescription
{
    width:150px;
    font-size:10px;
    line-height:100%;
}

.productname
{
	margin-top: 4px;
	font-size:10px;
	font-weight: bold;
	height: 30px;
}

.quizheaderprompt
{
    margin-top:30px;
    margin-left:5px;
    font-weight:bold;
}

.quizquestion
{
    margin-top:5px;
    margin-left:5px;
    font-weight:bold;
}

.newordercategory
{
    float:left;
    margin-right:10px;
    width: 150px;
}

.neworderproduct
{
    float:left;
    margin-right:10px;
    width: 190px;
}

.neworderproduct SELECT
{
    width: 190px;
}

/*Products Page*/
.producttitle
{
    margin-left:10px;
    font-weight:bold;
    height:25px;
}

.productherocontainer
{
    float:left;
    margin-left:8px;
    margin-right:8px;
    margin-bottom:10px;
    margin-top:10px;
    border:1px solid #d9d9d9;
    background-color:#FAFAFA;
    padding:10px;
    width:300px;
    text-align:center;
}

.productimage
{
    background-color:#FFFFFF;
    border:1px solid #EEEEEE;
}

.productdetailcontainer
{
    float:left;
    margin-left:8px;
    margin-bottom:10px;
    margin-top:10px;
    width:270px;
}

.productdetailtitle
{
    float:left;
    font-weight:bold;
    width:100px;
}

.productdetailleft
{
    float:left;
    font-weight:normal;
}

.productdetailright
{
    float:left;
    font-weight:normal;
    text-align:right;
    width:170px;
}

.productdetailclear
{
    clear:both;
    height:20px;
}

.productdetailbuttonscontainer
{
    bottom:0px;
}

.productdetailbuttonsclear
{
    height:20px;
}

.productdetailbuttons
{
    width:100px;
}

.productdetailbuttonsmall
{
    background:url(../../images/Pioneer/smallGenericButtonBackground.jpg) top center repeat-x;
    height:16px;
    border:0px;
    color:#FFFFFF;
    font-size:9px;
    font-weight:normal;
    padding-left:2px;
    padding-right:2px;
    text-align:center;
    margin-bottom: 3px;
    width:84px;
}

.productdetaildescription
{
    clear:both;
    margin-left:10px;
    margin-right:10px;
    font-size:11px;
    line-height:130%;
}

.dhtmlselect{ /*style of DHTML Select Menu, main box */
width: 140px; /*default  width of main box */
border: 1px solid black;
position: relative;
text-indent: 3px;
padding: 1px 0;
cursor: hand;
cursor: pointer;
background-color: #F0F0F0;
}

.dhtmlselect .downimage{ /*style of "down" image to the right of the DHTML Select Menu*/
position: absolute;
right: -25px;
}

.dhtmlselect .dropdown{ /*style of Drop Down Menu that appears onMouseover */
position: absolute;
left: 0;
width: 180px; /*default width of drop down menu*/
border:1px solid #292464;
border-bottom-width: 0;
display: none;
z-index: 5;
font-weight: normal;
}

.dhtmlselect .dropdown a{ /*style of Drop Down Menu's links */
width: auto;
display: block;
background: #fff7d1;
border-bottom: 1px solid black;
padding: 1px 0;
text-indent: 5px;
text-decoration: none;
color: black;
}

* html .dhtmlselect .dropdown a{ /*IE 6 (and below) hack */
width: 100%;
}

.dhtmlselect .dropdown a:hover{
background: #ffe469;
}

#ctl00_ContentPlaceHolder1_UpdateProgress1
{
	z-index:999;
}