/* CSS for Vecci Construct */

html
{ 
	background-color:#FFFFFF;
}

form
{
	margin:0;
	padding:0;
}


.veccibrownbg
{
	margin:0;
	background: #Afa7a0;
}

#leftnavtop
{
	margin:0;
	background: #Afa7a0;
}

.veccibagebg
{
	margin:0px;
	background:#F2f0ef;
}

#leftnav
{
	margin:0px;
	background:#F2f0ef;
}

#leftnav
{
	display:block;
}

#leftnavtop
{
	padding: 7px 0px 9px 14px; 
}

/** START Search CSS**/
#resultsinfo
{
	background:#eae8e6;
	margin: 20px 0px;
	width:100%;
	height: 28px;
	padding:0px;
	
}

#resultsinfo .left
{
	background: transparent url(../vecciImages/vecci_resultinfo_left.gif) no-repeat scroll left center;
	width:3px;
	height: 28px;
	float:left;
}

#resultsinfo .right
{
	background: transparent url(../vecciImages/vecci_resultinfo_right.gif) no-repeat scroll right center;
	width:3px;
	height: 28px;
	float:right;
}

.bagecurved
{
	position: relative;
	background:#E1DEDC;
	vertical-align: top;top: 0;
	/*margin: 0px 0px 10px;*/
}

#login
{
	position: relative;
	background:#e7e4e2;
	vertical-align: top;
	top: 0;
	/*margin: 0px 0px 10px;*/
}

.bagecurved
{
	padding:0;
	margin:0px;
}

#login
{
	/*height: 167px;*/
}

#loginform
{	
	padding: 0 0 0 7px;
	background:#e7e4e2;	
	
}

#pagetop
{
	text-align:right;
	float:right;
	clear:both;
}

/** END Search CSS**/



/** CSS Classes**/
.veccifloatleft
{
	float:left;
}

.vecciSiteActionMenu
{
	float:left;
	position:absolute;
	left:200px;

}

.leftnavimg
{
	border: 0px transparent none;
}

.headerform
{
	position:relative;
	color: #fff;
	position:absolute;
	right:200px;
	top:0pt;
}

.headerform td
{
	white-space:nowrap;
	padding:0;
	margin::0;
}

.whitefont
{
	color:#ffffff;
}

.gobutton
{
	position:relative;
	top:8px;
}



.leftcolumn
{
	float:left;
	margin:0;
	width: 200px;
	/*background:#F2F0EE;*/
	position:relative;
	z-index:0;
}

.mainContent
{
	float:left;
	margin: 0px 10px 0px 0px;
	width: 570px;
	height:auto;
}

.rightcolumn 
{
    float:right;
    width:180px;
    padding:0px 5px;
}

div.curvedtopbrownbg
{
	background: #Afa7a0 url(../vecciImages/vecci_curved_top_brown.gif) no-repeat scroll left top;
	height:6px;
	margin:0px;
	padding:0px;
	
}

.curvedbagebottom
{
	background: transparent url(../vecciImages/vecci_curved_bottom_bage.gif) no-repeat scroll left bottom;
	margin:0;
	height:6px;

}

.curvedrhsbottom
{
	background: transparent url(../vecciImages/vecci_rhcolumn_bage_bg.gif) no-repeat scroll left top;
	margin:0;
	height: 6px;
}

.curvedrhstop
{
	background: transparent url(../vecciImages/vecci_rhcolumn_bage_top_curve.gif) no-repeat scroll left bottom;
	margin:0;
	height:6px;
}

ul.leftnav
{
	margin:0px 0px 0px;
	padding:0px;
	width:200px;
}

ul.bizconleftnav
{
	margin:5px 0px 0px;
	padding:0px;
	width:200px;
}

ul.leftnav li
{
	margin: 0px 0px 0px 0px;
	padding:0px;
	list-style: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
}


ul.bizconleftnav li
{
	margin: 0px 0px 0px 0px;
	padding:0px;
	list-style: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position:relative;
}


#pageContents .leftnav li a
{
	font-weight:bold;
	font-size:12px;
	display:block;
	letter-spacing: 0.5px;
	padding: 8px 10px 5px 25px;
	background: #F2f0ef none repeat scroll 0% 50%;
	border-top: 1px #E7E4E2 solid;
}


.bizconleftnav li a
{
	font-weight:bold;
	font-size:12px;
	display:block;
	letter-spacing: 0.5px;
	padding: 8px 10px 5px 25px;
	background: #F2f0ef none repeat scroll 0% 50%;
	border-top: 1px #E7E4E2 solid;
}

