/* vendor */
div.vendor {margin:8px 0;}

/* header */
div.vendor div.header {margin-bottom:8px;}
div.vendor div.header h2 {font-family:Times New Roman, Serif;margin:0;font-size:16px;display:block;padding:0px;color:#007E97;}
div.vendor div.header h2 a {font-family:Times New Roman, Serif;}
div.vendor div.header h2 a:visited {font-family:Times New Roman, Serif;}
div.vendor div.header h2 a.brownLink {color:#007E97;}
div.vendor div.header h2 span.name  {color:#007E97;}
div.vendor div.header h2:hover {text-decoration:none;background-color:#EEEEEE;}
h1.vendorName {font-family:Times New Roman, Serif;color:#46301B;margin-bottom:0px;}

div.vendor div.header div.tools ul {margin:0 0 0 10px;padding:0;list-style:none;}
div.vendor div.header div.tools ul li {line-height:32px;margin-right:15px;padding:32px 0 32px 40px;display:inline;background-repeat:no-repeat;background-position:0 50%;}
div.vendor div.header div.tools ul li.print {background-image:url('../images/vendor/print.png');}
div.vendor div.header div.tools ul li.email {background-image:url('../images/vendor/email.png');}
div.vendor div.header div.tools ul li.save {background-image:url('../images/vendor/save.png');}
div.vendor div.header div.tools ul li a {color:#007E97;font-family:Arial, Sans-Serif;font-weight:bold;}

div.vendor div.header div.tools ul li.fbLike {line-height:32px;margin-right:15px;padding:0;display:inline;}

/* Save To Tool Popup */
div#savePopup{position:absolute; width: 135px; background-color: #F2F2F2;}
div#savePopup ul {background-color: #F2F2F2; margin:0;}
div#savePopup ul.saveTo {background-color: #F2F2F2; margin:0; padding: 10px 0 10px 0;} 
div#savePopup ul.saveTo li{line-height:20px; padding: 0px 10px 0 20px; margin-left: 20px; background-image: url("../images/vendor/savePlus.png");}
div#savePopup ul.saveTo a{color:#46301B;font-family:"Times New Roman",Times,Serif;}

/* this is the save button that appears to show through the popup.
If the margins\posiioning changes, it will no longer matchup with the button underneath it. 
So if you change the size\position of the popup div, the top\left margins of this element need to be adjusted accordingly. 
*/
div#savePopup ul li.save{line-height:32px;margin:0 15px 0 50px;padding:32px 0 32px 40px;}

/* gallery */
div.vendor div.gallery div.primaryPhoto {position:relative;background-color:White;padding:0;overflow:visible;}
div.vendor div.gallery div.primaryPhoto span.photoWrapper {display:block;width:713px;height:528px;overflow:hidden;}
div.vendor div.gallery div.primaryPhoto span.photoWrapper img {height:528px;}
div.vendor div.gallery div.primaryPhoto img {margin:0;padding:0;}
div.vendor div.gallery div.thumbnails ul {list-style:none;margin:0 0 0 -5px;padding:0;}
div.vendor div.gallery div.thumbnails ul li.thumbnail {border:none;text-align:center;margin:0 0 5px 5px;padding:0;background-color:white;float:left;position:relative;overflow:visible;}
div.vendor div.gallery div.thumbnails ul li.thumbnail span.photoWrapper {display:block;width:133px;height:100px;overflow:hidden;}
div.vendor div.gallery div.thumbnails ul li.thumbnail span.photoWrapper img {height:101px;}
div.vendor div.gallery div.thumbnails ul li.thumbnail img {width:auto;height:auto;cursor:pointer;}
div.vendor div.gallery div.thumbnails ul li.hover {cursor:pointer;}
div.vendor div.gallery div.statement p {clear:left;margin:0 14px 0 0;padding:1em;text-align:left;background-color:White;}

/* gallery - navigation */
div.vendor div.galleryNavigation {font-family:Verdana, Arial, Sans-Serif;font-size:11px;font-weight:normal;line-height:14px;}
div.vendor div.galleryNavigation div {height:50px;background-color:#f2f2f2;color:#222222;border-top:1px solid silver;border-bottom:1px solid silver;}
div.vendor div.galleryNavigation h4 {color:#4d301b;font-family:Times New Roman, Georgia, Serif;font-size:23px;padding:10px;margin:0;}
div.vendor div.galleryNavigation ul {list-style:none;float:right;border:none;margin:16px 15px 0px 0px;}
div.vendor div.galleryNavigation ul li {display:inline;margin:0;padding:0;width:50px;background-position:50% 50%;background-repeat:no-repeat;}
div.vendor div.galleryNavigation ul li.previous {padding-left:10px;margin-right:5px;background-image:url('../images/vendor/bulletWest.png');background-position:left 50%;}
div.vendor div.galleryNavigation ul li.next {padding-right:10px;margin-left:5px;background-image:url('../images/vendor/bulletEast.png');background-position:right 50%;}
div.vendor div.galleryNavigation ul li.next a {text-align:right;}
div.vendor div.galleryNavigation ul li a {position:relative;top:-2px;color:#00748d;font-weight:bold;text-transform:lowercase;font-family:Times New Roman, Georgia, Serif;font-size:14px;}
div.vendor div.galleryNavigation ul li a:hover {background-color:inherit;color:#01445f;}

/* details */
div.vendor div.details {margin:5px 0px;padding:5px 0px;background-color:#f2f2f2;border-top:1px solid silver;border-bottom:1px solid silver;}
div.vendor div.details div.picture {margin-right:0;padding-left:5px;}
div.vendor div.details div.picture p {height:280px;margin:0;padding:0;overflow:hidden;}
div.vendor div.details div.picture p.defaultPicture{background-image:url('../images/vendor/vendorPhotoBackground.png');background-repeat:no-repeat;background-position:5px -20px;}
div.vendor div.details div.statement div {padding:0 0 0 10px;margin:5px 0 0 0;}
div.vendor div.details div.statement h3 {font-family:Times New Roman, Serif;color:#007E97;font-size:22px;line-height:24px;margin-bottom:0;}
div.vendor div.details div.statement div.statementText {font-family:Arial, Sans-Serif;font-size:11px;margin:10px 0 0 0;padding:0;font-size:14px;color:#474747;}
div.vendor div.details div.contact div {padding:0;margin:0 10px 0 0;}
div.vendor div.details div.contact h3 {font-family:Times New Roman, Serif;font-size:20px;border-bottom:1px dotted #542c12;margin-bottom:.25em;padding-bottom:.25em;padding-left:5px;}
div.vendor div.details div.contact h3 span {text-transform:uppercase;}
div.vendor div.details div.contact h3 span.contact {color:#0298ca;}
div.vendor div.details div.contact h3 span.amp {color:#97a939;}
div.vendor div.details div.contact h3 span.info {color:#542c12;}
div.vendor div.details div.contact ul {list-style:none;margin:0;padding:0;padding:0px 10px;}
div.vendor div.details div.contact ul li {margin:0;padding:0;}
div.vendor div.details div.contact ul li a {font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px;}
div.vendor div.details div.contact ul li h4 {margin:10px 0 0 0;padding:0;text-transform:uppercase;font-family:Times New Roman, Serif;color:#b2813c;font-size:16px;font-weight:bold;}
div.vendor div.details div.contact ul li p {margin:0;padding:0;}
div.vendor div.details div.contact ul li p.message {margin-top:10px;}
div.vendor div.details div.contact ul li p.message a {color:#007E97;text-decoration:underline;font-size:13px;font-weight:bold;}

/* status */
div.vendor div.status {font-family:Verdana,Arial,Sans-Serif;font-size:12px;margin:5px 0 0 0;background-color:#f2f2f2;border-top:1px solid silver;border-bottom:1px solid silver;}
div.vendor div.status div.myKpw {height:112px;background-image:url('../images/vendor/statusMyKpw.png');background-position:0 0;background-repeat:no-repeat;}
div.vendor div.status div.myKpw div.wrapper {padding:21px 0 0 50px;}
div.vendor div.status div.myKpw div.wrapper img {float:left;margin-right:10px;}
div.vendor div.status div.myKpw div.wrapper p {padding:0;margin:0;}
div.vendor div.status div.myKpw div.wrapper div.dateTime {margin:10px 0 0 83px;color:#9e9e9e;}
div.vendor div.status div.services ul {margin:12px 0 0 0;padding:0;list-style:none;}
div.vendor div.status div.services ul li {text-transform:uppercase;font-size:12px;padding:5px 0 5px 122px;margin:5px 10px;background-color:white;background-position:5px 5px;background-repeat:no-repeat;}
div.vendor div.status div.services ul li.twitter {background-image:url('../images/vendor/statusTwitter.png');}
div.vendor div.status div.services ul li.facebook {background-image:url('../images/vendor/statusFacebook.png');}
div.vendor div.status div.services ul li a {color:#00748D;}
div.vendor div.status div.services ul li a:hover {color:#169BC2;text-decoration:none;}

div.vendor div.blog div.blogContent ul.tools li.editPost a {text-decoration:none;font-size:0;width:76px;height:18px;display:block;background-image:url('../images/controls/ContentTools/edit-default.jpg');background-position:0px 0px;background-repeat:no-repeat;}
div.vendor div.blog div.blogContent ul.tools li.editPost a:hover {text-decoration:none;background-image:url('../images/controls/ContentTools/edit_over.jpg');}
div.vendor div.blog div.blogContent ul.tools li.editPost a span {visibility:hidden;}

/* edit page */
a.vendorEdit {margin:0 10px 0 0;padding:3px; float:right; color:#222222;}

/* cancel, save buttons */
div.vendor div.tools p.buttons {text-align:right;display:block;margin:0 0 1em 0;padding:0;}

/* photo tray */
div.vendor div.tools div.photoTray {display:none;border:1px solid #E6E6E6;margin:1em 0em;padding:1em;}
div.vendor div.tools div.photoTray div.innerWrapper {margin:0;padding:0;}
div.vendor div.tools div.photoTray div.innerWrapper p.scrollWrapper {margin:0;padding:0;position:relative;}
div.vendor div.tools div.photoTray div.innerWrapper p.scrollWrapper a {position:absolute;display:none;}
div.vendor div.tools div.photoTray div.innerWrapper p.scrollWrapper a:hover {text-decoration:none;}
div.vendor div.tools div.photoTray div.innerWrapper p.scrollWrapper a.scrollLeft {z-index:9;top:38px;left:-32px;padding:.35em .9em !important;}
div.vendor div.tools div.photoTray div.innerWrapper p.scrollWrapper a.scrollLeft:hover img {visibility:visible;}
div.vendor div.tools div.photoTray div.innerWrapper p.scrollWrapper a.scrollRight {z-index:9;top:38px;right:-36px;padding:.35em .9em !important;}
div.vendor div.tools div.photoTray div.innerWrapper p.scrollWrapper a.scrollRight:hover img {visibility:visible;}
div.vendor div.tools div.photoTray div.innerWrapper p.scrollWrapper a.hide:hover {cursor:default !important;}
div.vendor div.tools div.photoTray div.innerWrapper p.scrollWrapper a.hide:hover img {}
div.vendor div.tools div.photoTray div.innerWrapper div.overflowWrapper {padding:0em;margin:0em;overflow:hidden;position:relative;z-index:8;}
div.vendor div.tools div.photoTray div.innerWrapper div.overflowWrapper ul.thumbnails {position:relative;list-style:none;margin:0;padding:0;}

/* thumbnail styles - draggable */
li.thumbnail {cursor:move;background-color:white;list-style:none;overflow:hidden;float:left;padding:0em;margin:0em 1em 0em 0em;border:1px solid #212121;}
li.thumbnailFirst {margin-left:0em;}
li.thumbnailLast {margin-right:0em;}
li.thumbnail {border:1px solid #7EC3D2;}
li.thumbnail img {display:block;width:135px;height:100px;padding:0em;margin:0em;}
li.thumbnail span {display:block;width:135px;height:100px;padding:0em;margin:0em;}


/* draggables */
li.galleryImage {cursor:move;background-color:white;list-style:none;overflow:hidden;float:left;padding:0em;margin:0 10px 0 0;}
li.galleryImageFirst {margin-left:0em;}
li.galleryImageLast {margin-right:0em;}
li.galleryImage {border:1px solid #7EC3D2;}

/* utils */
div.vendor a.removePhoto {height:32px;width:32px;position:absolute;margin-top:-13px;margin-left:-13px;display:none;background-image:url('images/removeImage.png');background-position:0 0;background-repeat:no-repeat;}
div.vendor .ui-dropReady {background-image:url('images/vendor/dropBackground.png');background-repeat:no-repeat;background-position:50% 50%;}
div.vendor .ui-drophover {background-image:url('images/vendor/dropBackgroundHover.png')}
div.vendor li.ui-dropReady {background-image:url('images/vendor/dropBackgroundSmall.png')}
div.vendor li.ui-drophover {background-image:url('images/vendor/dropBackgroundSmallHover.png')}


/* dialogs
/***************************************/
div.picture{position:relative; }
div.uploadPicLink {position:absolute; bottom: 0; background-position:5px 0; background-color:#97A939; width:100%}
div.uploadPicLink a {color:White;text-transform:uppercase; font-family:Times New Roman,Serif;font-size:16px;padding:3; margin-left:40px;}


/* edit page text */
div.editPageText {background-color:#f3f3f3 !important;}


/* edit blog */
div.editBlog {background-color:#f3f3f3 !important;}
div.editBlogHeader {padding-left:.5em;background-image:url('../images/EditingToolbar/editingToolbarBackground.png') !important;background-repeat:repeat-x;background-position:0 0;}
div.editBlogHeader span.ui-dialog-title {padding-left:50px;background-image:url('../images/EditingToolbar/blog.png') !important;background-repeat:no-repeat;background-position:0 -5px;color:#01839b;text-transform:uppercase;font-size:14px;font-weight:bold;}
div.editBlogHeader span.caption {font-weight:normal;font-size:12px;float:left;color:#01839b;padding-left:2em;padding-top:3px;text-transform:uppercase;}
div.editBlog div#post ul.postOptions {list-style:none;margin:0;padding:0;}
div.editBlog div#post ul.postOptions li {display:inline;margin-right:1em;}
div.editBlog div#post div.newPost {display:block;}
div.editBlog div#post div.newPost table.title {border-top:1px dotted #4c4c4c;width:100%;margin-top:1em;}
div.editBlog div#post div.newPost table.title th {width:100px;vertical-align:middle;text-transform:uppercase;font-size:14px;font-weight:bold;color:#552c10;margin-top:1.5em;padding-top:1em;}
div.editBlog div#post div.newPost table.title th span {position:relative;top:-4px;}
div.editBlog div#post div.editPosts {display:none;margin-top:1em;padding-top:1em;border-top:1px dotted #4c4c4c;}
div.editBlog div#post div.editPosts div.wrapper {overflow:auto;}
div.editBlog div#post div.commentModeration {display:none;}

/* Profile Picture */
div.profilePicToolHeader {padding-left:.5em;background-image:url('../images/EditingToolbar/editingToolbarBackground.png') !important;background-repeat:repeat-x;background-position:0 0;}
div.profilePicToolHeader span.ui-dialog-title {padding-left:32px;background-image:url('../images/EditingToolbar/editPage.png') !important;background-repeat:no-repeat;background-position:0 -5px;color:#01839b;text-transform:uppercase;font-size:14px;font-weight:bold;}
div.profilePicToolHeader span.caption {font-weight:normal;font-size:12px;float:left;color:#01839b;padding-left:3em;padding-top:3px;text-transform:uppercase;}
div.profilePicTool h3 {text-transform:uppercase;font-size:14px;font-weight:bold;color:#552c10;margin-top:1.5em;border-top:1px dotted #4c4c4c;padding-top:1em;}
div.profilePicToolFooter, 
div.profilePicToolWrapper {background-color:#f3f3f3 !important;}

div.profilePicTool {background-color:#F3F3F3 !important;}
div.profilePicTool div.imageHandler {margin:10px 0px; /*border-top:1px solid silver;*/}
div.profilePicTool div.toolbar {line-height:24px;padding:0 10px;margin-bottom:5px;border-top:1px solid silver;border-bottom:1px solid silver;background-color:#f2f2f2;}
div.profilePicTooldiv.toolbar embed {position:absolute;margin-top:8px;background-color:#f2f2f2;}
div.profilePicTool div.toolbar object#UploadifyUploader {margin-top:8px;background-color:#f2f2f2;}
div.profilePicTool div.toolbar p {margin-top:8px;}
div.profilePicTool div.uploadToolbar span.note{color:#46301B; font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px;}
div.profilePicTool div.imageWrapper {margin:0;padding:0;overflow:hidden;background-image:url(../images/AddImages/loading.gif);background-position:50% 50%;background-repeat:no-repeat;float:left;}
div.profilePicTool div.imageWrapper div.addBorder  {}
div.profilePicTool div.imageWrapper div.dimensionsWrapper {overflow:hidden;margin:auto;}
div.profilePicTool div.imageWrapper div div.imageBorder div.innerWrapper {display:none;margin:auto;} 

/* Vendor Contact */
div.vendorContact {background-color:#f3f3f3 !important;}
div.vendorContactHeader {padding-left:.5em;background-image:url('../images/EditingToolbar/editingToolbarBackground.png') !important;background-repeat:repeat-x;background-position:0 0;}
div.vendorContactHeader span.ui-dialog-title {padding-left:50px;background-image:url('../images/EditingToolbar/blog.png') !important;background-repeat:no-repeat;background-position:0 -5px;color:#01839b;text-transform:uppercase;font-size:14px;font-weight:bold;}
div.vendorContactHeader span.caption {font-weight:normal;font-size:12px;float:left;color:#01839b;padding-left:2em;padding-top:3px;text-transform:uppercase;}

div.vendorContactToolHeader {padding-left:.5em;background-image:url('../images/EditingToolbar/editingToolbarBackground.png') !important;background-repeat:repeat-x;background-position:0 0;}
div.vendorContactToolHeader span.ui-dialog-title {padding-left:32px;background-image:url('../images/EditingToolbar/editPage.png') !important;background-repeat:no-repeat;background-position:0 -5px;color:#01839b;text-transform:uppercase;font-size:14px;font-weight:bold;}
div.vendorContactToolHeader span.caption {font-weight:normal;font-size:12px;float:left;color:#01839b;padding-left:3em;padding-top:3px;text-transform:uppercase;}
div.vendorContactTool h3 {text-transform:uppercase;font-size:14px;font-weight:bold;color:#552c10;margin-top:1.5em;border-top:1px dotted #4c4c4c;padding-top:1em;}
div.vendorContactToolFooter, 
div.vendorContactToolWrapper {background-color:#f3f3f3 !important;}

div.vendorContact div.messageForm {margin: 10px 0;padding: 5px 0;border-top:dotted 1px #01839b;border-bottom:dotted 1px #01839b;}
div.vendorContact div.messageForm div.label {margin-top:5px;width:125px;}
div.vendorContact div.messageForm label {color: #01839b;text-align:right;float:right;padding-right:10px;}
div.vendorContact div.messageForm input[type="text"] {width:395px;}
div.vendorContact div.messageForm p {color:#01839b;float:left}
div.vendorContact div.messageForm p.note {color:red;float:left}