﻿body { background:#e4e4e4; font-family:Arial; font-size:13px; line-height:18px; }        
#header { margin-top:20px; margin-bottom:20px; min-height:120px; font-size:28px; line-height:28px; }
#header table { min-height:120px; height:120px; width:940px; }
#header img { border-width:0px; } 
#header td { vertical-align:middle; } 
#navigation { float:right; }
#navigation a { display:block; height:45px; margin-left:10px; }
#navigation img { width:137px; height:45px; }
#Anc_StudioName { font-size:28px; font-weight:bold; }

/* lists */
ul { list-style-type:none; margin:0; padding:0; }
li { margin:0; padding:0; }

/* other */
#contentTop { margin-top:20px; }
#tl { background:url(../images/VE_TL.png) no-repeat top left; height:10px; width:10px; float:left; }
#t { border-top:solid 1px #cfcfcf; background:#fff; height:9px; width:10px; float:left; width:920px; }
#tr { background:url(../images/VE_TR.png) no-repeat top left; height:10px; width:10px; float:left; }
#bottom { margin-bottom:45px; }
#photogInfo a { text-decoration:none; }
#bl { background:url(../images/VE_BL.png) no-repeat top left; height:10px; width:10px; float:left; }
#b { border-bottom:solid 1px #cfcfcf; background:#fff; height:9px; width:10px; float:left; width:920px; }
#br { background:url(../images/VE_BR.png) no-repeat top left; height:10px; width:10px; float:left; }
div.liner1 { border-left:solid 1px #cfcfcf; border-right:solid 1px #cfcfcf; border-bottom:solid 1px #cfcfcf; background:#fff; padding:40px 20px; }        
div.liner2 { border-left:solid 1px #cfcfcf; border-right:solid 1px #cfcfcf; background:#fff; padding:40px; }


/* events */
#events { }  
#events li.left { margin-right:20px; clear:both; }    
#events li.outside { width:434px; border:solid 1px #cfcfcf; float:left; margin-bottom:20px; cursor:pointer; padding:1px; background:#ffffff url(../images/VE_EventBG.jpg) repeat-x 1px 1px; }        
#events div.content { padding:20px; min-height:122px; }
#events div.content img { margin:0 20px 0px 0; border:solid 1px #cfcfcf; float:left; }  
#events div.content span, #events p.content h2 { display:block; }    
#events div.content h2.eventName { font-size:16px; line-height:21px; font-weight:bold; }         
#events div.content span.eventDate { color:#999; } 
#events div.content span.eventStatus { color:#999; margin-bottom:10px; }
.outsideHover { border:solid 1px #666666 !important; }

/* paging */
.pageOptions { margin:20px 0 40px 0; }
.pageOptions #searchAndSorting { float:right; position:relative; }
.paging { margin-left:-10px; }
.paging li { float:left; margin-right:1px; }
.paging a { padding:4px 9px; text-decoration:none; color:#000; border:solid 1px #fff; display:block; }
.paging a:hover { background:#fafafa; -moz-border-radius:5px; -webkit-border-radius:5px; border:solid 1px #cfcfcf; } 
.paging a.active { background:#fafafa; -moz-border-radius:5px; -webkit-border-radius:5px; border:solid 1px #cfcfcf; }
.paging a.inactive { color:#bbbbbb; cursor:default; }
.paging a.inactive:hover { background:#ffffff; border:solid 1px #fff; }
   
/* search */
#searchContainer { background:transparent url(../images/VE_Search.jpg) no-repeat left top; width:223px; height:35px; float:left; }      
#search { width:178px; font-size:13px; font-family:Arial; padding:7px 0px; color:#666; margin:2px 0 0 38px; border:none; border-width:0px;  }
#LnkBtn_Search { background:transparent url(../images/VE_Search_btnGo.jpg) no-repeat left top; height:35px; width:44px; display:block; float:left; margin-right:8px; }
#LnkBtn_Search:hover { background-position:0px -35px; }


/* form */
.myField { background:#fff none repeat scroll 0 0; border:solid 1px #C1C7CA; padding:5px; }
.myField:hover { border:solid 1px #999999; }
.lblHeading { margin-top:5px; display:block; width:110px; }
#navigation input[type=text] { color:#888888; width:115px; height:27px; font-family:Arial; font-size:11px; line-height:26px; border:0; margin:0 10px; background:transparent; }
#navigation div.inputcontainer { margin-right:10px; float:left; width:135px; height:29px; line-height:29px; background:transparent url(../images/ve_field.png) no-repeat; }
.btn_ViewPhotos { width:98px; height:28px; background:url(../images/btn_ViewPhotos.png) no-repeat top left; border:0; margin-top:2px; cursor:pointer; float:left; }
.btn_ViewPhotos:hover { background-position:0 -28px; }
.btn_SendMessage { width:110px; height:28px; background:url(../images/btn_SendMessage.png) no-repeat top left; border:0; cursor:pointer; }
.btn_SendMessage:hover { background-position:0 -28px; }

/* ddl */
.sorting_DDL { background:url(../images/VE_DDL.jpg) no-repeat; display:block; width:127px; height:35px; text-decoration:none; line-height:35px; font-size:13px; padding:0 20px 0 10px; color:#3d00ff; }
#sorting_Popup { position:absolute; top:37px; right:0px; background:#ffffff; -moz-border-radius:8px; -webkit-border-radius:8px; border:solid 1px #cfcfcf; padding:10px; width:150px; }
#sorting_Popup li { margin-bottom:3px; }
#sorting_Popup li a { text-decoration:none; padding:5px 6px; display:block; }  
#sorting_Popup li a:hover { color:#6191ff; }  

/* resources */
.floatleft { float:left; }
.floatright { float:right; }

/* products */
.products { width:660px; margin-left:230px; *margin-top:-20px; }
.products ul li { border-bottom:solid 1px #cacaca; overflow:hidden; margin-top:30px; padding-bottom:15px; }
.products ul li a { text-decoration:none; color:#002aff; }
.products ul li a:hover { text-decoration:underline; color:#3254ff; }
.products a.productimage { border:solid 1px #cacaca; float:left; margin:0 30px 0 0; }
.products a.productimage:hover { border:solid 1px #aaaaaa; }
.products li h2 { margin-bottom:20px; line-height:1.2; }
.products li p { margin-bottom:15px; }
.products div.productinfo { width:356px; float:left; }
.products ul li.last { border-bottom:0; }

.leftmenu { width:230px; margin-bottom:30px; position:absolute; left:0; top:0; z-index:90; }
.leftmenu ul li { margin:0 0 15px 0; }
.leftmenu ul li a { text-decoration:none; line-height:20px; }
.leftmenu ul li a i { float:left; background:url(../images/sprite_menuitem.gif) no-repeat 0 0; width:5px; height:9px; margin:6px 10px 0 0 }
.leftmenu ul li a:hover { color:#777777; }
.leftmenu ul li a:hover i { background-position:0 -9px }
.leftmenu ul li a.selected { color:#1e9dff; }