.first
{
	border: 0 transparent none;
}


.leftnav li a.first
{
	border: 0 transparent none;
}


.bizconleftnav li a.first
{
	border: 0 transparent none;
}


#pageContents .leftnav li a:hover
{
	font-weight:bold;
	color:#3C4650;
	background: #F7F6F5 none repeat scroll 0% 50%;
	text-decoration:none;
}


.bizconleftnav li a:hover
{
	font-weight:bold;
	color: #0A67A7;
	background: #F7F6F5 none repeat scroll 0% 50%;
}

.leftnav li a.active
{
	background: #F7F6F5 url(../vecciImages/vecci_arrow_bullet.gif) no-repeat scroll 10px 50%;
}

.leftnav li a:active
{
	background: #F7F6F5 url(../vecciImages/vecci_arrow_bullet.gif) no-repeat scroll 10px 50%;
}

.bizconleftnav li a:active
{
	background: #F7F6F5 url(../vecciImages/vecci_bizcon_arrow_bullet.gif) no-repeat scroll 10px 50%;
}

.leftnav li ul
{
	margin:0px;
	padding:0px;
	
}

#pageContents .leftnav li ul li a
{
	font-weight:normal;
	background: #F7F6F5 ;
	border: 0 none;
	padding: 2px 0px 5px 35px;
	display:block;
	letter-spacing: 0px;
}

.leftnav li ul li a:active
{
	font-weight:normal;
	background: transparent;
	background: #F7F6F5 ;
}

.leftnav li ul li a:hover
{
	font-weight:normal;
	background: transparent;
	background: #F7F6F5 ;
}

.breadcrumbs 
{
	width:auto;
	margin: 0 0px 15px 0px;
}

.breadcrumbs a, .breadcrumbsactive
{
	color: #3C4650;
	font: 11px, Arial;
	text-decoration: none;
}


.breadcrumbs a:hover
{
	color: #0078C9;
}

/* START Search CSS*/
div.bluepanel p
{
	margin: 5px 10px;
	display: inline;
}

span.searchoutput
{
	margin: 5px 10px;
	display: inline;
}

span.searchparameter
{
	margin: 5px 10px;
	display: inline;
}

span.searchparameter
{
	float:left;
}

span.searchoutput
{
	float:right;

}

.searchnav
{
	height: 15px;
	width: 100%;
	margin:5px 0px;	
	display: block;
}

.searchnav a img
{
	margin: 0px 3px 0 0;
}

.searchnav a:active
{
	color:#3C4650;
}

.searchnav a:hover
{
	color:#3C4650;
}

.searchpages
{
	float:left;
	width:60%;
	margin:0px 10%;
	text-align:center;
}

.searchresultspanel
{
	width:100%;
	margin: 0px 0 15px;
	padding: 5px 0 0;
}

.searchresultspanel h4
{
	margin: 8px 0px 5px;
	color: #0078C9;
}

.searchresultspanel p
{
	margin: 8px 0px;
	line-height:15px;
}

.resultdivider
{
	color: #E4E1DC;
	width:100%;
	height:0.5px;
	margin: 2px 0px;
	border-style:solid;
}

div.bluepanel
{
	background: #0C7CC8;
	/*margin: 20px 0px;
	width:100%;*/
	height: 28px;
	padding:0px;
	color: #ffffff;
}

table.searchagain
{
	width:100%;
}

div.bluepanel .left
{
	background: transparent url(../vecciImages/vecci_bluepanel_left.gif) no-repeat scroll left center;
	width:3px;
	height: 28px;
	float:left;
}

div.bluepanel .right
{
	background: transparent url(../vecciImages/vecci_bluepanel_right.gif) no-repeat scroll right center;
	width:3px;
	height: 28px;
	float:right;
}

div.bluepanel p
{
	float: left;
}

div.bluepanel a img
{
	margin: 0px 10px 0px 0px;
}

div.bluepanel a
{
	color: #ffffff;
	font-weight: bold;
	vertical-align: middle;
	font-size: 12px;
}

div.bluepanel a:hover
{
	color: #c6ebff;	
}

.marginfix
{
	margin:11px 5px 5px 10px;
}

.vecciblue
{
	color:#0078C9;
}


/* END Search CSS*/

/**START Gallery Styles**/
table.gallery 
{
	margin: 10px 0px;
	width:100%;
}

.gallery td
{
	margin: 0 6px;
	width:132px;
	vertical-align:top;
}

.gallery td p
{
	margin:3px 0;
	padding:0;
	font-size:11px;
	line-height: 15px;
}


/**START Product Details Styles*/
#productinfo
{
	padding: 10px 0 10px 0;
	clear:both;
}

#shoppingcart
{
	height:115px;
	padding: 6px 0 0 7px;
	background:#E1DEDC;	

}

#logininfo
{
	padding: 6px 0 0 8px;
	min-height:70px;
	font-size:11px;
}

.productimage
{
	border: 1px #E4E1DC solid;
	margin: 0 20px 0 0;
	float:left;
	padding: 10px;
	width:270px;
}

.productimage img
{
	margin:3px auto;
}

.productimagesmall
{
	border: 1px #E4E1DC solid;
	margin: 0 20px 0 0;
	float:left;
	width: 131px;
	text-align:center;
	padding: 10px 0px;
}

.productdetails
{
display:block;
	float:left;
	clear:right;
}

.productdescription
{
	float:left;
	width:100%;
	margin: 10px 0 0px;
}
/**START My Account styles**/

.veccibox
{
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #E4E1DC;
}

.veccibox label
{
	font-size: 1.1em;
}

.vecciboxhead
{
	font-weight: bold;
	background: transparent url(../vecciImages/vecci_box_bg.gif) repeat-x scroll center top;
	height: 28px;
}

.vecciboxhead .left
{
	background: transparent url(../vecciImages/vecci_box_left.gif) no-repeat scroll left center;
	width:3px;
	height: 28px;
	float:left;
}

.vecciboxhead .title
{
	font-weight: bold;
	padding: 7px 0px 0px 12px;
	vertical-align:bottom;
	float:left;
}

.vecciboxhead .right
{
	background: transparent url(../vecciImages/vecci_box_right.gif) no-repeat scroll right center;
	width:3px;
	height: 28px;
	float:right;
}


.vecciboxcontent
{
	border-left: 1px solid #E4E1DC;
	border-right: 1px solid #E4E1DC;
	background: #FAFAF9;
	padding: 10px 15px;
}

/*Fix for Input width*/
.vecciboxcontent input[type="text"], .vecciboxcontent input[type="password"],.vecciboxcontent select,.vecciboxcontent textarea
{
	width:173px;
}

input[type="image"], input.image
{
	border:0 none transparent;
}

.vecciboxcontent table td
{
	/*min-width: 153px;*/
	width:199px;
	padding: 5px 0px;
}

.vecciboxcontent table td.fullwidth
{
	width:398px;
}

.vecciboxcontent table td label
{
	padding: 0 5px 0 0;
}

/*For sifr classes*/
.vecciheader
{
	padding: 5px 0;
}

span.vecciheader
{
	padding: 5px 0 10px;
}

.collapse{
	/**CSS to collapse and hide the td*/
	 width:0; 
	 height:0; 
	 overflow:hidden; 
	 visibility:hidden;
	 position:absolute;
}



.veccibox .tabtitle
{
	font-weight: bold;
	padding: 5px 50px;
	vertical-align:middle;
	font-size: 14px;
	background:#F2f0ef;
	border-left: 1px solid #E4E1DC;
	border-right: 1px solid #E4E1DC;

}

.formhelp
{
	margin: 15px 0 10px 15px;
}

.formhelp p {
	line-height:15px;
}

/*For Nested Tables*/
table.holder td
{
	width:auto;
	padding:0 10 5px 0px;
}

/**Start Calendar Tabs **/
table.calendartabs
{
	width:100%;
	padding:0;
	border-collapse:collapse;
}

table.calendartabs td.left
{
	background: transparent url(../vecciImages/vecci_tabs_leftbg.gif) no-repeat scroll left center;
	width:3px;
	height: 25px;
	padding:0;
}

table.calendartabs td.right
{
	background: transparent url(../vecciImages/vecci_tabs_rightbg.gif) no-repeat scroll right top;
	width:3px;
	height: 25px;
	padding:0;
}

table.calendartabs td.lasttab
{
	background: transparent url(../vecciImages/vecci_tabs_rightbg.gif) no-repeat scroll right top;
}

table.calendartabs td.firsttabselected
{
	border-bottom:1px solid #F2F0EF;
	border-left: 0 transparent none;
	border-right: 1px solid #E4E1DC;
	background: transparent url(../vecciImages/vecci_tabselected_bg.gif) repeat-x scroll center top;
	color:#3C4650;
}

table.calendartabs td
{
	background: transparent url(../vecciImages/vecci_tabs_bg.gif) repeat-x scroll center top;
	height: 25px;
	font-size: 1.1em;
	border-bottom: 1px solid #E4E1DC;
	padding: 0 0 0 5px;
}

table.calendartabs td a
{
	color: #ffffff;
	width:100%;
	display:block;
}

table.calendartabs td.firsttabselected a
{
	color: #3C4650;
}

table.calendartabs td.selected a
{
	color: #3C4650;
}

table.calendartabs td a:active
{
	color: #3C4650;
}

table.calendartabs td a:hover
{
	color: #3C4650;
}

table.calendartabs td.selected
{
	border-left: 1px solid #E4E1DC;
	border-right: 1px solid #E4E1DC;
	border-bottom: 0 transparent none;	
	background: transparent url(../vecciImages/vecci_tabselected_bg.gif) repeat-x scroll center top;
}
/**START Collapser**/
table.collapser 
{
	border-collapse:collapse;
	border-left: 1px solid #E4E1DC;
	border-right: 1px solid #E4E1DC;
	width: 100%;
}

.collapser th
{
	background:#F2f0ef;
	color:#3C4650;
	text-align:left;
	font-weight:bold;
}

.collapser caption
{
	background:#F2f0ef;
	color:#3C4650;
	text-align:left;
	font-weight:bold;
}

.collapser caption
{
	width:100%;
	padding: 15px 27px 15px 40px;
	vertical-align:middle;
	font-size: 14px;
	border-left: 1px solid #E4E1DC;
	border-right: 1px solid #E4E1DC;

}

.collapser th
{
	padding: 5px 5px;
}

.collapser td
{
	vertical-align:middle;
	border-top: 1px solid #E4E1DC;
	padding: 5px 5px;
}

.collapser tr.collapsedrow td
{
	padding: 5px 5px 5px 45px;
	border-top: 0px none;
	/**CSS to collapse and hide the td
	 width:0; 
	 height:0; 
	 overflow:hidden; 
	 visibility:hidden;
	 position:absolute;*/
}



/**START Event Details Styles**/
.veccievent
{
	width: 300px;
	clear:both;
}

.veccievent table
{
	width:100%;
}

.eventinfo
{
	width: 100%;
	border-top: 1px #E4E1DC solid;
	margin: 15px 0 0 0;
	padding: 20px 0 0 0;
}

/**START My account Purcases Styles **/

table.veccidatatable
{
	border-collapse:collapse;
	width:100%;
	
}

.veccidatatable th,.veccidatatable td
{
	text-align:left;
	padding: 5px 5px 5px 12px;
	
}

.veccidatatable th
{
	background: #F2F0EE url(../vecciImages/vecci_table_thbg.gif) repeat-x scroll top;
	border-right: 1px solid #E4E1DC;

}

.veccidatatable td
{
	background: #FAFAF9;
	border: 1px solid #E4E1DC;
}

.veccidatatable th.first,.veccidatatable th.last
{
	background: #F2F0EE  url(../vecciImages/vecci_table_left_thbgbig.gif) no-repeat scroll left top;	
}

.veccidatatable th.last
{
	background: #F2F0EE url(../vecciImages/vecci_table_right_thbgbig.gif) no-repeat scroll right top;
	border-right: 0px none;

}

.veccidatatable td.basefirst
{
	background: transparent url(../vecciImages/vecci_table_left_basetdbg.gif)  no-repeat scroll left bottom;
	border-left: 0px none;
	border-bottom: 0px none;
}

.veccidatatable td.baselast
{
	background: transparent url(../vecciImages/vecci_table_right_basetdbg.gif)  no-repeat scroll right bottom;
	border-right: 0px none;
	border-bottom: 0px none;
}

.ms-asset-icon
{
	position:relative;
	top:3px;
	margin:0pt 5px 0px 0px;
}
/**START Footer Styles**/
.footerclear
{
	clear:both;
	margin:5px 0;
	height:10px;
	
}

div.footerpanel
{
	display: block;
	width: 100%;
	height: 60px;
	margin: 10px 0 0 0;
	padding:0px;
	vertical-align: bottom;
	background:  transparent url(../vecciImages/vecci_footer_bg2.gif) repeat-x;
	font-size: 1.1em;
}

/***Custom Classes **/
.editModePanel
{
	width:100%;
}